html, body
{
    height: 100%;
}

.mainbody {
    width:1024px;margin:0px auto;
    
}
.mainArea {
    border:2px solid orange;
    border-radius:8px;
    width:100%;
    background-color: #D2D2D2;
}
.childsec {
   /*min-height:420px; height:auto !important;
    border:2px solid orange; */
    padding:10px;
    background-color:white;
    padding-bottom:0px;
    overflow: auto;
   /* height: 560px;*/
}

a
{
    color:#FF8C00;    
}

.header_text
{
text-align:center; 
font-size:17px; 
font-weight:bold; 
text-align:center ;    
}

body
{
    font: 16px 'Calibri Sans Unicode', 'Calibri', Arial, Helvetica;
    margin: 0;
    background-color: #A0A0A0;
    background-image:url("../images/bg_img1.png");
   /* background-image: -webkit-gradient(linear, left top, left bottom, from(#ebeef2), to(#d9dee2));
    background-image: -webkit-linear-gradient(top, #ebeef2, #d9dee2);
    background-image: -moz-linear-gradient(top, #ebeef2, #d9dee2);
    background-image: -ms-linear-gradient(top, #ebeef2, #d9dee2);
    background-image: -o-linear-gradient(top, #ebeef2, #d9dee2);
    background-image: linear-gradient(top, #ebeef2, #d9dee2);    */
}

.header {
    color: white;
    float:left;
    
}

/*--------------------*/

#login
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    height: 200px;
    width: 350px;
    margin: -150px 0 0 -230px;
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 53%;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
}

#login:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

/*--------------------*/

h1
{
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 25px 0;
    letter-spacing: 3px;
    font: normal 22px/1 Verdana, Helvetica;
    position: relative;
}

h1:after, h1:before
{
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 120px;   
}

h1:after
{ 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}

h1:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}

/*--------------------*/
/*
fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}*/

/*--------------------*/

.loginInputs
{
   
    padding: 10px 10px 10px 15px;
    margin: 0 0 10px 0;
    width: 323px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    background-color: #f1f1f1  /*url(http:www.red-team-design.com/wp-content/uploads/2011/09/login-sprite.png) no-repeat;*/
}


#txtusername
{
    background-position: 5px -2px !important;
    
}

#password
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

.txtbox {
    padding: 10px 10px 10px 15px;
    margin: 0 0 10px 0;
    width: 245px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    background-color: #f1f1f1;
}
    .txtbox:focus {
        background-color: #fff;
        border-color: #e8c291;
        outline: none;
        -moz-box-shadow: 0 0 0 1px #e8c291 inset;
        -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
        box-shadow: 0 0 0 1px #e8c291 inset;
    }

/*--------------------*/
#actions
{
    margin: 25px 0 0 0;
}

/*#submit
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: right;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

#submit:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
  border: none;
}
*/
#actions a
{
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

/*--------------------*/


h2 {
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);*/
    
    text-align: center;
    color: rgba(39, 105, 155, 0.97);
    margin: 0 0 15px 0;
    letter-spacing: 1px;
    font: normal 28px/1 Calibri, Helvetica;
    position: relative;
    
}

h3 {
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);*/
    text-align: center;
    color: rgba(39, 105, 155, 0.97);
    margin: 0 0 2px 0;
    letter-spacing: 1px;
    font: normal 20px/1 Calibri, Helvetica;
    position: relative;
    
}


h4 {
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);*/
    text-align: center;
    color: rgba(39, 105, 155, 0.97);
    margin: 0 0 2px 0;
    letter-spacing: 1px;
    font: normal 15px/1 Calibri, Helvetica;
    position: relative;
    
}

.panel legend {
    color: orange;
    font-weight: 600;
    }
.inside {
    padding: 5px;
}

.titleboxes {
    width: 243px;
    height: 150px;
    border: 1px solid cornflowerblue;text-align:center; float:left;margin:15px;
}
.titleboxesCenter {
    width: 243px;
    height: 150px;
    border: 1px solid cornflowerblue;text-align:center; float:left;margin:15px; margin-left:25%;
}
.titleboxesCenter4 {
    width: 323px;
    height: 150px;
    border: 1px solid cornflowerblue;text-align:center; float:left;margin:15px; margin-left:25%;
}
.boxtitle {
    width: 233px;
    height: 15px;
    background-color: cornflowerblue;
    font-weight:bold;
    color:white;
    padding:5px;
}
.boxtitle4 {
    width: 313px;
    height: 15px;
    background-color: cornflowerblue;
    font-weight:bold;
    color:white;
    padding:5px;
}
.divcategories {
    width: 551px;
    height: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -155px;
}
.divcategories4 {
    width: 551px;
    height: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -195px;
}
.divIBtns {
    width: 243px;
  
    position: absolute;
    top: 37%;
}
.divIBtns4 {
    width: 323px;
    text-align:center;
    position: absolute;
    top: 37%;
}
.divActive {
    float: left;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
    background-color: orange;
}
.divMseOver {
    float:left;text-align:center;margin-left:5px;margin-right:5px;
    border-radius:5px;
}
    .divMseOver:hover {
        background-color: orange;
    }
.divMseOverTab {
    float:left;text-align:center;
    border-radius:5px;
}
    .divMseOverTab:hover {
        background-color: orange;
    }
.divMseClicked {
    background-color: orange;
}
.divCont {
    line-height:30px;
    padding-top: 60px;
    
}
.tab {
    width: 330px;
   
    border-top-left-radius: 8px;
    height: 25px;
    float:left;
    padding:5px;
    padding-left:15px;
     background-color: cornflowerblue;
    
}
.tab4 {
    width: 430px;
   
    border-top-left-radius: 8px;
    height: 25px;
    float:left;
    padding:5px;
    padding-left:15px;
     background-color: cornflowerblue;
    
}
.tabBtns {
    float: right;
}
    .tabBtns:hover {

        background: url(..\images\ques_create_tab_01.png);
    }
.divSlope {
    width:0px;
    position:relative;
    float:left;
     border-right:35px solid transparent;
     border-bottom:35px solid cornflowerblue;
}

/*Side Menu's CSS*/

    #divMasterLeft
{
    float: left;
    width: 220px;
    min-height: 400px;
    padding: 0 0 2px 0;
    margin-bottom: 2px;
    font-family: 'Calibri' , 'Lucida Grande' , Verdana, Arial, sans-serif;
    background-color: #D2D2D2; /*#90bade*/
    color: #333;
}
     
    #divMasterLeft ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
    #divMasterLeft li
{
    border-bottom: 1px solid #90bade;
    margin: 0;
    list-style: none;
    list-style-image: none;
    border-bottom-color: #7A7A7A;
}
    #divMasterLeft li a
{
    display: block;
    padding: 13px 5px 5px 10px;
    border-left: 5px solid #7A7A7A;
    border-right: 5px solid #7A7A7A;
    background-color: #B5B5B5;
    color: #fff;
    text-decoration: none;
    width: 100%;
    min-height: 26px;
}
     
    html>body #divMasterLeft li a {
    width: auto;
    }
     
    #divMasterLeft li a:hover
{
    /* border-left: 10px solid #1c64d1;
    border-right: 5px solid #5ba3e0;*/
    background-color: #D2D2D2;
    color: #fff;
    border-left: 5px solid orange;
    border-right: 5px solid orange;
}
     #divMasterLeft li a.selected
{
    /* border-left: 10px solid #1c64d1;
    border-right: 5px solid #5ba3e0;*/
    background-color: #D2D2D2;
    color: #fff;
    border-left: 5px solid orange;
    border-right: 5px solid orange;
}

.btn {
    float: right;
}
.lb {
    border: 0px;
}
.span1 {
    font-weight: bold;
}
.crsHeads {
    position: relative;
    text-align: center;
    cursor: pointer;
    color: White;
    font-size: 17px;
    font-weight: bold;
    font-family: Arial;
    background-color: cornflowerblue;
    height: 20px;
    width: 720px;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
}
.spanBold {
    font-weight: bold;
   
}
.spanBUnderline {
    font-weight: bold;
    text-decoration:underline;
}
.divTitle {
    text-align:center;
}

.stuDivCont {
    margin-top:30px;
}
.spanMatName {
    font-family: Calibri;
    color: #696969;
    font-size: 16px;
    font-weight: bold;
    
}
.noneDeco {
    text-decoration: none;
}
.noneDecoBold {
    text-decoration: none;
    font-weight:bold;
}
.noneDecoPointer {
    text-decoration: none;
    cursor:default;
}
.tbInvisible {
    display: none;
}
.divFixedBtm {
    height: 20px;
    width: 500px;
    position: fixed;
    background-color: cornflowerblue;
    opacity:0.8;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: justify;
    bottom: 0px;
    left:0px;right:0px;
   margin:auto;
   padding:15px;
    
}
.divFull {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:white;
   overflow:auto;

}
.divTab {
    float:left;
    width:200px;
    border-top-left-radius:5px;
    background-color:orange;
    color:white;
    padding:4px;
    margin-top:5px;
}

.divSlope2 {
     margin-top:5px;
    width:0px;
    position:relative;
    float:left;
     border-right:27px solid transparent;
     border-bottom:27px solid orange;
}
.divTabbedCont {
    min-height: 100px;
    border: 1px solid orange;
    border-radius:5px;
    border-top-left-radius:0px;
    margin-top:12px;
    padding:15px;
}
.divTabbedCont > span
{
	
	background-color:cornflowerblue;
}
.titleDiv {
    margin:20px;
    color: #025677;
    text-align: center;
    font-size:x-large;
    margin-bottom:0px;
}
.instsDiv {
    margin:20px;
    color: maroon;
    text-align: center;
    font-size:medium;
    margin-bottom:0px;
}
.divQnsArea {
    width: 740px;
    height: 435px;
    overflow: auto;
    margin: auto;
    padding: 30px;
    border: 5px double #025677;
    border-radius: 5px;
}
.rightFloat {
    float: right;
   
}


.gridview {
font-family:Calibri;
background-color:#FFFFFF;
width: 100%;
font-size: small;
}
.gridview th {
background: cornflowerblue;
padding: 5px;
font-size:small;

}
.gridview th a{
color: #003300;
text-decoration: none;
}
.gridview th a:hover{
color: #003300;
text-decoration: underline;
}
.gridview td {
background: #c4dae0;
color: #333333;
font: small "calibri";
padding: 4px;
}
.gridview tr.even td {
background: #FFFFFF;
}
.gridview td a{
color: #003300;
font: bold small "calibri";
padding: 2px;
text-decoration: none;
}
.gridview td a:hover {
color: red;
font-weight: bold;
text-decoration:underline;
}
.editQDiv {
    width: 93%;
    float: left;
}
.editRDiv {
    width: 90%;
    float: left;
    padding:5px;
    padding-left:15px;
}
.ddl {
 
    padding: 10px 10px 10px 15px;
    margin: 0 0 10px 0;
   
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    background-color: #f1f1f1 
}
.logoutmenu {
   position:absolute;
   right:0;
   cursor: pointer;
  color:white;
  
}
 
.ltlarrow{ /* Little arrow */
         
    content: "";
    width: 0;
    height: 0;
   float:right;
    margin:8px 8px 0px 8px;
    
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: white transparent;
}
#ddmenu {
    float:right;
    color:white;
    margin-top:20px;
    padding-right:25px;
    background-color:white;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
    #ddmenu ul {
        list-style: none;
        margin: 0;
        padding: 5px;
        border: none;
    }
 .lgmenu {
    display: block;
   color: cornflowerblue;
    text-decoration: none;
  }
    .lgmenu:hover {
        color: orange;
    }