body {
	/*
        margin-top:0px;
	margin-left: 0px;
	margin-right: 0px;
        */
        margin: 0 auto; /* FireFox Layout Alignment */
        text-align: center;
        width: 685px;
        
	overflow-x: hidden;
	background-image: url(bg_tile.gif);
}

.bodytext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } 
.bodytext2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.bodytext3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; } 

a {color:#0066CC; text-decoration:underline;}
.a:link { color: #0066CC; text-decoration: none; }
.a:visited { color: #0066CC; text-decoration: none; }
.a:active { color: #0066CC; text-decoration: none; } 
.a:hover { color: #0066CC; text-decoration: none; } 

.hyperlink { color: #0066CC; text-decoration: none; }
.hyperlink:link { color: #0066CC; text-decoration: none; }
.hyperlink:visited { color: #0066CC; text-decoration: underline; }
.hyperlink:active { color: #0066CC; text-decoration: underline; } 
.hyperlink:hover { color: #0066CC; text-decoration: underline; }  

.title { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #333333; padding-left: 22px; padding-bottom: 7px; padding-right: 55px;} 
.bgmusic_title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #0099CC; padding-left: 2px;} 
.soundfx_title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #336633; padding-left: 2px;} 
.voiceswap_title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #FF9900; padding-left: 2px;} 
.header { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color:#FEF200; padding-left:60px; }
.header2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #0099CC} 
.tbl_title { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight:bold;} 
.blue_text { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #0066CC;}
.blue_text2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #0066CC;}
.blue_smalltext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0066CC;}
.red_text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #C31933;}

.btn_info { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #000000;} 
.btn_info:link { color: #000000; text-decoration: none; }
.btn_info:visited { color: #000000; text-decoration: none; }
.btn_info:active { color: #000000; text-decoration: none; } 
.btn_info:hover { color: #333333; text-decoration: none; } 

.btn_info2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; color: #FFFFFF;} 
.btn_info2:link { color: #FFFFFF; text-decoration: none; }
.btn_info2:visited { color: #FFFFFF; text-decoration: none; }
.btn_info2:active { color: #FFFFFF; text-decoration: none; } 
.btn_info2:hover { color: #FFF200; text-decoration: none; } 

.small_btn_info { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color: #000000;} 
.small_btn_info:link { color: #000000; text-decoration: none; }
.small_btn_info:visited { color: #000000; text-decoration: none; }
.small_btn_info:active { color: #000000; text-decoration: none; } 
.small_btn_info:hover { color: #333333; text-decoration: none; } 

.numbering:link { color: #333333; text-decoration: none; font-weight:bold;}
.numbering:visited { color: #333333; text-decoration: none; font-weight:bold;}
.numbering:active { color: #0066CC; text-decoration: none; font-weight:bold;} 
.numbering:hover { color: #333333; text-decoration: underline; font-weight:bold;} 

.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; padding-left: 15px;} 
.footer2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333;} 

.afooter:link { color: #333333; text-decoration: none; }
.afooter:visited { color: #333333; text-decoration: none; }
.afooter:active { color: #333333; text-decoration: none; } 
.afooter:hover { color: #333333; text-decoration: underline; }

.Width_15px {width: 15px; }
.Width_5px {width: 5px; }
.Width_421px {Height: 421px; }
.Height_5px {Height: 5px; }
.Height_244px {Height: 244px; }

.scrolling_div{
	width:560px; 
	height:400px; 
	overflow: auto;
	overflow-x:hidden; 
	overflow-y:auto;

}

.error {
    color: #ff0000
}

form {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
}

form div#popUp {
    background-color: #fff;
    border: 4px solid #000;
    display: none;
    position: absolute;
    text-align: center;
    z-index: 200;
}

form ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

form ul li {
    border: 1px solid #fff; /* This line need to include for IE browser */
    margin: 0;
    padding: 0;
    position: relative;
}

form ul li div.button {
    margin: 5px 0;
    padding: 5px;
}

form ul li div.info {
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    color: #444444;
    display: none;
    left: 65%;
    margin: 5px 0;
    padding: 5px;
    position: absolute;
    top: 0;
    width: 35%;
}

form ul li div.label {
    font-size: 12px;
    font-weight: bold;
    margin: 2px 0;
    padding: 2px;
    text-decoration: underline;
    width: 100%;
}

form ul li div.selection {
    margin: 5px 0;
    padding: 5px;
}

form ul li table.bg {
    margin: 5px 0;
    padding: 5px;
    width: 60%;
}
