.m_wrapper { 
    height:33px; 
    line-height:33px; 
    width:100%; 
    float:left; 
    clear:both; 
    position:relative; 
    font-family:"Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; 
    font-size:18px; 
    text-transform:uppercase; 
    
}  
.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:100%; 
    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:23px; 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:224px; }  
.hidden_page_part, .start { 
    /*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; 
    margin:auto; 
    padding: 18px;
    /*padding:10px 19px 73px 18px; */
    /*background-color: #5BCEF8;*/
    /*background: linear-gradient(270deg, #0099ff, #0066ff, #000099);
    background-size: 600% 600%;
    -webkit-animation: Gradient 60s ease infinite;
    -moz-animation: Gradient 60s ease infinite;
    animation: Gradient 60s ease infinite;*/

   
}
/*
@-webkit-keyframes Gradient {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
}
@-moz-keyframes Gradient {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
}
@keyframes Gradient { 
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
}*/
.hidden_page_part{
    display:none; 
}
/*.start { 
    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; 
    padding:10px 19px 73px 18px;
    margin: auto; 
}
*/
.content{margin-top: 45px; width: 100%; height: 850px; }
.col-full {position: relative; width:45%; height: 100%;margin:auto; border: 0px solid #333;}  
.footer{ position: absolute; bottom: 0; left: 0;width: 100%; }
#options li { margin-top:22px; position:relative; cursor:pointer; background-color:#F4F4F4; box-shadow:1px 2px 19px #D0D0D0; color:#505050; font-family:'Myriad Pro','Trebuchet MS',Arial,Helvetica,sans-serif; text-shadow:1px 1px 0 #FFF; padding:11px; }  
.question { border:1px solid #FFF; }  
#options { list-style:none outside none; }  
#question h2, h2 { color:#fff; font-family:'Myriad Pro','Trebuchet MS',Arial,Helvetica,sans-serif;}  
.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; font-family:arial; font-size:15px; font-weight:700; 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; }  #navigation { text-align:right; float:right; 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; }    
li.selected { background:url(../images/blue.png) no-repeat scroll 427px -5px transparent; }  
li.error { background:url(../images/red.png) no-repeat scroll 427px -9px transparent; border:1px solid #E8484B; }  
li.success { background:url(../images/green.png) no-repeat scroll 427px -5px transparent; border:1px solid #5AC94B; }  
.meter { height:20px; 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%; 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; }  
.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 { 
    font-size:50px; 
    line-height:76px; 
    text-transform:uppercase; 
    color:#fff; 
    text-shadow:0 1px 0 #ddd; 
    white-space:nowrap; 
    font-weight:700; 
    -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; 
    cursor:pointer; 
    display:none; 
}  
#next:hover,#submit:hover { 
    color:#0061AA; 
    -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; 
}  
#submiterrors { 
    display:inline; 
    
    right:0; 
    border-radius:3px 3px 3px 3px; 
    top: 400px;
    float:left;
    width:100%;
    padding: 3px;
    background-color: #ffc800;
    overflow:auto; 
    text-align:center; 
    /*margin-top:29px; */
    color:#505050; 
    font-weight:700; 
    font-family:'Myriad Pro','Trebuchet MS',Arial,Helvetica,sans-serif; 
    text-shadow:1px 1px 0 #FFF;
    position: absolute;
    height: 150px;
    font-size: 40px;
    z-index: 99999;
    
}  
#startquiz,#endquiz { 
    -moz-box-shadow:inset 0 1px 0 0 #caefab; 
    -webkit-box-shadow:inset 0 1px 0 0 #caefab; 
    box-shadow:inset 0 1px 0 0 #caefab; 
    background:0; 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc800',endColorstr='#ffc800'); 
    background-color:#ffc800; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    border-radius:10px; 
    border:1px solid #ffffff; 
    margin-left:25px; 
    display:inline-block; 
    color:#000000;  
    font-size:15px; 
    font-weight:700; 
    text-decoration:none; 
    text-shadow:1px 1px 0 #aade7c; 
    cursor:pointer; 
    padding:18px 46px; }  
#startquiz:hover,#endquiz:hover { 
    background:0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc800',endColorstr='#ffc800'); 
    background-color:#ffffff;
    border:1px solid #ffc800; 
}  
.quizstartdiv { 
    /*float:right; width:44%; */
    position: absolute;
    bottom: 5px;
    right: 5px;
}  
.initialcount { 
    background:none repeat scroll 0 0 #F0F0F0;
    
    border:1px solid #F6F6F6; 
    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:#949494; 
    text-shadow:0 1px 0 rgba(255,255,255,0.3); 
    float:right; 
    margin-right:-116px; 
    margin-top:16px; 
    text-align:center; 
    display:none; 
    padding:5px;
    width: 95px;/*10%*/
}
.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 /*url(click.png)*/ no-repeat 220px 110px; 
    display:none; padding:10px 19px 73px 18px; }  
#quizend { padding-top:110px; text-align:center; }  
h2#score { text-align:center; }  
.quizenddiv { width:47%; height:22px; cursor:pointer; font-family:Numans, sans-serif; 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; }  
#submit,#finish { 
    font-size:50px; 
    line-height:76px; 
    text-transform:uppercase; 
    color:#fff; 
    text-shadow:0 1px 0 #000; 
    white-space:nowrap; 
    font-weight:700; 
    cursor:pointer; 
    -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; 
    display:none; 
}

.red{
    color: #ff0000 !important;
}

.green{
    color: #2bc253 !important;
}