﻿/*----------------------*/
.StartTestMainWraper
{
   border-radius: 10px;
    box-shadow: 16px 11px 35px #d5d5d5;
    font-family: Calibri,Arial;
    height: 287px;
    margin: 60px auto 0;
    padding: 49px;
    position: relative;
    width: 65%;
}
.StartTestTestName
{ 
   float: left;
    font-size: 23px;
    font-weight: bold;
    margin: 0;
    width: 90%;
}
.StartTestDuration
{ 
   float: left;
    font-size: 18px;
    margin: 2px 0 0;
    width: 90%;
}
.StartTestDescription
{
  float: left;
    font-size: 14px;
    margin: 15px 0 0;
    width: 90%;
}
.StartTestRules
{
    border: 1px outset;
    float: left;
    font-size: 14px;
    margin: 14px 0 0;
    padding: 6px;
    width: 98%;
}
.StartTestStartBtn
{
    float: left;
    font-size: 18px;
    margin: 62px 0 0;
    text-align: center;
    width: 98%;
}


/*----------------------*/
.LoginMainWraper
{
    border-radius: 10px;
    box-shadow: 16px 11px 35px #d5d5d5;
    font-family: Calibri,Arial;
    height: 229px;
    margin: 68px auto 0;
    position: relative;
    width: 400px;
}
.LoginUserNamelbl
{
    float: left;
    font-size: 18px;
    margin: 60px 0 0 68px;
    width: 100px;
}
.LoginUserNametxt
{
    float: left;
    font-size: 13px;
    margin: 62px 0 0 17px;
    width: 150px;
}
.LoginPasswordlbl
{
    float: left;
    font-size: 18px;
    margin: 15px 0 0 68px;
    width: 100px;
}
.LoginPasswordtxt
{
    float: left;
    font-size: 13px;
    margin: 17px 0 0 17px;
    width: 150px;
}
.LoginError
{
    color: red;
    float: left;
    margin: 4px 0 0 53px;
    text-align: center;
    width: 290px;
}
.loginButton
{
    float: left;
    margin: 9px 0 0 184px;
}

/*---------View Question-------------*/
.Header1
{
    font-size: 20px;
    font-weight: bold;
    margin: 6px auto 0 7px;
}
.Header2
{
   float: left;
   font-size: 20px;
   font-weight: bold;
   margin: 1px auto 0 0;
   width: 100%
}
.QuestionNo
{
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 10px auto 0 7px;
    width: 85%;
}
.Time
{
    color: green;
    float: left;
     font-size: 26px;
    font-weight: bold;
    margin: 5px auto 0 0;
}

.QuestionMainWraper
{
    border-radius: 4px;
    box-shadow: 0 0 20px #d5d5d5;
    float: left;
    font-family: Calibri,Arial;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 5px;
    position: relative;
    width: 98%;
}

.Question
{
   font-size: 19px;
   font-weight: lighter;
   margin: 10px auto 0;
   width: auto;
}

.QuestionDesc
{
   font-size: 18px;
   font-weight: lighter;
   margin: 10px auto 0;
   width: auto;
}

.QustionImg
{  
   margin: 8px auto 0;
   text-align: center;
   width: 100%;
}

.Answers
{
    float: left;
    font-size: 18px;
    font-weight: lighter;
    margin: 8px auto 0;
    padding-bottom: 30px;
    width: 100%;
}

.AnswerHeading
{
    font-size: 18px;
    font-weight: lighter;
    text-decoration: underline;
}

.Answers1
{  
    float: left;
    margin: 10px auto 0;
    width: 49%
}
.SelectAnswer1
{  
    float: left;
    margin: 5px auto 0;
    width: 30px;
}
.AnswerNo1
{
     float: left;
     margin: 5px auto 0;
     width: 30px;
}
.ImgAnswer1
{
    float: left;
}
.DescAnswer1
{
    float: left;
    margin: 5px auto 0;
    padding-left: 10px;
}

.Answers2
{
    float: left;
    margin: 10px auto 0;
    width: 49%
}

.Navi
{
   float: left;
   padding: 15px 0;
   width: 100%;
}
.Nevi1
{
    float: left;
    width: 85%;
    text-align:center;
}
.Nevi2
{
    float: left;
}


/*---------Test Tesult-------------*/
.IQMainWraper
{
    border-radius: 4px;
    box-shadow: 0 0 20px #d5d5d5;
    font-family: Calibri,Arial;
    height: 392px;
    margin: 68px auto 0;
    position: relative;
    width: 500px;
}
 
.TestHeader
{
  border-bottom: 2px solid #ccc;
    color: #2366b0;
    float: left;
    font-size: 30px;
    font-weight: bold;
    height: 55px;
    line-height: 61px;
    margin-left: 25px;
    width: 450px;
    }
    
.UserName
{
    color: #181818;
    float: left;
    font-size: 32px;
    height: auto;
    margin: 49px auto 0 25px;
    width: 450px;
}

.TotalQuestions
{
  color: #181818;
    float: left;
    height: auto;
    margin: 12px auto 0 25px;
    width: 450px;
}
.TotalQuestionsIn
{    
    float: left;
    font-size: 18px;
    font-weight: lighter;
    margin-top: 9px;
    width: 60%;
}
.TotalQuestionsIn2
{
    float:left;
    font-size: 32px;
    width:20%;
}
    


.TotalCorrectAns
{ 
  color: #181818;
    float: left;
    height: auto;
    margin: 2px auto 0 25px;
    width: 450px;
}
.TotalCorrectAnsIn
{    
    float: left;
    font-size: 18px;
    font-weight: lighter;
    margin-top: 9px;
    width: 60%;
}
.TotalCorrectAnsIn2
{
    float:left;
    font-size: 32px;
    width:20%;
}

 
.Marks
{ 
   color: #181818;
    float: left;
    height: auto;
    margin: 27px auto 0 0;
    width: 485px;
}
.MarksIn
{    
     float: left;
    font-size: 18px;
    font-weight: lighter;
    margin-left: 196px;
    margin-top: 12px;
    width: 29%;
}

.MarksIn2
{
    color: #26AB11;
    float: left;
    font-size: 36px;
    width: 26%;
}

.ResultDetail
{
    margin: 55px auto 0 30px;
    width: auto;
}



/*--------- Common -------------*/

.TFtable
{
    width:100%; 
	border-collapse:collapse; 
}
.TFtable th 
{
    background: #3D3D3D;
    color:White;
    padding:7px;
}
.TFtable td 
{
    padding:6px; border:#3D3D3D 0px solid;
}
/* provide some minimal visual accomodation for IE8 and below */
.TFtable tr{
	background: #FAFAFA;
}
/*  Define the background color for all the ODD background rows  */
.TFtable tr:nth-child(odd){ 
	background: #dae5f4;
}
/*  Define the background color for all the EVEN background rows  */
.TFtable tr:nth-child(even){
	background: #FAFAFA;
}