body {
    font-family:Arial;
    /*background-color:#144007;*/
}

table.table {
    font-family:Arial;
    width:95%;
}

table.table td {
    padding:5px 0px 5px 5px;
    font-size:14px;
}

.red {
    color: red;
    font-weight: bold;
}

.red a {
    background-color:#B52C02;
}

.orange a{
    background-color:#FA9005;
}

.yellow a{
    background-color:#FABF0C;
}

.blue a {
    background-color:#030E87;
}

.greenContentBox {
    background-color:#D8E0D7;
    margin:10px;
    padding:10px;
    border:1px solid #ccc;
}

.buttonStyleDarkGreen {
    background-color:#828C81;
    color:white;
    font-weight:bold;
    cursor:pointer;
    padding:7px;
    font-size:14px;
}

div#menu-div {
    padding: 10px 5px 25px 15px;
    
}

div#menu-div a {
    padding: 10px;
    color: #fff;
    font-weight: bold;
}

#menu-div div {
    min-height:40px;
}

#logoff-div {
    
}

.txtGreenBg {
    padding:7px;
    background-color:green;
    color:#FFF;
}

.btnGreenBg {
    background-color:green;
    color:#FFF;
    padding:7px;
    font-weight:bold;
    cursor:pointer;
    margin-top: -11px;
}

.header-container {
    height: 70px;
}

select {
    width:70%;
}

#ddlReadingParagraph {
    width: 90%;
}

.versionInfoWhiteText {
    color:#fff;
}

#divQuestions {
    margin-top: 20px;
}

.question {
    padding: 20px 5px;
}

ol, ul {
    padding:auto;
    margin:auto;
}

.intro {
    margin-top:30px;
}

.prola-text {
    height: 110px;
    padding-top: 20px;
    font-size: 14px;
    font-weight: bold;
}

.test-info {
    height:84px;
    padding-top:20px;
    font-weight: bold;
    font-size:14px;
}
/*.test-instructions,  {  
    font-size: large;
    color:fuchsia;
 }*/

div, ul, p, li, strong {
    font-size: 14px;
}


span#studentGivenName, span#studentFamilyName {
    color:green;
    font-size:14px;
    font-weight:bold;
}

img#gcLogo, img#ilscLogo {
  margin-top: 10px;
}

.timeClass {
    z-index:9999;
}

textarea {
    width:80%;
}

.next-btn-container {
    padding-bottom:40px;
}


.button {
  border: 1px solid #f68237;
  background: #f68237;
  /*background: -webkit-linear-gradient(top, #105787, #105787);*/
  padding: 7px 25px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 14px;
  font-family: arial;
  text-decoration: none;
  vertical-align: middle;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  min-width:170px;
}

.button-blue {
  background: #f68428;
}

a.button:hover, a.button:active, a.button:focus {
    text-decoration:none;
    color:#FFF;
}

.whiteText {
    color: #FFFFFF;
}


@media only screen and (max-width : 321px) {
    .test-info {
        font-size:10px;
    }

    .button {
        width:80%;
    }
}

@media only screen and (max-width : 410px) {
    .timeClass {
        font-weight: bold;
        font-size: 14px;
        margin-bottom:30px;
    }

    .test-info {
        padding-bottom:20px;
    }

    textarea{
        width:90%;    
    }

    .button {
        width:60%;
    }
}

@media only screen and (max-width : 768px) {
    .test-info {
        padding-top:14px;
    }

    form#frmMain {
        margin-top: 20px;
    }
}