@charset "utf-8";	
	
	body {
		margin: 0;
		background-color: white;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: white;
	}
	
	a { text-decoration: none; }
	
	#screen{ height: 100%; }
	
	.huge-btn {
		height:50px;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
	}
	.huge-btn-icon {
		padding:5px 5px 5px 0;
		float: left;
	}
	.huge-btn-txt {
		padding-top: 18px;
		padding-bottom: 5px;
		color: white;
		font-weight: bold;
	}
	.huge-btn-blue-body {
		background: url(../images/Hbtn-blue-bckgrd.gif) repeat-x scroll center top;
		background-color: #3382d5;
		vertical-align: middle;
		height: 50px;
	}
	.huge-btn-pink-body {
		background: url(../images/Hbtn-pink-bckgrd.gif) repeat-x scroll center top;
		background-color: #d602c4;
		vertical-align: middle;
		height: 50px;
	}
	.huge-btn-left { float: left; }
	.huge-btn-right { float: right; }
	
	#logo-header {
		height: 26px;
		width: 100%;
		background-color: white;
	}
	
	#logo-left { float: left; }
	#logo-right { float: right; }
	
	#page-header {
		text-align: right;
		width: 100%;
		background: url(../images/bckgrd-header.gif) repeat-x scroll center top;
		background-color: #3382d5;
		margin-bottom: 5px;
		height:20px;
	}
	
	.header-flags { padding: 1px; } 
	
	#page-header-txt, .btn-txt, .phrase-txt { padding: 4px; } 
	
	#page-header-txt { float: left; }
	
	/* new section */
	#page-header-txt a { color: #FFFFFF; }
	
	#page-header-flags {
		float: right;
		padding: 3px;
	} 

	#search, #refer {
		margin:0 auto;
		text-align: center;
		margin-bottom: 10px;
	}
	
	#refer {
		width: 155px;
		text-align: left;
		color: black;
		font-weight: normal;
	}
	
	#search-form, .refer-form {
		background-color: #f0f0f0;
		border: 1px solid #e1e1e1;
		height: 16px;
		padding: 2px 4px;
		width: 110px;
		margin-right: 4px;
	}
	.refer-form { width: 145px; }
	
	#send, #help, #login_btn, #sign_btn, #agree_btn, #cancel_btn { margin-top: 5px; }
	#send, #agree_btn, #sign_btn { float: left; margin-right: 10px; }
	#help, #login_btn, #cancel_btn { float: right; }
	
	#search-btn {
		position: relative;
		top: 6px;
		width: 28px;
	}
	
	#body-nav, #bottom-nav {
		/* margin:0 auto; width: 155px; color: black; font-weight: normal; */
		margin:0 5px 5px;
		/*margin: 0 0 5px;*/
		color: black;
		font-weight: normal; 
	}
	#bottom-nav {
		/*margin-top: 25px;*/
		margin:0 auto;
		margin-top: 25px;
		width: 156px; 
	}
	
	#top-txtnav {
		margin-bottom: 10px;
		margin:0 auto 5px; 
	}
	#top-txtnav a { color: black; }
	#top-txtnav a:hover { text-decoration: underline; }
	
	.sentence-ying, .sentence-yang, .sentence-buy { padding: 2px; background-color: white; }
	.sentence-yang { background-color: #f2f2f2; } 
	.sentence-buy { background-color: #FEDA6B; }
	
	#bubbles {
		/* width: 90%; margin:0 auto; margin-bottom: 5px; */
		margin:0 5px 5px; 
	}
	
	#phr-totrs, #phr-trs {
		color: black;
		font-weight: normal;
		border: 1px solid #e8ebef;
		padding: 5px;
	}
	
	#phr-totrs, #phr-trs { margin-bottom: 5px; }
	#phr-trs { background-color:#CDE1F6; font-size:16px; }
	
	.phr-totrs-flag, .phr-trs-flag {
		margin-right: 5px;
		float: left;
	}
	
	#phr-phonetic {
		font-size:14px;
		margin-top:5px;
	}
	
	#play { float: left; }
	
	#nav { 
		float: right; 
		color: black; 
		font-weight: normal; 
		vertical-align: middle; 
	}
	
	#nav a { text-decoration: none; }
	
	.big-btn {
		height:26px;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px; 
	}
	
	.big-btn-flag, .big-btn-pack {
		padding: 5px;
		float: left;
	}
	
	.big-btn-txt {
		padding-top: 8px;
		padding-bottom: 5px;
		color: white;
		font-weight: bold; 
	}
    /* added new block */
    .big-btn-txt a {
    	color: white;
        text-decoration: none;
    }
	
	.big-btn-blue-body {
		background: url(../images/btn-blue-bckgrd.gif) repeat-x scroll center top;
		vertical-align: middle;
	}
	
	.big-btn-red-body {
		background: url(../images/btn-red-bckgrd.gif) repeat-x scroll center top;
		vertical-align: middle;
	}
	.big-btn-orange-body {
		background: url(../images/btn-orange-bckgrd.gif) repeat-x scroll center top;
		vertical-align: middle;
	} 
	
	.big-btn-left { float: left; }
	.big-btn-right { float: right; }
	
	.custom-button {
		width: 151px;
		float: left;
		padding: 3px 0;
		background-color: #F0F0F0;
		text-align: center;
		color: #000000;
		font-weight: bold;
	}
	
	#footer {
		height: 18px;
		width: 100%;
		background-color: #f8f7f3;
		border-top: 1px solid #e5e1da;
		position: absolute;
		bottom: 0;
		text-align: center;
	}
	
	h1 {
		color:white;
		text-decoration:none;
		font-weight:bold;
		font-family:Helvetica,Arial,sans-serif;
		font-size:12px;
		padding: 0px;
		margin: 0px;
	}

	h2 {
		color:white;
		text-decoration:none;
		font-weight:bold;
		font-family:Helvetica,Arial,sans-serif;
		font-size:12px;
		padding: 0px;
		margin: 0px;
	}

    .h2-phr-totrs, .h2-phr-trs{
        color:black;
        font-weight:normal;
    }

    .h2-phr-trs{
        font-size:16px;
    }