
#gameArea {background:#FFF;padding:0 0 20px 0;width:680px;float:left;}
#gameArea a {color:#454545;}
#gameArea .clear {clear:both;}
#gameArea #bar {width:678px;height:56px;background:url('../images/ceegame2012/gameBar.png') no-repeat;padding: 0 0 0 50px;line-height:56px;letter-spacing:2px;color:#FFF;}
#gameArea #maingame {margin:0 0 0 10px;}
		
#gameArea #candidateBlock {margin:0 0 13px 0;text-align:center;}
#gameArea #candidateBlock .image {text-align:center;}
#gameArea #candidateBlock .info {text-align:center;font-size:13px;color:#333;padding:5px;}
#gameArea #candidateBlock .light {font-size:12px;color:#666;text-align:right;margin:0 10px 5px 0;}
				
#gameArea #tabs ul {margin:0;padding:0;}
#gameArea #tabs ul li {float:left;list-style:none;}
#gameArea #tabs ul li a {display:block;width:99px;height:34px;line-height:34px;text-align:center;background:url('../images/ceegame2012/tabBgInactive.png') no-repeat;}
#gameArea #tabs ul li a.highlight {background:url('../images/ceegame2012/tabBg.png') no-repeat;}
		
#gameArea #PCoinsBlock {width:650px;margin:5px 0 0 0;padding:5px;font-size:16px;color:#cf8402;text-align:right;}
#gameArea #PCoinsBlock .jackpot {color:#cf8402;}
#gameArea #PCoinsBlock .daily {color:#333;}
#gameArea #PCoinsBlock .separator {color:#999;}
#gameArea #PCoinsBlock .jackpotPCoins {font-weight:bold;}

#gameArea #chart {padding: 20px 0 0 0;}
#gameArea #chartCaption {color:#666;text-align:center;margin:5px 0 0 0;}
#gameArea .noChartMsg {color:#999;text-align:center;margin:5px 0 0 0;}
#gameArea #rule {padding:5px;width:650px;line-height:23px;}
#gameArea #info {padding:5px;width:650px;line-height:23px;}
#gameArea #info h2 {border-bottom:1px #CCC solid;font-size:16px;padding:0 0 3px 0;}
#gameArea #info p {}

#gameArea #instructionBlock {color:#666;width:650px;}
#gameArea #error {color:#F00;}
#gameArea #inputBlock {border-bottom:1px solid #DDD;margin:10px 0 10px 0;padding:0 0 6px 0;}
#gameArea #inputBlock .optionBox {text-align:center;float:left;width:33%;font-size:16px;font-weight:bold;color:#320101;border-right:1px #CCC solid;}
#gameArea #inputBlock .optionBox .optionName {color:#333;}

#gameArea #inputBlock .textfieldBlock {margin:10px 0 0 0;}
#gameArea #inputBlock .textfieldBlock input {border:1px #666 solid; width:75% ;height:16px;padding:10px 5px;font-size:130%;text-align:center;}

#gameArea #inputBlock .rate {font-size:36px;color:#333;}
#gameArea .submitBlock {margin:35px 0 0 0;text-align:center;}

#gameArea .ui-state-default, #gameArea .ui-widget-content .ui-state-default, #gameArea .ui-widget-header .ui-state-default {border:1px solid #333;}
#gameArea .ui-widget-header {background:url('') #CCC;}
#gameArea .ui-widget-content {background:url('');border:1px solid #FFF;}
#gameArea .ui-slider {background:#333;}

#sidebar {width:320px;float:left;background:#FFF;}
#sidebar #recentSubmission {}
#sidebar #recentSubmission #recentSubmissionBar, #sidebar #mySubmission #mySubmissionBar {background:url('../images/ceegame2012/blackBar.png') no-repeat;height:50px;line-height:50px;padding:5px 0 5px 15px;color:#CCC;}
#sidebar #recentSubmission .submissionEntry, #sidebar #mySubmission .submissionEntry {font-size:12px;line-height:22px;border-bottom:1px #EEE solid;margin:0 0 3px 0;}
#sidebar #recentSubmission .submissionEntry .submission, #sidebar #mySubmission .submissionEntry .submission {letter-spacing:2px;width:220px;padding:5px 10px;color:#333;float:left;text-align:center;font-size:15px;background:#EEE;}
#sidebar #recentSubmission .submissionHead .submission, #sidebar #mySubmission .submissionHead .submission {letter-spacing:2px;width:220px;padding:5px 10px;color:#333;float:left;text-align:center;font-size:15px;}
#sidebar #recentSubmission .submissionDate, #sidebar #mySubmission .submissionDate {width:70px;color:#666;text-align:right;float:right;padding:5px 5px 5px 0;font-size:12px;}
#sidebar #recentSubmission .submissionDate a {color:#cf8402;}

#sidebar #gameTips {}
#sidebar #gameTips #gameTipsBar {font-family:Georgia;font-size:18px; color:#cec30c; font-weight:bold; line-height:60px;background:url('../images/ceegame2012/tipsBar_02.png') no-repeat right center;width:320px;height:60px;}
#sidebar #gameTips ul.gameTipsEntry {margin:0;padding:0;}
#sidebar #gameTips ul.gameTipsEntry li {list-style:none;padding:5px;border-bottom:1px #DDD solid;}

.bar1 { background-color: #CCCCCC; float: left; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 2px #999; -webkit-box-shadow: 0 1px 2px #999; box-shadow: 0 1px 2px #999; -webkit-box-shadow: inset 0 1px 10px rgba(255,255,255,0.8), inset 0 1px 15px rgba(255,255,255,0.8), inset 0 -1px 10px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 1px 10px rgba(255,255,255,0.8), inset 0 1px 15px rgba(255,255,255,0.8), inset 0 -1px 10px rgba(0,0,0,0.5); box-shadow: inset 0 1px 10px rgba(255,255,255,0.8), inset 0 1px 15px rgba(255,255,255,0.8), inset 0 -1px 10px rgba(0,0,0,0.5); }
.bar2 { background-color: #DEDEDE; padding-top: 3px; padding-bottom: 2px; border-left: 1px solid #666; border-right: 1px solid #666; border-top: 0px solid #666; border-bottom: 0px solid #666; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset; box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset; }
.bar3{ width: 10%; text-align: right; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
.bar4{ float: left; width: 19.5%; padding-top: 4px; }
.correct div { float: left; color: #888; border-left: 0px solid #DD4; border-right: 0px solid #DD4; border-top: 1px solid #DD4; border-bottom: 1px solid #DD4; background-color: #f1f134; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f134), to(#fdaf23)); background-image: -webkit-linear-gradient(top, #f1f134, #fdaf23); background-image: -moz-linear-gradient(top, #f1f134, #fdaf23); background-image: -ms-linear-gradient(top, #f1f134, #fdaf23); background-image: -o-linear-gradient(top, #f1f134, #fdaf23); background-image: linear-gradient(top, #f1f134, #fdaf23); -webkit-box-shadow: inset 0 1px 10px rgba(255,255,200,0.8), inset 0 -1px 10px rgba(100,75,0,0.5); -moz-box-shadow: inset 0 1px 10px rgba(255,255,200,0.8), inset 0 -1px 10px rgba(25,100 ,0,0.5); box-shadow: inset 0 1px 10px rgba(255,255,200,0.8), inset 0 -1px 10px rgba(100,75,0,0.5); }
.valid div { float: left; color: #888; border-left: 0px solid #9D4; border-right: 0px solid #9D4; border-top: 1px solid #9D4; border-bottom: 1px solid #9D4; background-color: #a5df41; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916)); background-image: -webkit-linear-gradient(top, #a5df41, #4ca916); background-image: -moz-linear-gradient(top, #a5df41, #4ca916); background-image: -ms-linear-gradient(top, #a5df41, #4ca916); background-image: -o-linear-gradient(top, #a5df41, #4ca916); background-image: linear-gradient(top, #a5df41, #4ca916); -webkit-box-shadow: inset 0 1px 10px rgba(255,255,200,0.8), inset 0 -1px 10px rgba(25,100,0,0.5); -moz-box-shadow: inset 0 1px 10px rgba(255,255,200,0.8), inset 0 -1px 10px rgba(25,100 ,0,0.5); box-shadow: inset 0 1px 10px rgba(255,255,200,0.8), inset 0 -1px 10px rgba(25,100,0,0.5); }
.error div { float: left; color: #FF0; border-left: 0px solid #D74; border-right: 0px solid #D74; border-top: 1px solid #D74; border-bottom: 1px solid #D74; background-color: #ff7f7f; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7f7f), to(#ff1919)); background-image: -webkit-linear-gradient(top, #ff7f7f, #ff1919); background-image: -moz-linear-gradient(top, #ff7f7f, #ff1919); background-image: -ms-linear-gradient(top, #ff7f7f, #ff1919); background-image: -o-linear-gradient(top, #ff7f7f, #ff1919); background-image: linear-gradient(top, #ff7f7f, #ff1919); -webkit-box-shadow: inset 0 1px 10px rgba(255,200,200,0.8), inset 0 -1px 10px rgba(100,0,0,0.5); -moz-box-shadow: inset 0 1px 10px rgba(255,200,200,0.8), inset 0 -1px 10px rgba(100,0 ,0,0.5); box-shadow: inset 0 1px 10px rgba(255,200,200,0.8), inset 0 -1px 10px rgba(100,0,0,0.5); }
.shine div { position: relative; }
.shine div::after { content: ''; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; -webkit-animation: animate-shine 2s ease-out infinite; -moz-animation: animate-shine 2s ease-out infinite; }
@-webkit-keyframes animate-shine { 0% {opacity: 0; width: 0;} 50% {opacity: 0.4;} 100% {opacity: 0.05; width: 100%;} }
@-moz-keyframes animate-shine { 0% {opacity: 0; width: 0;} 50% {opacity: 0.4;} 100% {opacity: 0.05; width: 100%;} }
/*css for ceegame*/
#ceegame {background:#FFF;padding:0 0 20px 0;width:680px;float:left;}
		#ceegame a {color:#454545;}
		#ceegame .clear {clear:both;}
		#ceegame #bar {width:678px;height:56px;background:url('../images/ceegame2012/gameBar.png') no-repeat;padding: 0 0 0 50px;line-height:56px;letter-spacing:2px;color:#FFF;}
		#ceegame #maingame {margin:0 0 0 10px;}
		
		#ceegame #candidateBlock {margin:0 0 13px 0;text-align:center;}
		#ceegame #candidateBlock #candidate1 {float:left;width:33%;}
		#ceegame #candidateBlock #candidate2 {float:left;width:33%;}
		#ceegame #candidateBlock #candidate3 {float:left;width:33%;}
		#ceegame #candidateBlock .image {text-align:center;}
		#ceegame #candidateBlock .info {text-align:center;font-size:13px;color:#333;padding:5px;}
		#ceegame #candidateBlock .light {font-size:12px;color:#666;text-align:right;margin:0 10px 5px 0;}
				
		#ceegame #tabs ul {margin:0;padding:0;}
		#ceegame #tabs ul li {float:left;list-style:none;}
		#ceegame #tabs ul li a {display:block;width:167px;height:34px;line-height:34px;text-align:center;background:url('../images/ceegame2012/tabBgInactive_en.png') no-repeat;}
		#ceegame #tabs ul li a.highlight {background:url('../images/ceegame2012/tabBg_en.png') no-repeat;}
		
		#ceegame #PCoinsBlock {width:650px;margin:5px 0 0 0;padding:5px;font-size:16px;color:#cf8402;text-align:right;}
		#ceegame #PCoinsBlock .jackpot {color:#cf8402;}
		#ceegame #PCoinsBlock .daily {color:#333;}
		#ceegame #PCoinsBlock .separator {color:#999;}
		#ceegame #PCoinsBlock .jackpotPCoins {font-weight:bold;}
		
		#ceegame #chart {padding: 20px 0 0 0;}
		#ceegame #chartCaption {color:#666;text-align:center;margin:5px 0 0 0;}
		#ceegame .noChartMsg {color:#999;text-align:center;margin:5px 0 0 0;}
		#ceegame #rule {padding:5px;width:650px;line-height:23px;}
		#ceegame #info {padding:5px;width:650px;line-height:23px;}
		#ceegame #info h2 {border-bottom:1px #CCC solid;font-size:16px;padding:0 0 3px 0;}
		#ceegame #info p {}
		
		#ceegame #instructionBlock {color:#666;width:650px;}
		#ceegame #error {color:#F00;}
		#ceegame #inputBlock {border-bottom:1px solid #DDD;margin:10px 0 10px 0;padding:0 0 6px 0;}
		#ceegame #inputBlock .question1 {text-align:center;float:left;width:33%;font-size:26px;font-weight:bold;color:#320101;border-right:1px #CCC solid;}
		#ceegame #inputBlock .question1 .questionSpecial {color:#276c09;}

		#ceegame #inputBlock .question2 {text-align:center;float:left;width:33%;font-size:26px;font-weight:bold;color:#320101;border-right:1px #CCC solid;}
		#ceegame #inputBlock .question2 .questionSpecial {color:#0863c9;}

		#ceegame #inputBlock .question3 {text-align:center;float:left;width:33%;font-size:26px;font-weight:bold;color:#320101;}
		#ceegame #inputBlock .question3 .questionSpecial {color:#ff8b19;}
			
		#ceegame #inputBlock .textfieldBlock {margin:10px 0 0 0;}
		#ceegame #inputBlock .textfieldBlock input {border:1px #666 solid; width:100px;height:30px;padding:10px 5px;font-size:130%;text-align:center;}
		
		#ceegame #inputBlock .rate {font-size:36px;color:#333;}
		#ceegame .submitBlock {margin:35px 0 0 0;text-align:center;}
		
		#ceegame .ui-state-default, #ceegame .ui-widget-content .ui-state-default, #ceegame .ui-widget-header .ui-state-default {border:1px solid #333;}
		#ceegame .ui-widget-header {background:url('') #CCC;}
		#ceegame .ui-widget-content {background:url('');border:1px solid #FFF;}
		#ceegame .ui-slider {background:#333;}
		
		#sidebar {width:320px;float:left;background:#FFF;}
		#sidebar #recentSubmission {}
		#sidebar #recentSubmission #recentSubmissionBar, #sidebar #mySubmission #mySubmissionBar {background:url('../images/ceegame2012/blackBar.png') no-repeat;height:50px;line-height:50px;padding:5px 0 5px 15px;color:#CCC;}
		#sidebar #recentSubmission .submissionEntry, #sidebar #mySubmission .submissionEntry {font-size:12px;line-height:22px;border-bottom:1px #EEE solid;margin:0 0 3px 0;}
		#sidebar #recentSubmission .submissionEntry .submission, #sidebar #mySubmission .submissionEntry .submission {letter-spacing:2px;width:220px;padding:5px 10px;color:#333;float:left;text-align:center;font-size:15px;background:#EEE;}
		#sidebar #recentSubmission .submissionHead .submission, #sidebar #mySubmission .submissionHead .submission {letter-spacing:2px;width:220px;padding:5px 10px;color:#333;float:left;text-align:center;font-size:15px;}
		#sidebar #recentSubmission .submissionDate, #sidebar #mySubmission .submissionDate {width:70px;color:#666;text-align:right;float:right;padding:5px 5px 5px 0;font-size:12px;}
		#sidebar #recentSubmission .submissionDate a {color:#cf8402;}
		
		#sidebar #gameTips {}
		#sidebar #gameTips #gameTipsBar {font-family:Georgia;font-size:18px; color:#cec30c; font-weight:bold; line-height:60px;background:url('../images/ceegame2012/tipsBar_02.png') no-repeat right center;width:320px;height:60px;}
		#sidebar #gameTips ul.gameTipsEntry {margin:0;padding:0;}
		#sidebar #gameTips ul.gameTipsEntry li {list-style:none;padding:5px;border-bottom:1px #DDD solid;}
/* end of ceegame*/

/*css for cengame*/
#cengame {background:#FFF;padding:0 0 20px 0;width:680px;float:left;}
		#cengame a {color:#454545;}
		#cengame .clear {clear:both;}
		#cengame #bar {width:678px;height:56px;background:url('../images/ceegame2012/gameBar.png') no-repeat;padding: 0 0 0 50px;line-height:56px;letter-spacing:2px;color:#FFF;}/*{width:678px;height:56px;background:url('../images/cengame2012/cengameBar.png') no-repeat;}*/
		#cengame #maingame {margin:0 0 0 10px;}
		
		#cengame #candidateBlock {margin:0 0 13px 0;text-align:center;}
		#cengame #candidateBlock #candidate1 {float:left;width:33%;}
		#cengame #candidateBlock #candidate2 {float:left;width:33%;}
		#cengame #candidateBlock #candidate3 {float:left;width:33%;}
		#cengame #candidateBlock .image {text-align:center;}
		#cengame #candidateBlock .info {text-align:center;font-size:13px;color:#333;padding:5px;}
		#cengame #candidateBlock .light {font-size:12px;color:#666;text-align:right;margin:0 10px 5px 0;}
				
		#cengame #tabs ul {margin:0;padding:0;}
		#cengame #tabs ul li {float:left;list-style:none;}
		#cengame #tabs ul li a {display:block;width:99px;height:34px;line-height:34px;text-align:center;background:url('../images/cengame2012/tabBgInactive.png') no-repeat;}
		#cengame #tabs #infotab a {width: 167px; background:url('../images/ceegame2012/tabBgInactive_en.png') no-repeat;}
		#cengame #tabs ul li a.highlight {background:url('../images/cengame2012/tabBg.png') no-repeat;}
		#cengame #tabs #infotab a.highlight {background:url('../images/ceegame2012/tabBg_en.png') no-repeat;}
	
		#cengame #PCoinsBlock {width:650px;margin:5px 0 0 0;padding:5px;font-size:16px;color:#cf8402;text-align:right;}
		#cengame #PCoinsBlock .jackpot {color:#cf8402;}
		#cengame #PCoinsBlock .daily {color:#333;}
		#cengame #PCoinsBlock .separator {color:#999;}
		#cengame #PCoinsBlock .jackpotPCoins {font-weight:bold;}
		
		#cengame #chart {padding: 20px 0 0 0;}
		#cengame #rule {padding:5px;width:650px;line-height:23px;}
		#cengame #info {padding:5px;width:650px;line-height:23px;}
		#cengame #info h2 {border-bottom:1px #CCC solid;font-size:16px;padding:0 0 3px 0;}
		#cengame #info p {}
		
		#cengame #instructionBlock {color:#666;width:650px;}
		#cengame #error {color:#F00;}
		#cengame #inputBlock {border-bottom:1px solid #DDD;margin:10px 0 10px 0;padding:0 0 6px 0;}
		#cengame #inputBlock .question1 {text-align:center;float:left;width:33%;font-size:26px;font-weight:bold;color:#320101;border-right:1px #CCC solid;}
		#cengame #inputBlock .question1 .questionSpecial {color:#276c09;}

		#cengame #inputBlock .question2 {text-align:center;float:left;width:33%;font-size:26px;font-weight:bold;color:#320101;border-right:1px #CCC solid;}
		#cengame #inputBlock .question2 .questionSpecial {color:#0863c9;}

		#cengame #inputBlock .question3 {text-align:center;float:left;width:33%;font-size:26px;font-weight:bold;color:#320101;}
		#cengame #inputBlock .question3 .questionSpecial {color:#ff8b19;}
			
		#cengame #inputBlock .textfieldBlock {margin:10px 0 0 0;}
		#cengame #inputBlock .textfieldBlock input {border:1px #666 solid; width:100px;height:30px;padding:10px 5px;font-size:130%;text-align:center;}
		
		#cengame #inputBlock .rate {font-size:36px;color:#333;}
		#cengame .submitBlock {margin:35px 0 0 0;text-align:center;}
		
		#cengame .ui-state-default, #cengame .ui-widget-content .ui-state-default, #cengame .ui-widget-header .ui-state-default {border:1px solid #333;}
		#cengame .ui-widget-header {background:url('') #CCC;}
		#cengame .ui-widget-content {background:url('');border:1px solid #FFF;}
		#cengame .ui-slider {background:#333;}
		
		#sidebar {width:320px;float:left;background:#FFF;}
		#sidebar #recentSubmission {}
		#sidebar #recentSubmission #recentSubmissionBar, #sidebar #mySubmission #mySubmissionBar {background:url('../images/cengame2012/blackBar.png') no-repeat;height:50px;line-height:50px;padding:5px 0 5px 15px;color:#CCC;}
		#sidebar #recentSubmission .submissionEntry, #sidebar #mySubmission .submissionEntry {font-size:12px;line-height:22px;border-bottom:1px #EEE solid;margin:0 0 3px 0;}
		#sidebar #recentSubmission .submissionEntry .submission, #sidebar #mySubmission .submissionEntry .submission {letter-spacing:2px;width:220px;padding:5px 10px;color:#333;float:left;text-align:center;font-size:15px;background:#EEE;}
		#sidebar #recentSubmission .submissionHead .submission, #sidebar #mySubmission .submissionHead .submission {letter-spacing:2px;width:220px;padding:5px 10px;color:#333;float:left;text-align:center;font-size:15px;}
		#sidebar #recentSubmission .submissionDate, #sidebar #mySubmission .submissionDate {width:70px;color:#666;text-align:right;float:right;padding:5px 5px 5px 0;font-size:12px;}
		#sidebar #recentSubmission .submissionDate a {color:#cf8402;}
		
		#sidebar #gameTips {}
		#sidebar #gameTips #gameTipsBar {font-family:Georgia;font-size:18px; color:#cec30c; font-weight:bold; line-height:60px;background:url('../images/ceegame2012/tipsBar_02.png') no-repeat right center;width:320px;height:60px;}
		#sidebar #gameTips ul.gameTipsEntry {margin:0;padding:0;}
		#sidebar #gameTips ul.gameTipsEntry li {list-style:none;padding:5px;border-bottom:1px #DDD solid;}
/*end of cengame*/