@CHARSET "UTF-8";
body {
    margin:0;
    padding:0;
    text-align: center;
    background-image: url('/images/site/top-header.png');
    background-repeat: repeat-x;            
    background-color: #000001;
}
img { 
    border: 0;
}
div#logo {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
/* emerald games graphic */
div#emerald-header {
    padding-left: 0;
    z-index: -1;
}
/* sonic float */
div#emerald-sonic {
    position: relative;
    width: 177px;
    height: 240px;
    left: -18px;
    float: left; 
    top: 3px;
    z-index: 255;
}
div.main-box {
	clear: both;
    position:relative;
    top: -155px;
    text-align:left;
    overflow:hidden;
    width:1000px;
    margin: 0 auto;
    background: #FFFFFF;
/*    background: #FFFFFF; */
    border:solid 3px #FFFFFF;
}
div.top-box {
    background:#000002;
    border-bottom:solid 2px #FFFFFF;
    font-color: #1F4305;
    text-align: center;
    padding: 12px 15px 12px 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;			
}
div.top-blue-box {
    background-image: url('/images/site/blue-header.png');
    background-repeat: repeat-x;            		
    border-bottom: solid 1px #FFFFFF;
    width: 1000px;
    height: 107px;
}
div.menu-bar {
    background-image: url('/images/site/menu-bar.png');
    background-repeat: repeat-x;                    
    border-bottom: solid 2px #FFFFFF;
    width: 1000px;
    height: 40px;
    #FFFFFF-space: normal;
    background-color: blue;
}
div.center-box {
    position:relative;
    width:100%;
    /* This left property must be equal to the left width */
    left: 218px;
    /* This background property is the background of the center column */
    background: #FFFFFF;            
    /* This is the left border of the center content */
    border-left:solid 2px #FFFFFF;
}
div.reset-box {
    position:relative;
    width:100%;
    left:100%;
    /* This margin-left property must be equal to the left width with a minus in front */
    margin-left: -218px;
} 
 div.right-box {
    position:relative;
    width:100%;
    /* This margin-left property must be equal to the right width with a minus in front */
    margin-left: -218px;
    /* This left property must be equal to the sum of borders size with a minus in front */
    left:-4px;
    /* This background property is the background of the right column */
    background:#000005;
    /* This is the right border of the center content */
    border-left:solid 2px #FFFFFF;
}
div.content-box {
    position:relative;
    width:100%;
    margin-left:-100%;
    /* This left property must be equal to the right width */
    left: 218px;
}
div.left-col {
    float:left;
    /* This width property must be equal to the left width */
    width: 0px;
    background: #FFFFFF;
}
div.right-col {
    float:right;
    position: relative;
    /* top: -100%; */
    /* This width property must be equal to the right width */
    width: 218px;
}
div.center-col {
    /* This margin-left property must be equal to the left width */
    /* margin-left:120px; */
    margin-left: 0px;
    /* This margin-right property must be equal to the right width */
    margin-right: 218px;
    /* This padding-left property must be equal to the border size */
    padding-left:2px;
    /* This padding-right property must be equal to the border size */
    padding-right:2px;
}
* html div.center-col {
    height:1%;
    margin:0;
}
* html div.left-col {
    margin-right:-3px;
}
* html div.right-col {
    margin-left:-3px;
}
.clearfix:after {
    content: "."; 
    display: block;
    height: 0px;
    clear: both; 
    visibility: hidden;
}
.heightfix:before {
    content:'.';
    display:block;
    visibility:hidden;
    height:0;
}
/* sonic games text */
    div#main-title {
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #AFC1E4;
}
.select-content {
    padding: 8px 0px 0px 10px;
    float: left;
}
.search-box {
    padding: 5px 10px 0px 0px;
    float: right;
}
input.search-box {
    border: 1px solid #C53F02;
    font-size: 12px;
    background-color: #FFFFFF;
    height: 25px;
    display: inline;
    float: left;
}       		
input.search-button {
    font-size:12px;
    color:#FFFFFF;
    width:80px;
    height:30px;
    background-color:#C53F02;
    border-style:none;
    display: inline;
}
.login-box-text {
	padding-left: 10px;
	padding-right: 10px;
	display: inline;	
}
input.login-fields {
	width: 120px;
}

input.login-button {
    font-size:12px;
    font-weight:bold;
    color:#345202;
    width:80px;
    height:26px;
    background-color:#6EAE13;
    border-top-style:outset;
    border-top-color:#D3EAA6;
    border-bottom-style:none;
    border-bottom-color:#D3EAA6;
    border-left-style:inset;
    border-left-color:#AED36F;
    border-right-style:outset;
    border-right-color:#AED36F;
}		   
div.menu-sections {
    text-align: center;
    padding-bottom: 4px;
}	
div.menu-featured {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 4px;
    height: 232px;
}   
div#login-pos {
    clear: right;
    position: relative;
    float: left;
    top: 460px;
    left: -193px;
    z-index: 255;           
}
div#login-box {
    background: #0265C2;
    font-size: 12px;
    width: 225px;
    height: 152px;
    z-index: 255; 
    text-align: center;
}
div#login-box-shadow {
    z-index: 260;
    float: left;
}
div#login-box-placeholder {
    padding: 0 0 4px 0;
    width: 225px;
    height: 148px;
    z-index: -1;
}
div.login-box-title {
    margin-left: 4px;
    margin-right: 4px;
    background: #004A90;
    height: 26px;
    line-height: 26px;
    width: 216px;
    font-size: 13px;
    color: #FFFFFF;
    text-transform: uppercase;
}
div#center-focus {
    background: #FF871B;
    height: 150px;
    width: 100%;
    position: relative;
    top: -2px;
    margin-bottom: 4px;
}
.links {
    list-style-type: none;
    text-align: left;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.main-content-box h1, .main-content-box p {margin:0 10px;  padding:0; }
.main-content-box h1 {font-size:1.0em; color:#000; font-weight: 800; }
.main-content-box p, a {font-family: arial, helvetica, sans-serif; font-size: 11px; padding-bottom:0.5em; color: #e2f3ff;}
.main-content-box a:visited {color: #000; text-decoration: none; }
.main-content-box a:link {color: #000; text-decoration: none; }
.main-content-box a:hover {color: #000; text-decoration: underline; }
.main-content-box a:active {color: #000; text-decoration: none; }
.main-content-box {background: transparent; margin:2.5px .3em 5px .3em;}
.mcb-top, .mcb-bottom {display:block; background:transparent; font-size:1px;}
.mcb1, .mcb2, .mcb3, .mcb4 {display:block; overflow:hidden;}
.mcb1, .mcb2, .mcb3 {height:1px;}
.mcb2, .mcb3, .mcb4 {background:#668e8d; border-left:1px solid #a2cdff; border-right:1px solid #a2cdff;}
.mcb1 {margin:0 5px; background:#a2cdff;}
.mcb2 {margin:0 3px; border-width:0 2px;}
.mcb3 {margin:0 2px;}
.mcb4 {height:2px; margin:0 1px;}
.mcb-content {display:block; background:#668e8d; border:0 solid #a2cdff; border-width:0 1px;}

.main-content-header-r h1 {margin:0 10px;  padding:6px;}
.main-content-header-r h3 {margin:0 10px;  padding:6px;}
.main-content-header-r h1 {font-family: arial, helvetica, sans-serif; font-size:14px; color:#FFF; font-weight: 800; }
.main-content-header-r h3 {font-family: arial, helvetica, sans-serif; font-size:14px; color:#FFF; font-weight: 800; }
.main-content-header-r {background: transparent; margin:2.5px .3em 5px .3em;}
.main-content-header-r a:link {color: #FFF; text-decoration: none; text-align: center;}
.main-content-header-r a:visited {color: #FFF; text-decoration: none; text-align: center;}
.main-content-header-r a:hover {color: #FFF; text-decoration: underline; text-align: center;}
.main-content-header-r a:active {color: #FFF; text-decoration: none; text-align: center;}
.mchr-top, .mchr-bottom {display:block; background:transparent; font-size:1px;}
.mchr1, .mchr2, .mchr3, .mchr4 {display:block; overflow:hidden;}
.mchr1, .mchr2, .mchr3 {height:1px;}
.mchr2, .mchr3, .mchr4 {background:#000003; border-left:1px solid #000003; border-right:1px solid #000003;}
.mchr1 {margin:0 5px; background:#000003;}
.mchr2 {margin:0 3px; border-width:0 2px;}
.mchr3 {margin:0 2px;}
.mchr4 {height:2px; margin:0 1px;}
.mchr-content {display:block; background:#000003; border:0 solid #000003; border-width:0 1px;}

.main-content-header-b h1 {margin:0 10px;  padding:6px;}
.main-content-header-b h2 {margin:0 10px;  padding:6px;}
.main-content-header-b h1 {font-family: arial, helvetica, sans-serif; font-size: 11px; color:#FFF; font-weight: 800; text-align: right;}
.main-content-header-b h2 {font-family: arial, helvetica, sans-serif; font-size: 11px; color:#FFF; font-weight: 800; text-align: right;}
.main-content-header-b {background: transparent; margin:5px .3em 5px .3em;}
.main-content-header-b a:link { color: #FFF; text-decoration: none;}
.main-content-header-b a:visited { color: #FFF; text-decoration: none;}
.main-content-header-b a:active { color: #FFF; text-decoration: none;}
.main-content-header-b a:hover { color: #FFF; text-decoration: underline;}
.mchb-top, .mchb-bottom {display:block; background:transparent; font-size:1px;}
.mchb1, .mchb2, .mchb3, .mchb4 {display:block; overflow:hidden;}
.mchb1, .mchb2, .mchb3 {height:1px;}
.mchb2, .mchb3, .mchb4 {background:#000004; border-left:1px solid #000004; border-right:1px solid #000004;}
.mchb1 {margin:0 5px; background:#000004;}
.mchb2 {margin:0 3px; border-width:0 2px;}
.mchb3 {margin:0 2px;}
.mchb4 {height:2px; margin:0 1px;}
.mchb-content {display:block; background:#000004; border:0 solid #000004; border-width:0 1px;}

.main-content-box-desc h1, .main-content-box-desc p {margin:0 10px;  padding:0;}
.main-content-box-desc h1 {font-size:1.0em; color:#000; font-weight: 800; }
.main-content-box-desc p, a {font-family: arial, helvetica, sans-serif; font-size: 11px; padding-bottom:0.5em; color: #000000; }
.main-content-box-desc a:visited {color: #000; text-decoration: none; }
.main-content-box-desc a:link {color: #000; text-decoration: none; }
.main-content-box-desc a:hover {color: #000; text-decoration: underline; }
.main-content-box-desc a:active {color: #000; text-decoration: none; }
.main-content-box-desc {background: transparent; margin:2.5px .3em 5px .3em;}
.mcbd-top, .mcbd-bottom {display:block; background:transparent; font-size:1px;}
.mcbd1, .mcbd2, .mcbd3, .mcbd4 {display:block; overflow:hidden;}
.mcbd1, .mcbd2, .mcbd3 {height:1px;}
.mcbd2, .mcbd3, .mcbd4 {background:#68c5ff; border-left:2px solid #68c5ff; border-right:2px solid #68c5ff;}
.mcbd1 {margin:0 5px; background:#68c5ff;}
.mcbd2 {margin:0 3px; border-width:0 2px;}
.mcbd3 {margin:0 2px;}
.mcbd4 {height:2px; margin:0 1px;}
.mcbd-content {display:block; background:#ffffff; border:0 solid #68c5ff; border-width:0 5px;}


.gameslist {
    padding: 0;
    margin: 0;
}

.adslot {
    display: inline;
    list-style-type: none;
    padding-left: 20px;
/*    padding-right: 8px; */
    padding-top: 3px;      
}

.red-related {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.bottom-box {
	clear: both;
    position: relative;
    top: -140px;
    text-align: center;
    background: #000001;
    border: 0;
    width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.menu-header {
   margin: 0 3px 4px 4px;
   padding: 0 2px 0 2px;
   font-size:14px;
   font-weight: bold;
   text-align:left;   
   color:#1B4500;
   width:204px;
   height:28px;
   line-height: 28px;
   vertical-align: middle;
   background-color:#6FAC13;
   border-top-style:solid;
   border-top-color:#84BA1C;
   border-top-width:3px;
   border-bottom-style:none;
   border-bottom-color:#84bA1C;
   border-bottom-width:1px;
   border-left-style:none;
   border-left-color:#84bA1C;
   border-left-width:1px;
   border-right-style:none;
   border-right-color:#84bA1C;
   border-right-width:1px;   
}