body {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
     margin: 0px;
}
.warning{
    color: red;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 margin-bottom: 3px;
 overflow: auto; 
 width: 100%
}
#header {
    /*
 color: #333;
 width: 902px;
 padding: 10px;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background:  #F68428;
 */
 color: #333;
 width: 916px;
 padding: 3px;
 height: 86px;
 margin: 0px 0px 0px 0px;
 background:  #F68428;
}
#headerExample {
 color: #333;
 width: 100%;
 padding: 0px;
 height: 74px;
 margin: 0px 0px 0px 0px;
 background: rgba(246, 132, 40, 0.85);
}
.navigation {
 color: #555555;
 padding: 2px;
 margin: 0.2px 0px 0.5px 0px;
 background: #F6B028;
 text-align: center;
 font-size: medium;
 max-height: 22px;
 height: 22px;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin:0px;
 padding:0;
 width: 280px;
 float: left;
/*background:  #189591;  -  Old*/
/*background:  #18958f;  -  Old*/
/*background:  #C85A2E;  -  new not used*/
background:  #B2AC88;



}
#content { 
 float: left;
 color: #333;
 margin: 0px 0px;
 padding:0;
 width: 450px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 10px 10px 0px 0px;
 padding:0;
 width: 165px;
 float: right;
}
#footer { 
 width: 912px;
 clear: both;
 color: #333;
 background: #F68428;
 margin: 0px 0px 10px 0px;
 padding: 5px;
}
#footer1 { 
 width: 902px;
 clear: both;
 color: #333;
 background: #F68428;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 height: 55px;
}
#afaqlogo {
 width: 185px;
margin-left:50px;
}

.clear { clear: both; background: none; }

.inputtxt{
      height: 30px;
      width: 115px;
      border-radius: 10px;
      border: thin solid #F68428;
      color: #F68428;
      font-weight: bold;
      font-size: 16px;
      padding-left: 15px;
      padding-right: 15px;
      outline: none;
      margin-bottom: 10px;
      margin-left: 10px;

   }

.title{
        margin-top: 2px;
        margin-left: 70px;
        background-color: rgba(246, 132, 40, 0.15);
}
.TitleOneCan{
        margin-top: 2px;
       /* padding-left: 70px;*/
        margin-left: 70px;
        background-color: rgba(24, 149, 145, 0.15);
}
.extrapx{
        margin-left: 20px;
}

.cntr{
text-align: center;
}
.SubmitBtn {
  font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
  display: inline-block;
  color: #FFFFFF;
  background-color: #F68428;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  padding: 40% 15%;
  text-decoration: none;
  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 5px;
  border: 3px solid #F68428;
  border-radius: 5px;
  white-space: nowrap;
 }

.SubmitBtn:hover{
   background-color: white;
   font-size: 13px;
   color: #F68428;
   cursor: pointer;
}
.SubmitSingleBtn {
  font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
  display: inline-block;
  color: #FFFFFF;
  background-color: #F68428;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  padding: 7px 7px;
  text-decoration: none;
  margin-left: 2px;
  margin-top: 0px;
  margin-bottom: 2px;
  border: 1px solid #F68428;
  border-radius: 5px;
  white-space: nowrap;
 }

.autocenter{
    margin: 10px auto;
}



        .RegistBtn{
              background: #F68428;
              background-image: -webkit-linear-gradient(top, #F68428, #f09957);
              background-image: -moz-linear-gradient(top, #F68428, #f09957);
              background-image: -ms-linear-gradient(top, #F68428, #f09957);
              background-image: -o-linear-gradient(top, #F68428, #f09957);
              background-image: linear-gradient(to bottom, #F68428, #f09957);
              border-radius: 22px;
              font-family: Arial;
              color: #ffffff;
              font-size: 19px;
              padding: 8px;
              border: solid #c2641d 5px;
              text-decoration: none;
              margin: 10px 44%;
        }
        .RegistBtn:hover {
          background: #f2bb91;
          text-decoration: none;
          cursor: pointer;
          
        }

.tocoloumadminpage{
 padding: 3px 1px;
 width:30%;
 border:2px solid gray;
 background:initial;
 margin: 0 auto;
 padding: 10px;
}
#DigiCertClickID_LcanypkD{
    float: right;
}
.CenterThisText{
        text-align: center;
}
.CanFrmTD{
        font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, sans-serif;
        cursor: default;
            font-weight: bold;
    color: #666666;
}
.CanFrmTDAr{
    font-size: 13pt;
    direction: rtl;
}
.CanFrmTDEn{
    font-size: 14pt;
}
.CanFrmInputs{
    font-size: 15pt;
    border-radius: 8px;
}
/*Loader
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
*/
.PleaseWaitDiv{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 200;
    background-color: rgba(128, 68, 20, 0.34);
    padding-top: 10%;
    display: none;
}
.ShowExampleOverLay{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 200;
    background-color: rgba(128, 68, 20, 0.70);
    padding-top: 5%;
    display: none;
}
.ExampleQuestionsEndOverlay{
    position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 206;
    padding-top: 11%;
    display: none;
}

.theloadingtext{
    margin: 20px 44%;
    text-shadow: 2px 2px 8px #FF0000;
    text-align: center;
}
.theloadingtextAr{
    direction: rtl;
}
.thejifloadingEnd{
    width: 128px;
	height: 128px;
    margin: 0 auto;
    background: url(/Images/Loaders/Preloader_4.gif) center no-repeat #b15612;
}
.thejifloadingNext{
    width: 128px;
	height: 128px;
    margin: 0 auto;
    background: url(/Images/Loaders/Preloader_2.gif) center no-repeat #b15612;
}

/*for end tests and one candidate*/
.tablehead{
    background-color: #F68428;
}
.tableend, .HorizontalTable{
    margin: 0 auto;
}  
  .frontgreen{
     text-align: center; color: green;
}
  .frontblack{
     text-align: center;
}
  .frontred{
     text-align: center; color: red;
}
        .boxcontainer{
            top: 20px;
            left: 25%;
            width: 50%;
            height: 900px;
            position: fixed;
            background-color: #fff;
            z-index: 100;
        }
.title {
                margin-top: 2px;
                margin-left: 70px;
                margin: 2px 16px;
                background-color: rgba(246, 132, 40, 0.15);
            }
/*FINISH: for end tests and one candidate*/


.JoinTest {
    margin-top: 2px;
    margin-left: 70px;
    background-color: rgba(246, 132, 40, 0.15);
}




/*Notification overlay, used in CandidateInfo and NewBulkSession*/

    .NotificationOverlay{
            top: 120px;
            left: 0px;
            width: 100%;
            height: 530px;
            position: fixed;
            background-color: rgba(61, 24, 149, 0.88);
            z-index: 40;
            display: none;
        }
       .NotificationDiv{
        width: 700px;
        margin: 50px auto;
        text-align: center;
        color: green;
       
        }
       .GreenWarningText{
         color: white;
        }
        .NotificationOkBtn{
              background: #F68428;
           /*   background-image: linear-gradient(to bottom, #28ECF6, #f09957);*/
              background-image: linear-gradient(to bottom, rgba(246, 50, 40, 0.75), #f09957);
              border-radius: 28px;
              font-family: Arial;
              color: #ffffff;
              font-size: 38px;
              padding: 11px 25px;
              border: solid #c2641d 5px;
              text-decoration: none;
              margin: 0px 32%;
              width: 230px;
              height: 115px;
        }
        .NotificationOkBtn:hover {
          background: #f2bb91;
          text-decoration: none;
          cursor: pointer;
        }

/*Notification overlay, used in CandidateInfo and NewBulkSession*/

    .InstructionsOverlay{
            top: 0px;
            left: 0px;
            width: 100%;
            height: 830px;
            position: fixed;
            background-color: rgba(24, 140, 150, 0.70);
            z-index: 50;
            display: none;
        }
       .InstructionsDiv{
        width: 700px;
        margin: 35px auto;
        text-align: center;
        color: BLACK;
        
       
        }
       .GreenWarningText{
         color: white;
        }
        .InstructionsOkBtn{
              background: black;
           /* background: #F68428;background-image: linear-gradient(to bottom, rgba(246, 50, 40, 0.75), #f09957);  */
              background-image: linear-gradient(to bottom, rgba(246, 50, 40, 0.75), black);
              border-radius: 28px;
              font-family: Arial;
              color: #ffffff;
              font-size: 38px;
              padding: 11px 25px;
              border: solid red 5px;
              text-decoration: none;
              margin: 10px 32%;
              width: 230px;
              height: 115px;
        }
        .InstructionsOkBtn:hover {
          background: #f2bb91;
          text-decoration: none;
          cursor: pointer;
        }