/* CSS DOCUMENT */

/*-------------------------- GENERAL --------------------------*/
body{
	background-color: #E9E9E9;
	background-image: url(/images-manic/header-bg.gif);
	background-repeat: repeat-x;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #666;
}

img {
	border: 0px;
}

.icon {
	position:relative;
	right:6px;
	top:2px;
	}
	
.close {
	position:relative;
	bottom:18px;
	left:232px;
	}

.clear {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1px;	
}

input:focus {background:#ffff99;}

/* --------------------- HEADER ------------------------------ */

#header {
	margin: 0 auto;
	clear: both;
	padding: 0;
	height: 230px;
	min-width: 800px;
}

#branding {
	height: 130px;
	min-width:800px;
}

#branding ul li {
	margin: 0;
	clear: right;
	padding: 0;
	float: left;
	list-style: none;
}

#logo {
   margin: 50px 0 0 50px;
   width:240px;
   left: 50px;
}

#devzone {
   margin: 50px 0 0 0;
   width:252px;
}

#login {
	position:fixed;
	margin: 0 0 0 -145px;
	padding: 0 0 0 0;
	background: transparent url(/images-manic/borders/arrow-alert.png) 100% 68% no-repeat;
	left:50%;
	right:50%;
	top: 20px;
	width:338px;
	display:none;
	z-index:1000;
}

#login-bubble {
	text-align: left;
	width:290px;
}

#loginlinks {
	margin: 50px 50px 0 0;
	right: 0px;
	position:absolute;
	text-align: right;
	width: 265px;
	font-size:15px;
	line-height: 50px;
	font-weight: bold;
	top: 0px;
}

#loggedin {
	margin: 80px 50px 0 0;
	right: 0px;
	position:absolute;
	text-align: right;
	width: 265px;
	font-size:13px;
	line-height: 15px;
	font-weight: bold;
	top: 0px;
}

.tinytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	color: #F60;
}

/* --------------------- NAVIGATION / TABS -------------------------- */

#main-nav {
	height: 100px;
	margin:0;
}

.menunav-five{   /* 5 TABS */
	font-size: 15px;
	line-height: 50px;
	text-align: center;
	width: 716px; 
	margin: 0 auto 0 auto;
}

.menunav-six{   /* 6 TABS */
	font-size: 15px;
	line-height: 50px;
	text-align: center;
	width: 876px; 
	margin: 0 auto 0 auto;
}

.menunav-five ul,.menunav-six ul{
	display: block;
	clear: both;  /* right */
	margin:0;
	padding:0;
	list-style: none;
	float:left;
}

.menunav-five ul li,.menunav-six ul li{
	display: inline;
	float: left;
	height: 50px;
	font-weight: normal;
	color:#09F;
	padding:0;

}

.space{
	margin-right: 24px;
}

.menunav-five ul li a,.menunav-six ul li a{
	color: #666;
	font-weight:normal;
	float:left;
	width: 124px;
	text-decoration:none;
	background: transparent url(/images-manic/nav-button.png) top left no-repeat;
}

.menunav-five ul li a span,.menunav-six ul li a span{
	display:block;
	color: #666;
	}

.menunav-five ul li a span:hover,.menunav-six ul li a span:hover{
	color: #09f;
	display:block;
}

.menunav-five  ul li a.current,.menunav-six ul li a.current, #menunav a.current span{ /*currently selected tab*/
	color: #f60;
	font-weight:bold;
	background: transparent url(/images-manic/nav-button-on.png) top left no-repeat  ! important;
	display: block;
	cursor: pointer;
}

#sub-nav{
	text-align:center;
	list-style:none;
	margin: 0 auto 0 auto;
	background: transparent url(/images-manic/submenu-bg.jpg)  top left no-repeat;
	background-position: center;
}


.menusub{
	display: block;
	clear: both;
	height: 50px;
	margin: 0 auto 0 auto;
	/* width: 960px; */
	background-image: url(/images-manic/submenu-bg.jpg);
	}
	
.menusub ul{
	display: block;
	margin:0 auto 0 auto;
	padding:16px 0 0 0;
	}

.menusub ul li{
	display: inline;
	color:#CCC;
	padding: 16px 15px 0px 15px;
	font-size:13px;
	margin: 0;
	}

.menusub a, #menusub a:visited, #menusub a:active{
	color: #666;
	text-decoration:none;
	}
	
.menusub a:hover{
	color: #09F;
	text-decoration:none;
	}

.menusub a.current, #menusub a.current span{ /*currently selected tab*/
	color: #7cc23d ! important;
	font-weight:bold;
	cursor: default ! important;
}

.subcontent{
	 /* display: none;  */ 
	}
	
table td tr {
	padding:0 0 0 15px;
}

/* -------------- FUNKY GREEN MANIC BAR ----------------------- */
#mbar-bg {
	background-image: url(/images-manic/bg-mbar.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color: #52af08;
	padding: 0px;
	clear:both;
	height: 200px;  
	margin: 0;
}

#mbar {
	background-image: url(/images-manic/bg-mbar-mask.png);
	background-repeat:repeat-x;
	padding: 0px;
	height: 200px; 
	margin: 0;
}

/* ------------- CONTAINER FOR MAIN BODY SECTION --------------- */

#main-content-container {
	margin: 0 auto 18px auto;
	clear:both;
	padding: 18px 0 0 0;
	width: 960px;
	min-height: 230px; 
}

#left-column {
	float:left;
	margin:0;
	width: 240px;
}

#right-column {
	float:right;
	margin:0;
	width: 240px;
}

#main-column {
	float:right; 
	margin:0;
	padding: 0;
	width: 720px;
}

#content-container-1col {
	float:left; 
	margin: 10px; 
	padding: 0;
	width: 220px;  
}

#content-container-2col {
	float:left;
	margin: 10px;
	padding: 0;
	width: 460px;
}

#content-container-3col {
	float:left;
	margin: 10px;
	padding: 0;
	width: 700px;
}

#content-container-4col {
	float:left;
	margin: 10px;
	padding: 0 0 0 0;
	width: 940px;
}


.text-box-top { margin:0; padding:10px 22px 0 22px; text-align:left;}
.text-box-bottom { margin:0; padding: 10px 22px 0 22px; }

.pop-box-top { margin:0; padding:0 0 0 16px; text-align:left;}
.pop-box-bottom { margin:0; padding: 0 16px 0 16px; }

.feature-box-top { margin:0; padding:10px 22px 0 22px; text-align:left; color:#F60; font-size:24px; }
.feature-box-bottom { padding: 10px 22px 0 22px; color:#FFF;}
.feature-box-bottom p { color:#ccc;}



/* ---------------------------------------------------------------------------------- */
/* REGULAR BOX ROUNDED CORNERS */

 .hdr-1 {
 background:transparent url(/images-manic/borders/tl-1col.png) no-repeat 0px 0px; 
 margin-right:16px; /* space for right corner */
}

 .hdr-2 {
 background:transparent url(/images-manic/borders/tl-2col.png) no-repeat 0px 0px; 
 margin-right:16px; /* space for right corner */
}

 .hdr-3 {
 background:transparent url(/images-manic/borders/tl-3col.png) no-repeat 0px 0px; 
 margin-right:16px; /* space for right corner */
}

 .hdr-4 {
 background:transparent url(/images-manic/borders/tl-4col.png) no-repeat 0px 0px; 
 margin-right:16px; /* space for right corner */
}

 .hdr-1 .c, .hdr-2 .c, .hdr-3 .c, .hdr-4 .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
 background:transparent url(/images-manic/borders/tr.png) no-repeat right 0px;
 margin-right:-16px; /* pull right corner back over "empty" space (from above margin) */
}

 .bdr {
 background:transparent url(/images-manic/borders/l.png) repeat-y 0px 0px;
 margin-right:6px;
}

 .bdr .c {
 background:transparent url(/images-manic/borders/r.png) repeat-y right 0px;
 margin-right:-6px;
}

 .ftr {
 height:22px;
  background:transparent url(/images-manic/borders/bl.png) no-repeat 0px 0px;
 margin-right:22px;
}

 .ftr .c {
 font-size:1px; /* ensure minimum height */
 height:22px;
 background:transparent url(/images-manic/borders/br.png) no-repeat right 0px;
 margin-right:-22px;
}

/* ---------------------------------------------------------------------------------- */
/* ALERT ROUNDED CORNERS */

 .hda-1 {
 background:transparent url(/images-manic/borders/tl-alert.png) no-repeat 0px 0px; 
 margin-right:16px; /* space for right corner */
}

 .hda-1 .c {
 font-size:1px; /* ensure minimum height */
 height:16px;
 background:transparent url(/images-manic/borders/tr-alert.png) no-repeat right 0px;
 margin-right:-16px; /* pull right corner back over "empty" space (from above margin) */
}

 .bda {
 background:transparent url(/images-manic/borders/l-alert.png) repeat-y 0px 0px;
 margin-right:16px;
}

 .bda .c {
 background:transparent url(/images-manic/borders/r-alert.png) repeat-y right 0px;
 margin-right:-16px;
}

 .fta {
 height:16px;
  background:transparent url(/images-manic/borders/bl-alert.png) no-repeat 0px 0px;
 margin-right:16px;
}

 .fta .c {
 font-size:1px; /* ensure minimum height */
 height:16px;
 background:transparent url(/images-manic/borders/br-alert.png) no-repeat right 0px;
 margin-right:-16px;
}

/* ---------------------------------------------------------------------------------- */
/* FEATURE BOX ROUNDED CORNERS */

 .hdf-1 {
 background:transparent url(/images-manic/borders/tl-1col-feature.png) no-repeat 0px 0px; 
 margin-right:16px; /* space for right corner */
}

 .hdf-2 {
 background:transparent url(/images-manic/borders/tl-2col-feature.png) no-repeat 0px 0px; 
 margin-right:16px; /* space for right corner */
}

 .hdf-3 {
 background:transparent url(/images-manic/borders/tl-3col-feature.png) no-repeat 0px 0px; 
 margin-right:16px; /* space for right corner */
}

 .hdf-4 {
 background:transparent url(/images-manic/borders/tl-4col-feature.png) no-repeat 0px 0px; 
 margin-right:16px; /* space for right corner */
}

 .hdf-1 .c, .hdf-2 .c, .hdf-3 .c, .hdf-4 .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
 background:transparent url(/images-manic/borders/tr-feature.png) no-repeat right 0px;
 margin-right:-16px; /* pull right corner back over "empty" space (from above margin) */
}

 .bdf {
 background:transparent url(/images-manic/borders/l-feature.png) repeat-y 0px 0px;
 margin-right:6px;
}

 .bdf .c {
 background:transparent url(/images-manic/borders/r-feature.png) repeat-y right 0px;
 margin-right:-6px;
}

.bdf .c .s {   /* CURRENTLY UNUSED */
 margin:0px 8px 0px 4px;
 background:#000 url(/images-manic/borders/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

 .ftf {
 height:22px;
  background:transparent url(/images-manic/borders/bl-feature.png) no-repeat 0px 0px;
 margin-right:22px;
}

 .ftf .c {
 font-size:1px; /* ensure minimum height */
 height:22px;
 background:transparent url(/images-manic/borders/br-feature.png) no-repeat right 0px;
 margin-right:-22px;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
a {
	color: #0099ff;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #06F;
	outline: none;
	text-decoration: none;
}

a.orange {
	color: #F60;
	outline: none;
	text-decoration: none;
}

a.orange:hover {
	color: #F30;
	outline: none;
	text-decoration: none;
}

a.green {
	color: #7cc23d;
	outline: none;
	text-decoration: none;
}

a.green:hover {
	color: #00B420;
	outline: none;
	text-decoration: none;
}

p {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 0 0; 
	color: #666;
}

p.orange {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 10px 0; 
	color: #f30;
}

p.big-text {
	font-size: 36px;
	color: #F60;
	font-weight:bold;
	margin: 10px 0 10px 0;
}

h1 {
	font-size: 27px;
	font-weight: normal;
	color: #7cc23d;
	margin: 5px 0 0 0;
	line-height: 32px;
}

h2 {
	font-size: 18px;
	color: #7cc23d;
	font-weight:normal;
	margin: 10px 0 0 0;
}

h3 {
	font-size: 18px;
	color:  #7cc23d;
	font-weight:normal;
	margin: 10px 0 0 0;
}

h4 {
	font-size: 16px;
	color: #f60; 
	font-weight:normal;
	margin: 10px 0 0 0;
}

sometext.orange {
	color: #F60;
	outline: none;
	text-decoration: none;
}

p.newpara {
   margin: 10px 0 0 0;
}

/*-------------------------- LOGIN AREA --------------------------*/
div#login-bg{
	float:right; 
	width:230px;
	margin: 8px 0 2px 0;
/*	padding: 10px 0 5px 0; */
 	}


div#background {
    margin:auto;
	position: relative;
}

/*-------------------------- FOOTER PART --------------------------*/


#footer {
	color: #666;
   clear: both; 
	height: 88px;
	margin: 0 auto 0 auto;
	padding: 36px 0 0 0;
	width: 960px;

}

#footer p {
	text-align:center;
	font-size: 10px;
	line-height: 20px;
}

#footer a {
	color: #666;
	text-decoration: none;	
}

#footer a:hover {
	color: #09F;
	text-decoration: none;	
}


h2.ourCompany-hdr{
   padding: 10px 0 0 0;
	font:normal 35px/38px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#082733; 
	height:43px;
	}

/* --------------------------- CUSTOM --------------------------- */

table.friends {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #650509;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-spacing: 0px;
   /* padding: 5px 5px 5px 5px; */
}

tr.friends-high {
    background-color: #FAF3BB;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

tr.friends-low {
    background-color: #Efe8A9;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

td.friend-header-cell-td {
     border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #650509;
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    outline: none;
background-color: #650509;
font-weight: bold;
font-size: 11px;
color: #FAF0C2;
}

td.friend-avatar-left {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #650509;
    padding: 1px 1px 1px 1px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 24px;
}

td.friend-td-rest {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #650509;
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 150px;
}

/** ----------------------------------------------------------- **/
/** FOLLOWING TWO FORMATS ARE USED ON THE MAIN LIST OF GAMES    **/
/** FOR DRAWING A BOX AROUND THE GAME LOGO **/

td.game-cell{
	border: 1px SOLID #951509;
	width:120px; height:145px;
	background:#FAF3BB;
	}	

h2.game-cell{
	color:#951509;
	line-height:19px; font-weight:bold; font-size:12px;
	}
/** ----------------------------------------------------------- **/

table.games {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #650509;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-spacing: 0px;
   /* padding: 5px 5px 5px 5px; */
}

td.games-header-cell-td-three-empty
{
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #650509;
    margin: 0 0 0 0;
    outline: none;
}

td.games-header-cell-td-two-empty
{
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #650509;
    margin: 0 0 0 0;
    outline: none;
}

td.games-header-cell-td {
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #650509;
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    outline: none;
background-color: #650509;
font-weight: bold;
font-size: 11px;
color: #FAF0C2;
}

td.game-logo-td {
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #650509;
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 50px;
}

td.game-name-td {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #650509;
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 170px;
}


table.stats {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #f30;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-spacing: 0px;
   /* padding: 5px 5px 5px 5px; */
}

td.stats-header-row-td {
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color: #f30;
    padding: 5px 5px 7px 5px;
    margin: 0 0 0 0;
    outline: none;
background-color: #f30;
font-weight: bold;
font-size: 11px;
color: #F1f1f1;
}

td.stats-header-cell-td {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #f30;
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    outline: none;
background-color: #666666;
font-weight: bold;
font-size: 11px;
color: #F1f1f1;
}

tr.stats-high {
	background-color: #FfFfff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

tr.stats-low {
background-color: #f2f2f2;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

tr.stats-me {
background-color: #99ccee;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

td.stats-player-td {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #f30;
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 95px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;}

td.stats-player-avatar-td {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #f30;
    padding: 0px 0px 0px 0px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 24px;
}

td.stats-score-td {
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #f30;
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#hiddenmessage
{
display:none;
overflow:hidden;
width:500px;
margin: 0 0 0 0;
padding: 7px 10px 5px 10px; 
height: 21px;
border-width: 1px; 
border-style: solid;  
border-color: #930;
background: #90DB40;
color: #3A2525;
font-weight: bold;
}

td.register {
    
    padding: 3px 3px 3px 3px;
    margin: 0 0 0 0;
  /* font-weight: bold; */
   font-size: 12px;

}

/* --------------------------------------------------------------------------- */
/* SIGNUP FORM */

div#u-tooshort{
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 5px;
   display: none;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	}

div#u-available{
	padding: 5px 5px 5px 5px;
   display: none;
	margin: 0 0 0 5px;
   background-color: rgb(240,254,233);   
   border: rgb(225,239,219) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(102,102,102);
 	}

div#u-unavailable{
	padding: 5px 5px 5px 5px;
   display: none;
	margin: 0 0 0 5px;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	}

div#u-invalid{
	padding: 5px 5px 5px 5px;
   display: none;
	margin: 0 0 0 5px;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	}
 	
div#u-required{
	padding: 5px 5px 5px 5px;
   display: none;
	margin: 0 0 0 5px;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	}

div#username{
	padding: 5px 5px 5px 0;
   float: left; 	
   }

div#password1{
	padding: 5px 5px 5px 0;
   float: left; 	
   }

div#username{
	padding: 5px 5px 5px 0;
   float: left; 	
   }

div#subemail{
	padding: 5px 5px 5px 0;
   float: left; 	
   }
   
div#p1-required{
	padding: 5px 5px 5px 5px;
   display: none;
	margin: 0 0 0 5px;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	}

div#p1-tooshort{
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 5px;
   display: none;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	} 	

div#p1-weak{
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 5px;
   display: none;
   background-color: rgb(255,226,207); 
   border: rgb(229,189,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,70,27);
 	} 	

div#p1-good{
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 5px;
   display: none;
   background-color: rgb(255,240,207); 
   border: rgb(229,213,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,98,27);
 	} 	

div#p1-strong{
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 5px;
   display: none;
   background-color: rgb(245,255,207); 
   border: rgb(227,229,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(120,128,27);
 	} 	
 	
div#p1-verystrong{
	padding: 5px 5px 5px 5px;
   display: none;
	margin: 0 0 0 5px;
   background-color: rgb(240,254,233);   
   border: rgb(225,239,219) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(102,102,102);
 	}
 	
div#password2{
	padding: 5px 5px 5px 0;
   float: left; 	
   }

div#p2-required{
	padding: 5px 5px 5px 5px;
   display: none;
	margin: 0 0 0 5px;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	}

div#p2-nomatch{
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 5px;
   display: none;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	} 	

div#e-required{
	padding: 5px 5px 5px 5px;
   display: none;
	margin: 0 0 0 5px;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	}

div#e-invalid{
	padding: 5px 5px 5px 5px;
   display: none;
	margin: 0 0 0 5px;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	}

div#e-alreadyexists{
	padding: 5px 5px 5px 5px;
   /* display: none; */
	margin: 0 0 0 5px;
   background-color: rgb(255,207,207); 
   border: rgb(229,163,163) 1px solid;
   width: 300px;  
   float: left;
   font-size: 12px;
   color: rgb(128,27,27);
 	}

tr#e-row-alreadyexists{
   display: none;
 	}

div#e-ok{
	padding: 5px 5px 5px 5px;
   display: none;
	margin: 0 0 0 5px;
   background-color: rgb(240,254,233);   
   border: rgb(225,239,219) 1px solid;
   width: 90px;  
   float: left;
   font-size: 12px;
   color: rgb(102,102,102);
 	} 	
 	
div#prefs-enterpassword {
	background:#ffff66; /*#90DB40;*/
	color: #3A2525;
	padding: 10px;
 /* border: 5px solid #F3F1F1; */
   font-weight: bold; 
   font-size: 12px;	
   display: none;
} 	


a.selected_setting {    /* SELECTED LINK ON THE LEFT COLUMN SELECT LIST ON SETTINGS PAGE */
	color: #06F ! important;
	font-weight:bold;
	cursor: default ! important;
}



/* =Tables
---------------------------------------------------------------------------------------------------- */

td.gutter {
   width:32px;
   background: white url(/images-manic/tborders/gutter.png) top no-repeat;
}


#r-corner {
   border-collapse: collapse;
   margin: 0 0 16px 0;
}

#r-corner th {
   padding: 0px;
   font-weight:normal;
   color:#F60;
   background: #F4F4F4;
}

#r-corner td {
   padding: 0px;
}

/*
#r-corner tbody tr:hover td.m, #r-corner tbody tr:hover td.m-player, #r-corner tbody tr:hover td.m-avatar, #r-corner tbody tr:hover td.m-score {
   background: #DCF2FF;
}
*/

#r-corner tbody tr.alt1 {
   background: white;
}

#r-corner tbody tr.alt0 {
   background: #f4f4f4;
}

#r-corner tbody tr.stats-me {
   background: #99ccee;
}

#r-corner thead th.tl {
   background: transparent url(/images-manic/tborders/tl-table.png) top left no-repeat;
   height:7px;
   width:7px;
}

#r-corner thead th.t {
   background: transparent  url(/images-manic/tborders/t-table.png) top repeat-x;
}

#r-corner thead th.tr {
   background: transparent url(/images-manic/tborders/tr-table.png) top right no-repeat;
   height:7px;
   width:7px;
}

#r-corner thead th.r {
   background: transparent url(/images-manic/tborders/r-table.png) right -1px repeat-y;
   height:36px;
   width:7px;
}

#r-corner thead th.l {
   background: transparent  url(/images-manic/tborders/l-table.png) left -1px  repeat-y;
   width:7px;
}

#r-corner tbody td.r {
   background: transparent  url(/images-manic/tborders/r-table.png) right -1px  repeat-y;
   width:7px;
}

#r-corner tbody td.l {
   background: transparent  url(/images-manic/tborders/l-table.png) left   repeat-y;
   width:7px;
}

/*
#r-corner tbody tr:hover td.r{
   background: transparent  url(/images-manic/tborders/r-table-over.png) right -1px  repeat-y;
   width:7px;
}

#r-corner tbody tr:hover td.l{
   background: transparent  url(/images-manic/tborders/l-table-over.png) left -1px  repeat-y;
   width:7px;
}
*/

#r-corner tfoot td.br {
   background: transparent url(/images-manic/tborders/br-table.png) bottom right no-repeat;
   height:7px;
   width:7px;
}

#r-corner tfoot td.b {
   background: transparent  url(/images-manic/tborders/b-table.png) bottom repeat-x;
}

#r-corner tfoot td.bl {
   background: transparent url(/images-manic/tborders/bl-table.png) bottom left  no-repeat;
   height:7px;
   width:7px;
}

#r-corner tbody td.m-score {
    padding: 5px 0 5px 5px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#r-corner tbody td.m-gamerscore {
    padding: 5px 0 5px 5px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#r-corner tbody td.m-player {
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#r-corner tbody td.m-game-name {
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#r-corner tbody td.m-game-icon {
    padding: 2px 0px 2px 0px;
    margin: 0 0 0 0;
    outline: none;
}

#r-corner tbody td.m-avatar {
    padding: 0px 0px 0px 0px;
    margin: 0 0 0 0;
    outline: none;
    min-width: 24px;
}

#r-corner tbody td.m-notes {
    min-width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;    
}

#r-corner tbody td.m {
    padding: 0 5px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;    
}

/* THE FOLLOWING VERTICAL SLIDE CODE IS FOR MOOTOOLS */
/* USED ON VARIOUS PAGES WHERE WE ARE UPDATING SOMETHING */

#vertical_slide3 {
	background-color:  #90dB40; 
	color: #3A2525; 
	padding: 6px 8px 6px 8px;
	font-weight: bold; 
	width: 590px;
	margin: 0 0 0 0;
 /*  border-style:solid;  */
 /*  border-color:#3A2525; */
 /*  border-width:1px; */
}

/*New styles*/
td.icon2-container img{margin-top:9px;}
p.tbb-discription{font-size:14px;font-weight:bolder;}
div.bi-par{height:212px;width:100%;margin:25px 0;}
div.bi-swparator{width:100%;height:4px;background:url(/images-manic/r2/bi-swparator.png) no-repeat 50% 0;}
div.bi-menu{width:928px;height:208px;background:url(/images-manic/r2/bi-bg.png) repeat-x 0 0;position:relative;left:-16px;padding-top:17px;}
div.bi-menu ul{list-style:none;margin:0;padding:0 0 0 10px;}
div.bi-menu ul li{height:191px;width:176px;float:left;text-align:center;font-size:13px;font-weight:bold;margin-left:5px}
div.bi-menu ul li a{display:block;height:33px;width:176px;padding-top:158px;}
div.bi-menu ul li a:link, div.bi-menu ul li a:active, div.bi-menu ul li a:visited{color:#666;}
div.bi-menu ul li a:hover{color:#09f;}
div.bi-menu ul li.active a:link, div.bi-menu ul li.active a:active, div.bi-menu ul li.active a:visited, div.bi-menu ul li.active a:hover{color:#09f;}
div.bi-menu ul li.active{background:url(/images-manic/r2/big-icons-tab.png) no-repeat 0 0;}
a.i-mg{background:url(/images-manic/r2/i-multiplayer-gaming.png) no-repeat 50% 23px;}
a.i-gam{background:url(/images-manic/r2/i-games.png) no-repeat 50% 18px;}
a.i-pl{background:url(/images-manic/r2/i-plaers.png) no-repeat 50% 21px;}
a.i-comm{background:url(/images-manic/r2/i-community.png) no-repeat 50% 30px;}
a.i-dev{background:url(/images-manic/r2/i-developers.png) no-repeat 50% 26px;}