html{
    font-family : helvetica;
    height : 100%;
}
body{ 
    height : 100%;
    font-size : 16px; 
    color : #000000;
}
/*---------------------------------*/
.backheader{
    width : 100%; 
    background-color : #282828;
}
#header{       
    color : #ffffff;/*#000000*/
    background-color : #282828;/*#70c5f9; */
    margin-top : -28px;
    min-height : 150px;
    height : 15%;
    text-align : center;
    width: 80%;
    min-width: 1010px;
    margin: auto
}
#footer{
    color : #ffffff;
    background-color : #282828;  
    text-align : right;
    height : 5%;
    width: 80%;
    min-width: 1010px;
    margin: auto;
}
#bodydiv{
    min-height : 100%;
}
/*---------------------------------*/
.backBarWrapper{  
            background-color: #676067;
            width:100%;
            }
.barWrapper{ 
             min-width: 1010px;
             width : 80%;
             height : 100%; 
             display : table;
             margin : auto;
             background-color:#676067;
             }
.bar{ display: table-cell;
      padding: 8px;
      line-height:175%;
      }
#barLeft{ text-align: left  }
#barRight{ text-align:right }
/*---------------------------------*/

.backouter { 
    width : 100%; 
    background-color : #d3ccd3;
}
.outer {   
    min-width: 1010px;
    width : 80%;
    height : 100%; 
    display : table;
    margin : auto;
}
.block{  
        display : table-cell;
        background-color : #d3ccd3;
        padding : 8px;
        line-height : 150% ;
        }
#b1{text-align : left;}
#b2{
    text-align : center;
    border-left : 1px solid white;
    border-right : 1px solid white;
}
#b3{text-align : right;}
/*---------------------------------*/
#wrapper{ 
    min-width: 1010px;
    min-height: 600px;
    width : 80%;
    height : 100%;
    display : table;
    margin : auto;
 }
#first{
    display : table-cell;
    width : 20%;
    min-width: 270px;
    position: relative;
    border : 1px; 
    margin-left: 20px;
    line-height: 100%;
    padding : 10px;
    tex-align: left;
    vertical-align: top;
}
#second{
    display : table-cell;        
    width : 75%;
    min-height : 600px;  
    height: 100%;
}
#iframe{
    border-radius:5px;
    display: block;
    width: 100%;
    height: 100%;
    min-height:600px;
}
#flushRight{float : right;}
/*-------------popup windows--------------------*/
.modalOverlay {
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0px;
                left: 0px;
                background-color: rgba(0,5,0,0.3); /* black semi-transparent */           
}
.popup {
         opacity:1;
         background-color: #ffddff;
         color: black;
         border-radius:5px;
         border: 3px solid gray;
         padding: 20px;
         display: block;
         position: absolute;
         overflow:auto;
         visibility: hidden;
          }

#registration{ 
               margin-left:20%;        
               margin-right:20%;
               top:100px;
               width: 60%;
               height: 300px;
               }
#newExample{  
             margin-left:10%;        
             margin-right:10%;
             top:100px;
             width: 80%;
             height: 80%;
             }
#registrationForm{  
                   margin-left:20%;
                   margin-right:20%;
                   margin-top:5%;
                   line-height:175%;
                   }


#newExampleForm{ 
                 margin-left:10%;
                 margin-right:10%;
                 line-height:175%;
                 height:1000px;
 }


/*----Select  and Input fields -----------------------------*/

.block select{
    background-color: #ffffff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    border:1px solid black;
}
.block input{  
    background-color: #ffffff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px;
    color: #000000;
    text-decoration: none;
    cursor: text;
    border:1px solid black;
}
.popup select{
    background-color: #ffffff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    border:1px solid black;
}
.popup input{  
              background-color: #ffffff;
              moz-border-radius: 2px;
              webkit-border-radius: 2px;
              border-radius:2px;
              color: #000000;
              text-decoration: none;
              cursor: text;
              border:1px solid black;
              font-size:12px;

}
.popup textarea{  
                 background-color: #ffffff;
                 moz-border-radius: 2px;
                 webkit-border-radius: 2px;
                 border-radius:2px;
                 color: #000000;
                 text-decoration: none;
                 cursor: text;
                 border:1px solid black;
                 overflow:auto;
                 width:50em;
                 height:10em;
                 font-family:helvetica;
                 font-size:12px;
                 }
.bar input{  
    background-color: #ffffff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius:2px;
    color: #000000;
    text-decoration: none;
    cursor: text;
    border:1px solid black;
}

/*------------Buttons-------------------*/
#resetButton{
    background-color: #d3ccd3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:0px;
    color: #f00;
    text-decoration: none;
    cursor: pointer;
    border:1px solid black;
}
#resetButton:hover{
    border: 1px solid white;
    background:red;
    color:#eeeeee;
}
#searchButton{
    background-color: #d3ccd3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:2px;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid black;
}
#searchButton:hover{
    border: 1px solid white;
    background: #676067; /*#70c5f9;*/
    color:#fff;
}
#barButton{
                   background-color: #676067;
                   moz-border-radius: 5px;
                   webkit-border-radius: 5px;
                   border-radius:2px;
                   color: #fff;
                   text-decoration: none;
                   cursor: pointer;
                   border: 1px solid white;
}
#barButton:hover{
    border: 1px solid black;
    background: #d3ccd3; /*#70c5f9;*/
    color:#000;
}
#forgotMyPasswordButton{  
                         border:none;
                         background-color: inherit;
                         color: #fff;
                         text-decoration: none;
                         cursor: pointer;                        
                         font-size:10px;
 }
#forgotMyPasswordButton:hover{ 
                               color:#ddf;
                               text-decoration:underline;
                               }
#boxclose{
           float:right;
           margin-top:-10px;
           margin-right:-10px;
           width:20px;
           height:20px;
           font-size: 20px;
           border:none;
           cursor:pointer;
           background: inherit;
           color: #ff0000;
           display: block;    
           line-height:0px;
           text-indent:-2px;
}
#boxclose:hover{
           color:#aa0000;
}
#submitButton{
    background-color: inherit;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:2px;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid black;
}
#submitButton:hover{
    border: 1px solid green;
    background: white ; /*#70c5f9;*/
    color:green;
}

/*---------------------------------*/
       a {text-decoration : none   }
      a.set1:link { color : #000000}
   a.set1:visited { color : #aa77aa/*#993399*/}
     a.set1:hover { color : #FF0000}
    a.set1:active { color : #0000FF}

      a.set2:link { color : #ffffff}
   a.set2:visited { color : #ffffff}
     a.set2:hover { color : #FF0000}
    a.set2:active { color : #0000FF}


#newTextarea{ 


 }