@font-face {
    font-family: 'futura_lt_btlight';
    src: url('../fonts/FUTURAL.eot');
    src: url('../fonts/FUTURAL.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FUTURAL.woff2') format('woff2'),
         url('../fonts/FUTURAL.woff') format('woff'),
         url('../fonts/FUTURAL.ttf') format('truetype'),
         url('../fonts/FUTURAL.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


body 
{
    width:300px; background-color:#ffffff; margin:0px auto 0px auto; font-family:futura_lt_btlight; font-size:14px;
}





/*Modal Popup*/
.modalBackground {background-color:#60c8f2; filter:alpha(opacity=90); opacity:0.9;}
.modalPopup {background-color:#60c8f2; border-width:3px; border-style:solid; border-color:#60c8f2; padding:3px;}
.modalPopup a {color:#000000; font-weight:bold; font-size:14px; text-decoration:none; margin-right:5px;}
.modalPopup a:hover {color:Yellow; font-weight:bold; font-size:14px; text-decoration:none; margin-right:5px;}
.modalPopup p {padding:5;  text-align:left;}

.popup-panel{display:none;}
.pop_pad{width:80%;	background-color:#ffffff; border:1px solid #333; overflow:auto; height:400px; position:relative; z-index:400; color:#000000; }
.pop_pad .logo{float:left; width:100px; }
.pop_pad .message-text{float:left; width:250px; }

.pop_pad-280{width:280px;	background-color:#ffffff; border:1px solid #333; overflow:auto; height:400px; position:relative; z-index:400; color:#000000; }
.pop_pad-280 .logo{float:left; width:100px; }
.pop_pad-280 .message-text{float:left; width:250px; }


.sinsubbtn{background-color:#2AB737; float: right; margin-right: 10%; color:#C3F32B;	font-size:12px;	border:none; font-weight:bold;	text-transform:uppercase; padding:4px 10px; cursor:pointer;}

.button{background-color:#2AB737; float: right; margin-right: 10%; color:#C3F32B;	font-size:12px;	border:none; font-weight:bold;	text-transform:uppercase; padding:4px 10px; cursor:pointer;}
.nobutton{background-color:Maroon; float: right; margin-right: 10%; color:#C3F32B;	font-size:12px;	border:none; font-weight:bold;	text-transform:uppercase; padding:4px 10px; cursor:pointer;}



  .accordionHeader {                
            color: #000000;  
            background-color:#f4f3f3;
            font-size: 12px;
            cursor: pointer;  
            height:32px;
            margin-top:10px;
        }  
        .accordionHeaderSelected {  
          background-color:Maroon;
            font-size: 12px;
            cursor: pointer;  
            height:32px;
            color:#C3F32B;
            margin-top:10px;
        }  
.accordionHeaderSelectedHover{background-color:#3246A4; font-size: 12px; cursor: pointer; height:32px; color:#ffffff; margin-top:10px;}  

        .accordionContent {  
           background-color:#f4f3f3;
        }  


         .accordionContentwhite {  
           background-color:#ffffff;
        }  
 .accordionContentTransparent {  
           background-color:Transparent; line-height:25px;
        }  







.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.marginT-10{margin-top:10px;}
.timer-margin{margin-left:10px;}
.point-box-margin{ border:1px solid #9D0002; width:70px;}

ul.instrunction{text-align:justify; line-height:20px;}
ul.instrunction li{margin-top:10px;}
a.proceed-button{color:#003399; text-decoration:none;}
a.proceed-button:hover{color:#003399; text-decoration:underliine;}

a.save-button{color:#003399; text-decoration:none; font-size:16px; line-height:30px; font-weight:bold;}
a.save-button:hover{color:#003399; text-decoration:underliine; font-size:16px; line-height:30px; font-weight:bold;}


.attempted-box{width: 18px; height: 18px; line-height:20px; text-align: center; margin: 2px 2px 0px 0px; background-color: #c1682e; float:left; font-size:12px; display:block;}
.notattempted-box{width: 18px; height: 18px; line-height:20px; text-align: center; margin: 2px 2px 0px 0px; background-color: #f8cfa3; float:left; font-size:12px; display:block;}

.questonicontainer{}
.imgQuestion {z-index: 1;}
.imgStatus{ z-index: 3;margin-top:-100px;}

fieldset { 
    display: block;
    width:70px;
    margin-left: 30px;
  float:left;
  border-radius:4px;
  box-shadow:0 0 5px #666;
    color:#000000; font-size:12px;
    border: 2px groove (internal value);
    height:20px;
}

legend {
        color:#000000; font-weight:bold; /* For better legibility against the box-shadow */
    }
    
.contestinstrunction{line-height:25px; font-size:14px; text-align:justify;}