@charset "utf-8";
/* CSS Document */

body{
background:#eeffee; margin:0px; padding:0px;background-color:lightgray;background-image:url(../re/img/bg1.jpg);
}

a img{
border:0px;

}

#maincontainer{
width:1003px; margin:0px auto; padding:0px;border:1px solid gray; overflow:auto;border-radius:5px;min-height:98vh;
}

#header{
width:1003px; float:left; margin:0px; padding:0px; background:url(../images/engine_header1.jpg) no-repeat left; height:70px; background-color:lightgray;
}

#header .headerleft{
width:110px; 
float:left; margin:0px; padding:0px 0px 0px 0px; 
}

.headerleft .logo{
 float:left; height:35px; margin:0px 0px 0px 0px; padding:0px;
}

.headerleft h4{
font-family:"Myriad Pro"; font-size:14px; font-weight:normal; color:#000; padding:20px 0px 0px 0px; margin:0px; text-align:center; }

.headerright{
width:850px; float:right; margin:0px; 
padding:0px 0px 0px 0px;
}



#mainbody{
width:1001px; float:left; margin:0px; padding:0px; background:#fff; 
}


#mainbody .leftsect{
width:0px; float:left; margin:0px; padding:2px 0px 1px 0px;  border-right:2px solid #02a300; min-height:calc(98vh - 110px); height:auto !important; 
}


#mainbody .rightsec{
width:997px; float:left; margin:0px; padding:2px 0px 1px 0px; border-bottom:1px solid #11a80f; min-height:calc(98vh - 110px); height:auto !important; overflow:auto; 
}

.rightsec p{
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; padding-left:20px; 
}

.iframeStyle{
    width: 100%; min-height:calc(98vh - 110px); height:100%;
}

.objectTag{
    width:100%;height:calc(98vh - 110px); overflow:auto;
}
#navigationDivL {
  position:relative; overflow:auto;background:lightgray;height: 40px; text-align:center;padding:2px;width:997px;margin:auto;
}

#footer{
float:left;height:1px;
}

.invisible {
    visibility: hidden;
    height:0px;
}
.divMsgs {
    border-radius: 2px;
    background-color: lightgray;
    border-color: gray;
    font-size: 14px;
    text-align:center; padding:10px; color:maroon;margin-top:10px;
}
.btnBlue {
    height: 25px;
    color: white;
    background-color: #2088d5;
    padding:0px 15px;
    cursor:pointer;
    border:none; margin:5px;
    transition:all 0.3s ease 0s;
}
    .btnBlue:hover {
        background-color: #355e97;
    }


.btnGray {
    height: 20px;
    color: gray;
    background-color: lightgray;
    padding:0px 15px;
    cursor:pointer;
    border:none; margin:5px;
    transition:all 0.3s ease 0s;
}
    .btnGray:hover {
        background-color:gray;
        color:lightgray;
    }

.rightFloat {
    float: right;
}

.centerHeading {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #4a5597;
    margin-bottom: 15px;
}
.divTNames {
    float: left;
    width: 65%;
    color: blue;
    font-weight: bold;
    background-color: lightgray;
    margin-bottom: 5px;
    line-height: 20px;
    padding: 20px;
}
.divStartBtn {
    float: right;
    height:100%;
    vertical-align: central;
    cursor:pointer;
}
.QPHeading {
    text-align: center;
    font-weight:bold;
    font-size:16px;
    margin-bottom:20px;
    color:#025677;
}
.fullScreen {
    position: absolute;
    margin:0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index:20;
  
}
.minimiseScrn {
    background: rgba(0, 0, 0, 0.30);
    z-index:9999999;
    height: 50px;
    width: 35px;
    position: fixed;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    bottom: 0px;
    right:50px;
   
   padding:10px;
   
}
.rIcon{
     width:75px;height:68px;float:left;margin-right:2px;
}
.rIcon:hover{
    background-color:#4C9CBF;
   width:75px;height:68px;float:left;margin-right:2px;
   border-radius:5px;
}
.rIconSelected{
    background-color:#4C9CBF;
   width:75px;height:68px;float:left;margin-right:1px;
   border-radius:5px;
}
.gridview {
font-family:Calibri;
background-color:#FFFFFF;
width: 100%;
font-size: small;
}
.gridview th {
background: #337ab7;
padding: 5px;
font-size:small;
color:white;

}
.gridview th a{
color: #003300;
text-decoration: none;
}
.gridview th a:hover{
color: #003300;
text-decoration: underline;
}
.gridview td {
background: #e7e7e7;
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;
}
.divHeading{
    margin-top:20px;
    font-weight:bold;
    font-size:30px;
    font-family:Calibri;
    
    
}