.small-a{font-size: 0.8em;} .middle-a{font-size: 1em;} .large-a{ font-size: 1.4em;} .music{ width: 1px; height: 1px; position: absolute; top: -9999px; left: -9999px; } .content{background-color:#fff;} .shares_text{ vertical-align:super;padding-right:10px} .icon_image {padding:5px;  text-align:center; vertical-align:bottom ;cursor:pointer} .shares {vertical-align:middle;padding-left:470px; padding-top:0px; position: absolute} .access {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} #allquestions{/*float:left*/} .promotion{/*text-align:center;padding-left:30px*/}.question_no{;float:left;color:#000000;padding-right:15px}.m_wrapper { height:30px; line-height:30px; width:200px; float:left; clear:both; position:relative; text-transform:uppercase; margin:10px; }  .m_itemMain { color:#fff; z-index:10; border:1px solid #333; background-color:#777; background-repeat:no-repeat; background-position:95% 50%; cursor:pointer; text-align:left; text-indent:10px; width:200px; position:absolute; top:0; left:0; text-shadow:1px 1px 1px #000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }  .m_down { background-image:url(down.png); }  .m_up { background-image:url(up.png); }  .m_wrapper ul { list-style:none; width:100%; position:absolute; bottom:30px; left:0; padding:2px 0 0; }  .m_wrapper ul li a { text-decoration:none; cursor:pointer; display:block; line-height:20px; text-indent:10px; letter-spacing:1px; border:1px solid #333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:3px 0; padding:3px 0; }  .quiz_default_to_start { color:#ddd; text-shadow:1px 1px 1px #000; background-color:#525252; background:0 12% #525252 56% ); -moz-box-shadow:0 0 2px #333 inset; -webkit-box-shadow:0 0 2px #333 inset; box-shadow:0 0 2px #333 inset; }  .quiz_selected_to_start { background:#fff; color:#000; }  .m_wrapper ul li a.quiz_default_to_start:hover { background:#333; color:#fff; -moz-box-shadow:0 0 3px #ddd inset; -webkit-box-shadow:0 0 3px #ddd inset; box-shadow:0 0 3px #ddd inset; }  #fake { padding-top:0px; }   .col-full {  margin:auto; } #options li a{ text-decoration:none; color:#000000;} #options li { text-decoration:none; margin-top:10px; position:relative; cursor:pointer; background-color:#F4F4F4; box-shadow:1px 2px 19px #D0D0D0; color:#000000; text-shadow:1px 1px 0 #FFF; padding:2px; }  .question { border:1px solid #FFF; }  #options { list-style-image: url('bullet.jpg');}  #question h2  a { text-decoration:none;color:#000000; text-shadow:1px 1px 0 #FFF; }  .myButton { -moz-box-shadow:inset 0 1px 0 0 #bbdaf7; -webkit-box-shadow:inset 0 1px 0 0 #bbdaf7; box-shadow:inset 0 1px 0 0 #bbdaf7; background:0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cccfc',endColorstr='#7bbafa'); background-color:#9cccfc; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; color:#fff; text-decoration:none; text-shadow:1px -1px 0 #528ecc; border:none; cursor:pointer; padding:4px 17px; }  .myButton:hover { background:0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bbafa',endColorstr='#9cccfc'); background-color:#7bbafa; } #quiz_navigation{text-align:center;padding-right:50px;} #navigation { text-align:center; padding:9px; }  .box { border:15px solid #fff; height:294px; width:480px; position:absolute; -moz-box-shadow:0 0 2px #ccc inset; -webkit-box-shadow:0 0 2px #ccc inset; box-shadow:0 0 2px #ccc inset; margin-left:11px; display:none; padding:10px 19px 73px 18px; }  .start { /*border:15px solid #fff;*/ height:294px; width:673px; -moz-box-shadow:0 0 2px #ccc inset; -webkit-box-shadow:0 0 2px #ccc inset; box-shadow:0 0 2px #ccc inset; padding:10px 19px 73px 38px; }  li.quizselected { /*background:url(../images/blue.png) no-repeat scroll 507px -2px transparent; */ border:1px solid #5982af;} .quizover { border:1px solid #61bbf2;}  li.error { background:url(../images/red.png) no-repeat scroll 507px -6px transparent; border:1px solid #E8484B; }  li.success { background:url(../images/green.png) no-repeat scroll 507px -5px transparent; border:1px solid #5AC94B; }    .meter span { -moz-transition-duration:.9s; -moz-transition-timing-function:ease-out; -webkit-transition-duration:.9s; -webkit-transition-timing-function:ease-out; -o-transition-duration:.9s; -o-transition-timing-function:ease-out; width:0; display:block; height:100%; background-color:#2bc253; background-image:0 37% #54f054 69% ); -webkit-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); -moz-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); position:relative; overflow:hidden; } #next:hover,#submit:hover { -moz-transition-duration:.9s; -moz-transition-timing-function:ease-out; -webkit-transition-duration:.9s; -webkit-transition-timing-function:ease-out; -o-transition-duration:.9s; -o-transition-timing-function:ease-out; }   #startquiz,#endquiz {  margin-left:25px; display:inline-block; cursor:pointer; padding:18px 46px; }  .quizstartdiv {display:none;position:absolute;padding-left:250px;padding-top:30px }  .initialcount { background:none repeat scroll 0 0 #FFA100; border:1px solid #e0e0e0; border-radius:3px 3px 3px 3px; box-shadow:0 0 0 1px rgba(255,255,255,0.2) inset, 0 0 6px 0 rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.4); color:#000000; text-shadow:0 1px 0 rgba(255,255,255,0.3); float:left; margin-right:120px; margin-top:0px; margin-bottom: 5px;width:120px; text-align:center; display:none; padding:2px; }  .finished { border:15px solid #fff; height:294px; width:480px; -moz-box-shadow:0 0 2px #ccc inset; -webkit-box-shadow:0 0 2px #ccc inset; box-shadow:0 0 2px #ccc inset; background:#f6f6f6; display:none; padding:10px 19px 73px 18px; }  #quizend { height:140px;padding-top:30px; text-align:center; }  h2#score { text-align:center; }  .quizenddiv { width:47%; height:22px; cursor:pointer;  margin:51px auto auto; padding:10px 30px; }  .quizenddiv a { color:#fff; text-align:center; }  .quizenddiv img { float:left; margin-left:-33px; margin-top:-20px; }  .facebook { clear:both; float:right; margin-right:-28px; margin-top:-10px; }  #resultshare img { float:right; height:50px; margin-right:-93px; margin-top:-12px; width:54px; }  #ifloggedin { background-color:#777; background-position:95% 50%; background-repeat:no-repeat; border:1px solid #333; color:#FFF; cursor:pointer; left:0; position:fixed; text-align:center; top:0; width:100%; z-index:10; padding:17px; }  #ifloggedin a { color:#FFF; text-shadow:1px 1px 1px #000; text-decoration:none; }  .myButton:active,#startquiz:active,#endquiz:active { position:relative; top:1px; } 


@media only screen and (min-width: 48.0625em) { 
.hidden_page_part { border:15px solid #fff; height:100%; width:80%; text-align:center; -moz-box-shadow:0 0 2px #ccc inset; -webkit-box-shadow:0 0 2px #ccc inset; box-shadow:0 0 2px #ccc inset; display:none; margin:auto; padding:10px 19px 13px 38px; }
.meter { float:left;height:15px; position:relative; background:#555; -webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3); -moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3); box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3); width:95.2% /*width:700px*/; margin-left:13.5px; display:none; -moz-transition-duration:.9s; -moz-transition-timing-function:ease-out; -webkit-transition-duration:.9s; -webkit-transition-timing-function:ease-out; -o-transition-duration:.9s; -o-transition-timing-function:ease-out; }
.description{border:1px solid #0690C2; padding:10px; width:96% } #submiterrors { padding:0px; display:none; margin-left:18px; right:10px; border-radius:3px 3px 3px 3px; top:10px; float:left; width:100%; overflow:auto; text-align:justify; margin-top:15px; color:#000000; text-shadow:1px 1px 0 #FFF; box-shadow:1px 2px 19x #d0d0d0;}
 
}

@media only screen and (max-width: 48.0635em) { 
.hidden_page_part { float:left;border:15px solid #fff; height:100%; width:100%; -moz-box-shadow:0 0 2px #ccc inset; -webkit-box-shadow:0 0 2px #ccc inset; box-shadow:0 0 2px #ccc inset; display:none; margin:auto; padding:10px 19px 13px 38px; } 
.meter { float:left;height:15px; position:relative; background:#555; -webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3); -moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3); box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3); /*width:95.2%*/width:95.2%; margin-left:13.5px; display:none; -moz-transition-duration:.9s; -moz-transition-timing-function:ease-out; -webkit-transition-duration:.9s; -webkit-transition-timing-function:ease-out; -o-transition-duration:.9s; -o-transition-timing-function:ease-out; }
.description{border:1px solid #0690C2; padding:10px; width:96% } #submiterrors { padding:0px; display:none; margin-left:18px; right:10px; border-radius:3px 3px 3px 3px; top:10px; float:left; width:100%; overflow:auto; text-align:justify; margin-top:15px; color:#000000; text-shadow:1px 1px 0 #FFF; box-shadow:1px 2px 19x #d0d0d0;}
}

#startquiz,#endquiz {
border: 1px solid #fff;
padding: 10px 15px 15px 15px;
text-align: center; width: 100px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #0FA4E5;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#10A3FD), to(#013E84));
background: -webkit-linear-gradient(#10A3FD, #013E84);
background: -moz-linear-gradient(#10A3FD, #013E84);
background: -ms-linear-gradient(#10A3FD, #013E84);
background: -o-linear-gradient(#10A3FD, #013E84);
background: linear-gradient(#10A3FD, #013E84);
color: #fff;
-pie-background: linear-gradient(#10A3FD, #013E84);
behavior: url(PIE.htc);
}
#next, #submit,#finish { border: 1px solid #fff;
padding: 10px 0;
text-align: center; width: 100px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #0FA4E5;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#10A3FD), to(#013E84));
background: -webkit-linear-gradient(#10A3FD, #013E84);
background: -moz-linear-gradient(#10A3FD, #013E84);
background: -ms-linear-gradient(#10A3FD, #013E84);
background: -o-linear-gradient(#10A3FD, #013E84);
background: linear-gradient(#10A3FD, #013E84);
color: #fff;
-pie-background: linear-gradient(#10A3FD, #013E84);
behavior: url(PIE.htc);margin-left:25px; margin-top:15px; display:inline-block;cursor:pointer; display:none; } a img { border:none; };