/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

    /*--------------------------------------------------
      REQUIRED to hide the non-active tab content.
      But do not hide them in the print stylesheet!
      --------------------------------------------------*/
    .tabberlive .tabbertabhide {
     display:none;
    }

    /*--------------------------------------------------
      .tabber = before the tabber interface is set up
      .tabberlive = after the tabber interface is set up
      --------------------------------------------------*/
    .tabber {
        
    }
    .tabberlive {
     margin-top:1em;
    }

    /*--------------------------------------------------
      ul.tabbernav = the tab navigation list
      li.tabberactive = the active tab
      --------------------------------------------------*/
    ul.tabbernav
    {
     margin:0;
     padding: 6px 0px;
     border-bottom: 1px solid #ddd;
     font: bold 14px arial, sans-serif;
     text-shadow: 1px 1px 1px #fff;
    }

    ul.tabbernav li
    {
     list-style: none;
     margin: 0;
     display: inline;
    }

    ul.tabbernav li a
    {
     padding: 6px 0.5em;
     margin-right: 8px;
     border: 1px solid #ddd;
     border-bottom: none;
     background: url(/quiz-school/images/tab_bg_repeat.gif) repeat-x bottom left #fff;
     text-decoration: none;
     border-top-right-radius:2px;
     -moz-border-radius-topright:2px;
     border-top-left-radius:2px;
     -moz-border-radius-topleft:2px;
    }

    ul.tabbernav li a:link { color: #448; }
    ul.tabbernav li a:visited { color: #667; }

    ul.tabbernav li a:hover
    {
     color: #000;
     background: #fff;
     border-color: #ddd;
     text-decoration: none;
    }

    ul.tabbernav li.tabberactive a
    {
     background: #fff !important;
     border-bottom: 1px solid #fff;
     color:#000 !important;
    }

    ul.tabbernav li.tabberactive a:hover
    {
     color: #000;
     background: white;
     border-bottom: 1px solid #fff;
     text-decoration: none;
    }

    /*--------------------------------------------------
      .tabbertab = the tab content
      Add style only after the tabber interface is set up (.tabberlive)
      --------------------------------------------------*/
    .tabberlive .tabbertab {
     padding:0px 0px 15px 0px;
     border:1px solid #ddd;
     border-top:none;
     background-color: #fff;

     /* If you don't want the tab size changing whenever a tab is changed
        you can set a fixed height */

     /* height:200px; */

     /* If you set a fix height set overflow to auto and you will get a
        scrollbar when necessary */

     /* overflow:auto; */
    }

    /* If desired, hide the heading since a heading is provided by the tab */
    .tabberlive .tabbertab h2 {
     display:none;
    }
    .tabberlive .tabbertab h3 {
     display:none;
    }

    /* Example of using an ID to set different styles for the tabs on the page */
    .tabberlive#tab1 {
    }
    .tabberlive#tab2 {
    }
    .tabberlive#tab2 .tabbertab {
     height:200px;
     overflow:auto;
    }
    
    h2{
        font-size: 1.7em;
        font-weight: bold;
        border-bottom: 3px solid #ddd;
        padding-bottom: 6px;
        margin-bottom:10px;
    }
    
	#divGeneralSetting, #divGeneralSetting select, #divGeneralSetting table tr td{font-size:12px!important;}
	label{cursor: pointer;}
    
    #stylized label.label_left
	{
	   display:block;
	   float:left;
	   text-align:right;
	   width:220px;
	   font-weight:bold;
	   font-size:12px;
	}
	
	
	
	#stylized label.label_left_security
	{
	  display:block;
	  float:left;
	  text-align:right;
	  width:280px;
	  font-weight:bold;
	  font-size:12px;
	
	}
	
	#stylized
	{
	   border:2px solid #fff;
	   background:#fff;
	}
	#stylized input[type=text]
	{
	  
	  font-size:14px;
	  border:1px solid #b4bbcd;
	  
	}
	.formright
	{
	  float:left;
      font-size:12px;
	  /*
      padding:4px 0px;
      margin:0px 0 20px 20px;
	  */
	  padding-left:20px;
	  margin-bottom:20px;
      letter-spacing: normal !important;
	
	}
	
	
	.formright label.labelmain{display: block; float:left;}
	.firstlabel{float:left; width:200px;}
	
	.small
	{
	  font-size:10px;
	  color:#999;
	  display:block;
	  font-weight:normal;
	}
    .formright select
	{
	  font-size:12px;
	  padding-top:4px;
	  padding-bottom:5px;
	  padding-right:4px;
	  padding-left:0px;
	  border:1px solid #B4BBCD;
	}
	.formright div#PF{
        font-size: 11px;
        color:#666;
        letter-spacing: normal !important;
        float:left; 
        padding: 4px 5px;
		border:solid 1px #B4BBCD;
		border-left:none;
        border-top-right-radius:2px;
        -moz-border-radius-topright:2px;
        border-bottom-right-radius:2px;
        -moz-border-radius-bottomright:2px;
		
    }
    .formright div#PF select{
        /*background: #EDEFF4;*/
        font-weight: bold;
    }
	
	.formright div#LG, .formright div#GE, .formright div#CT{
        font-size: 11px;
        color:#666;
        letter-spacing: normal !important;
        float:left !important; 
        padding: 4px 5px;
		border:solid 1px #B4BBCD;
        background: #EDEFF4;
		margin-top:-1px;
        border-top-right-radius:2px;
        -moz-border-radius-topright:2px;
        border-bottom-right-radius:2px;
        -moz-border-radius-bottomright:2px;
		display:none;
    }
	/******* chrome and safari hack [webkit] ********/
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.formright div#PF {
			margin-top:2px !important;
		}
		.formright div#LG, .formright div#GE, .formright div#CT{
			margin-top:-3px;
			margin-left:2px;
		}
	}
    .box1
	{
	  -moz-border-radius-topright:2px;
	  -moz-border-radius-botomright:2px;
	  border-top-right-radius:2px;
	  border-bottom-right-radius:2px;
	  -webkit-border-bottom-right-radius:2px;
	  -webkit-border-top-right-radius:2px;
	  width:200px;
	  border:1px solid #b4bbcd;
	  height:30px;
	}
    
	 
	.l3
	{
	  margin-left:50px;
	}	
	.p1
	{
	   /*border-bottom: 1px solid #ddd;*/
	   margin-bottom:20px;
	   font-size:11px;
	   color:#888888;
	   padding-bottom:10px;
	   width:98%;
	   padding-top:15px;
	   padding-left:5px;
	   padding-right:5px;
	}
	
	.sub_head{
		font-size:13px;
		font-weight:bold;
		margin:0 15px;
		padding: 5px;
		background : #eeeeee;	
	}
	.tooltip
	{
	  position:absolute;
	    z-index:99;
        left:-9999px;
	    background-color:#fff8bd;
	    padding:5px;
	    border:1px solid #d4c237;
	    width:250px;
		color:#000000;
	}
	
	.tooltip p
	{
	  margin:0;
	padding:0;
	padding:2px 7px;
	}
	.imgtooltip
	{
	  cursor:help;
	}
	.p_tracking
	{  
	   /*border-bottom: 1px solid #ddd;*/
	   margin-bottom:20px;
	   font-size:14px;
	   color:#000000;
	   padding-bottom:5px;
	   width:98%;
	   padding-top:3px;
	   padding-left:15px;
	   padding-right:5px;
	}
	.end_quizset
	{
	  line-height:2em;
	  
	}
	.revealcl
	{
	  padding-left:10px;
	}
	.quizsub_endset
	{
	  /*border:1px solid black;*/
	  padding-left:10px;
	}
	.message_set
	{
	  padding-left:25px;
	}
	.completion_set
	{
	  padding-top:4px;
	}
	.status_show
	{
	  vertical-align:middle;
	  margin-top:10px;
	  margin-left:15px;
	  font-size:16px;
	  font-family:Arial sans-serif;
	  font-weight:500;
	}
	.save_style
	{
	margin-left:10px;
	margin-top:7px;
	vertical-align:middle;
	border:none;
	float:left;
	
	}
	.status_div
	{
	
	height:50px;
	border-collapse:collapse;
	text-align:left;
	padding-left:375px;
	}
	
	.status_div input{
		padding:15px 20px!important;
		border: none!important;
		font-size:20px!important;
	}
	
	
	a.cert_opt, a.cert_opt:visited{background: #e0eef4; color:#3dbaf1 !important; text-decoration: none !important; display:block;  padding: 10px; font-size: 25px; margin: 20px 10px 10px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #8cc2d4;}
    a.cert_opt strong{color:#999; font-size: 35px; font-weight:normal;}
    a.cert_opt:hover{background: #e5f5fc;  color:#444 !important; border: 1px solid #ddd; }
	
	.status_show_hd
	{
	  float:left;
	  width:200px;
	  /*border:1px solid black;*/
	  margin-top:15px;
	  margin-left:20px;
	}
	 
	
	/*** Success Info Div ***/
	div#successInfo{ font-size: 16px !important;  background-color:#fff; color:#000; border:1px solid #000;-moz-border-radius: 2px; -webkit-border-radius: 2px; padding:0 0 0 15px; text-align:center;}
	div#successInfo_create{ font-size: 16px !important;  background-color:#fff; color:#000; border:1px solid #000;-moz-border-radius: 2px; -webkit-border-radius: 2px; padding:0 0 0 15px; text-align:center;}
	#img_set { padding:25px 30px 25px 65px; color: #000; background: url(../img/import_successful.jpg) no-repeat left ; margin:0px 160px; }   
	
	  
	div#successInfo a{font-size: 16px !important;}
   .submit_align
   {
       text-align:center;
       width:200px;
   }
   
   .shuffleanswerhide
   {
       margin-top:20px;
       margin-bottom: 50px;
       margin-left: 260px;
       position: absolute;
       display: none;
   }
   
   .shuffleanswer
   {
       margin-top:20px;
       margin-bottom: 50px;
       margin-left: 260px;
       position: absolute;
   }
   
   .btn {
    font:normal 13px arial,helvetica,sans-serif;
    color:#000;
    border:1px solid #ccc;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color:#f6f6f6;
    background-image:linear-gradient(top, #fff, #efefef);
    background-image:-moz-linear-gradient(top, #fff, #efefef);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#efefef);
    height:1.9231em;
    padding:0 0.5em;
    cursor:pointer;
    white-space:nowrap;
    overflow:visible; /* fixes width in IE7 */
    outline:0 none /* removes focus outline in IE */
}


 .btn::-moz-focus-inner {border:none} /* removes focus outline in FF */


.btn:hover, .btn:focus {
      border-color:#81CF74;
      background-color:#f0f1f3;
      background-image:linear-gradient(top, #fff, #ebebeb);
      background-image:-moz-linear-gradient(top, #fff, #ebebeb);
      background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ebebeb));
      filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#ebebeb);
      box-shadow:0 0 3px rgba(29,95,18,0.5);
      -moz-box-shadow:0 0 3px rgba(29,95,18,0.5);
      -webkit-box-shadow:0 0 3px rgba(29,95,18,0.5); 
      text-decoration:none;
    }


.btn:active {
      background-color:#ddd;
      background-image:linear-gradient(top, #ccc, #fff);
      background-image:-moz-linear-gradient(top, #ccc, #fff);
      background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));
      filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc, endColorStr=#ffffff)
}



a.btn{padding:6px 10px; font-size:1.1em; text-decoration:none !important; font-size:bold; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;  box-shadow:0 0 3px #b2b2b2; -moz-box-shadow:0 0 3px #b2b2b2; -webkit-box-shadow:0 0 3px #b2b2b2;}
a.btn:hover{ text-decoration:none !important; }
a.btn span{font-size:0.6em; color:#666; letter-spacing:normal;}

.btn {
    font:normal 13px arial,helvetica,sans-serif;
    color:#000;
    border:1px solid #ccc;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color:#f6f6f6;
    background-image:linear-gradient(top, #fff, #efefef);
    background-image:-moz-linear-gradient(top, #fff, #efefef);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#efefef);
    height:1.9231em;
    padding:0 0.5em;
    cursor:pointer;
    white-space:nowrap;
    overflow:visible; /* fixes width in IE7 */
    outline:0 none /* removes focus outline in IE */
}

.box_url
	{
	  -moz-border-radius-topright:2px;
	  -moz-border-radius-botomright:2px;
	  border-top-right-radius:2px;
	  border-bottom-right-radius:2px;
	  -webkit-border-bottom-right-radius:2px;
	  -webkit-border-top-right-radius:2px;
	  width:501px;
	  border:1px solid #b4bbcd;
	  height:30px;
	}