﻿/* English-Khmer */
@import "polls.css";
#ekSearch ul li {list-style:none; display:inline; padding:2px 5px 0 0;}
#ekSearch, #beforeQuiz {background:transparent url(images/bshadow.gif) repeat-x scroll 0 0;}
#ekSearch fieldset {border:1px solid #CCCCCC;padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#ekGlossary .boxShadow, #ekQuiz .boxShadow {margin:0;}
#ekContent td {padding-left:5px;}
.glossary {font-size:11px; }
#ekGlossaryResult .result{margin:2px; float:right;}
#ekGlossaryResult ul li {list-style:none;  display:block; }
#glossaryAlphabet {color:#CCCCCC; padding-top:8px;}
#glossaryAlphabet a {color:#0177B8;cursor:pointer; border:1px solid #DDDDDD; margin:0 1px 0 0;padding:1px 4px;}
#glossaryAlphabet a:hover {background-color:#16A1C8;cursor:pointer;text-decoration:none; color:#FFFFFF;}
#glossaryAlphabet a:visit {background-color:#16A1C8;cursor:pointer;text-decoration:none; color:#FFFFFF;}
#ekGlossaryResult .glossary{border-bottom:solid 1px #EEEEEE; }
#ekGlossaryResult .header{font-weight:bold; color:#FFFFFF; background-color:#CCCCCC;}
#ekGlossaryResult table a{color:#666666;cursor:pointer;}
#ekGlossaryResult .glossary a{color:#666666;cursor:pointer;}
#ekGlossaryResult .glossary td{width:146px;border:none; padding:2px 5px; height:inherit;}

#ekCategory ul li {list-style:none; display:block;}
#ekCategory .header{font-weight:bold; color:#FFFFFF; background-color:#CCCCCC;}
#ekCategory .glossary {border-bottom:solid 1px #EEEEEE; }
#ekCategory .glossary a{color:#666666;cursor:pointer;}
#ekCategory .glossary td{width:136px; float:left; border:none; padding:2px 3px;}
#searchBy {border-bottom:solid 1px #DDDDDD; padding-bottom:3px;}
#searchBy label {padding-right: 10px;}
#ekSearchBox {padding: 5px 0 0;}
#beforeQuiz{margin:0 auto;border:1px solid #CCCCCC;padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 0 5px; }
#qLanguage div, #qQuestion div, #qCategory div{float:left; padding:3px;}
#beforeQuiz .rightAlign {width:100px;}
#beforeQuiz .leftAlign {width:200px;}
.qNumber {float:left; height:19px;}
.qScore {float:right;}
.qScore div{float:left; padding:0 5px;}
.qScore .wrong {background:transparent url(images/tickCross.gif) no-repeat scroll 0 0; padding-left:30px;}
.qScore .right {background:transparent url(images/tickCross.gif) no-repeat scroll 0 -17px; padding-left:30px; float:left;}
.qTime {float:left;}
.mcq{ border:solid 1px #CCCCCC; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; }
.mcq .option{padding:10px;}
.mcq .option a {}
.mcq .option a img{margin:0 10px -2px -25px;}
.mcq .option div {margin:8px;}
#qMCQ p{font-size:150%; line-height:1.6;}
#qMCQ .qButton{padding:5px; text-align:center;}
#ekPerPage{float:right; margin:-15px 0;}
#qMCQ .centerAlign{width:98%;}
#ekPronoun {color:#999999; float:left;}
#ekPronoun img{margin-bottom:-2px;}
.quizButton {width:251px; background:transparent url(images/btngame.gif) no-repeat scroll 0 -44px; border:none; margin:0 5px; color:#000000;padding-top:0; height:21px; cursor:pointer;}
.btnRed {background-position:0 -22px;}
.btnGreen {background-position:0 0;}
.mcq b{font-size:200%;}
.clock {background:transparent url(images/clock.gif) no-repeat scroll 0 0;margin-bottom: -55px; position:relative;width:50px; height:60px;}
.clock span{float:left;position:relative;top:23px;width:0; left:13px;}
#qReport {padding:10px 0;}
#qReport .rdQuestion {float:left;width:50%;}
#qReport .rdQuestion .rQuestion {margin-top:5px; font-weight:bold;}
#qReport .wrong {background:transparent url(images/tickCross.gif) no-repeat scroll 0 0; padding-left:5px;}
#qReport .right {background:transparent url(images/tickCross.gif) no-repeat scroll 0 -17px; padding-left:5px; float:left;}
#qReport .rChoice {padding:5px 0 0 30px; clear:both;}
#qReport .rChoice a{padding:5px;}
#reportSummary {clear:both;}
#qReport .rChoice ul li {list-style-image:url(images/bullet.gif);}
#avg_speed, #accuracy {font-size:200%; font-weight:bold;}
#righta.right, #wronga.wrong{padding-left: 20px; float:none;}
#reportSummary table{width:100%;}
.headerRank table.form {width:100%; text-align:left;}
.headerRank table.form th {padding:2px;}
.headerRank table.form td {vertical-align:top; border-bottom:solid 1px #EEEEEE;}
.headerRank .ranking {padding-left:5px !important;width:50px;}
.rankCountry {float:left;}
.rankCountry img{padding-right:4px;padding-top:3px;}
.headerRank .rankName {width:46%;}
.headerRank .rankAccuracy {width:13%;}
.headerRank .rankTime {width:18%;}
.headerRank .rankDate {width:15%;}
.headerRank .friendImg {float:left; width:40px;}
.headerRank .friendListPic {float:left; height:34px;}
.headerRank .friendInfo {float:left; width:165px;}
#viewRankContent .shortPhotoShadow {background:transparent url(images/small_comment_shadow.jpg) no-repeat scroll 0 0; clear:both; height:10px; margin-top:0;}
#viewRankContent .friendListPic img {border:1px solid #CCCCCC;padding:1px;}
.rankNumber {background:transparent url(images/rank.gif) no-repeat scroll 0 0; width:38px; text-align:center; height:37px; padding-top:9px;}
.viewBy {float:left;}
.quizIconShow {float:right; margin-top:-10px; }
.quizIconShow img {zoom:1;}
.quizIconTake img{margin-bottom:-10px; zoom:1; }
.resultFeedback {text-align:center; font-size:14px; font-weight:bold; border-bottom:solid 1px #CCCCCC; margin-bottom:5px; color:#FFA901;}
#quizGuide {padding-top:15px;}
#quizGuide p{padding:0 50px; color:#999999;}