body {
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 12px;
    padding: 0;   
}

.thi_login {
    background-color: rgba(107, 173, 247, 0.23);
    border: 1px solid rgba(107, 173, 247, 0.23);
    outline: 1px solid rgba(107, 173, 247, 0.23);
    padding: 10px;
    width: 620px;
    font-size:16pt;
    margin: 100px auto;
}
.thi_login hr{
    background-color: rgb(211, 211, 211);
    border: medium none currentcolor;
    color: rgb(211, 211, 211);
    height: 1px;   
    margin-top: 5px;
    padding: 0;
}
.thi_content {
    /*background-color: #6badf7;*/
    background-color: rgba(107, 173, 247, 0.23);
    
    /*border: 1px solid #b2d9fe;
    outline: 1px solid #187ede;*/
     border: 1px solid rgba(107, 173, 247, 0.23);
    outline: 1px solid rgba(107, 173, 247, 0.23);
    padding: 5px;
    font-size:14pt;
    /*width: 900px;*/
    margin: 0 auto;
}

.thi_content2 {
    background-color: #fff;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

.thi_content h1, .thi_login h1 {
    text-align: center;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;
    margin-top: 0px;
}

.thi_content h1 {
    margin-bottom: 5px;
    font-size: 20px;
}

.thi_login h1 {
    margin-bottom: 10px;
    font-size: 18px;
}

.thi_content h2 {
    text-align: center;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 17px;
}

.list-question-detail {
    width: 590px;
    float: left;
}

.question-detail {
    display: none; /*width:600px;height:100%;float:left; */
    /*padding:10px 0px 0px 10px;*/
}

    .question-detail img {
        width: 586px;
        height: 400px;
        padding:1px;
        border: 1px solid #ccc;
    }

.noidungcauhoi {
    font-weight: bold;
    margin-bottom: 15px;
}

.phuongan {
    margin-bottom: 7px;
}

.divChoise {
    float: left;
    padding-top: 5px;
}

.infoThi {
    text-align: left;
    padding-bottom: 5px;
    font-weight: bold;
}

.answer-list {
    background-color: #e4e3e3;
    border: 1px solid #ccc;    
    
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    padding: 10px 10px;   
}

.answer-item {
    background: none repeat scroll 0 0 #eee;
    height: 25px;
    line-height: 25px;
    float: left;
    margin-left: 10px;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 0px 5px 0px 5px;
}

/*.answer-list input{
    float: left;
}
.answer-list label{
    float: left;
    font-size:13px;
}*/
.TraLoi {
    font-weight: bold;
}
.tieudeCH{
    font-size:16pt;
    color:#0001f5;
    font-weight:bold;
}
.answer-list input {
    /*margin:6px 3px 0px 0px;*/
    margin: 0;
    margin-left: 5px;
    padding: 0px;
}

.prev a, .next a {
    text-decoration: none;
    font-weight: bold;
    color:white;
}

.right-panel {
    /*width: 270px;*/
    float: left;
    border: none;
    position: relative;
    padding-left: 20px;
    
    /*padding-top:10px;
    padding-right:10px;*/
}

.center {
    text-align: center;
}

.question-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    z-index: 1;
    margin-bottom: 5px;
    width:90px;
}

    .question-list ul li {
        display: block;
        width: 87px;
        height: 25px;
        line-height: 25px;
        /*border: 1px solid #aaa;*/
        text-align: left;
        padding: 0;      
        cursor: pointer;
        margin-bottom:8px;
        /*border-radius: 3px;*/
        float: left;
        background-color: #fff;
        color: #404040;
        text-align: center;
    }

        .question-list ul li span.question-number {
            /*background-color: #ffe58f;
            background-image: linear-gradient(#ffefb9, #ffdc63);*/
           background-color: #6badf7;
                background-image: linear-gradient(#aed2fb, #6badf7);
            border: 1px solid #aaa;
            border-radius: 3px;
            color: #404040;
            cursor: pointer;
            float: left;
            font-size: 14px;  
            font-weight:bold;          
            width: 64px;
            text-align: center;
            border: 1px solid #aaa;                    
        }

        .question-list ul li span.question-answered {
            background-color: #ccc;
        }

        .question-list ul li span.answer-number {
            float: left;
            line-height: 27px;
            width: 20px;
            text-align: center;
            font-size: 12px;
            font-weight:bold;                  
            /*border-radius: 0 3px 3px 0;*/
        }

        .question-list ul li.answered {
            /*border: 1px solid #6BADF7;*/
        }

            .question-list ul li.answered span.question-number {
                background-color: #0097ee;
                background-image: linear-gradient(#7ac5ef, #0097ee);
            }

           

.clear {
    clear: both;
}

.question-list h2 {
    clear: both;
}

    .question-list h2 span {
        float: right;
        color: red;
    }

.head-left {
    float: left;
    width: 600px;
}

.head-right {
    float: left;
    margin-left:20px;
    /*width: 280px;*/
}

.more-info {
    clear: both;
    margin-bottom: 4px; 
    font-size:12pt;
    
}

.question-list .more-info span.text {
    float: left;
    width: 200px;
    text-align: left;
    font-weight: bold;
}

.question-list .more-info span.value {
    float: right;
    width: 60px;
    text-align: right;
    color: red;
    font-weight: bold;
}

.question-list .more-info span.valueM {
    /*color: #1c3ae1;*/
    color:yellow;
}

.more-info span.valueM {
    /*color: #1c3ae1;*/
    /*color:yellow;*/
}

.question-list .more-info div.incorrect {
    color: red;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

#spanTimeout {
    color: red;
    font-size: 20px;
    font-weight: bold;
}



.answer-list .DaAn {
    background-color: #FFE58F !important;
}

.answer-list .TLDung {
    background-color: #34BA66 !important;
}

.answer-list .TLSai {
    background-color: #d14836 !important;
}
.question-number-dung{}
.question-number-sai{
    color:red;
    
}

.question-list ul li.sai {
    background-color: #d14836 !important;
}

.question-list ul li.dung {
    background-color: #34BA66 !important;
}

.question-list ul li span.sai {
    background-color: #d14836 !important;
}

.question-list ul li span.dung {
    background-color: #34BA66 !important;
}

.boxMau span {
    border: 1px solid #aaa;
    border-radius: 3px;
    height: 15px;
    width: 30px;
}

.boxMau .xanh {
    background-color: #34BA66;
    color: #34BA66;
}

.boxMau .do {
    background-color: #d14836;
    color: #d14836;
}

.boxMau .vang {
    background-color: #FFE58F;
    color: #FFE58F;
}

.footer {
    padding-top: 10px;
    font-weight: bold;
    text-align: center;
    font-size:12px;
}

.linkhd {
    text-align:right;
    font-weight: bold;
    color:#515967;  
    cursor:pointer;
    padding-top:10px;
}

.answer-list-left {
    width: 60%;
    float: left;
}

.answer-list-right {
    width: 38%;
    float: right;
    text-align: right;
}

.dangnhapthi {
    padding: 20px;
}

.validation-summary-errors {
    color: red;
}

.validation-summary-valid ul {
    margin: 0px;
}

.end-btn {
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size:17px;
    padding: 5px 15px;
    border: 1px solid #187e3e;
    background-color: #008ada;
    background-image: linear-gradient(to bottom, #0097ee, #07b);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  font-family: arial,verdana,helvetica,sans-serif;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}
a.end-btn{text-decoration:none;}
.nutlenh {
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 4px;
    font-size:16px;
    border: 1px solid #187e3e;
    font-family: arial,verdana,helvetica,sans-serif;
    background-color: #008ada;
    background-image: linear-gradient(to bottom, #0097ee, #07b);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    line-height:12px;
}
a.nutlenh{padding:3px 4px;text-decoration:none;line-height:12px;}
.nutlenhGray {
    font-family: arial,verdana,helvetica,sans-serif;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	padding: 3px 8px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px #ffffff;
}
.nutlenhGray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.nutlenhGray:active {
    position: relative;
    top: 1px;
}



.nutlenhBlue {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:90px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px #287ace;
}
.nutlenhBlue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.nutlenhBlue:active {
	position:relative;
	top:1px;
}
 .bold{font-weight:bold;}
 .blue{color:#0001f5}