body
{
padding:0px;
margin:0px;
}
.form-container {
   border: 1px solid #f2e3d2;
   background: #c9b7a2;
   background: -webkit-gradient(linear, left top, left bottom, from(#f2e3d2), to(#c9b7a2));
   background: -webkit-linear-gradient(top, #f2e3d2, #c9b7a2);
   background: -moz-linear-gradient(top, #f2e3d2, #c9b7a2);
   background: -ms-linear-gradient(top, #f2e3d2, #c9b7a2);
   background: -o-linear-gradient(top, #f2e3d2, #c9b7a2);
   background-image: -ms-linear-gradient(top, #f2e3d2 0%, #c9b7a2 100%);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   min-width:300px;
   padding:20px;
   width:300px;
   position:fixed;
   left:50%;
   margin-left:-150px;
   margin-top:10%;

   }
 .form-container #logon_img
 {

 margin-left:100px;
 margin-bottom:10px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   padding:0px;
   background: url(img/bg.jpg);
    display:block;
     width:100px;
      height:100px;
      background: url(../img/cqadf.jpg)  transparent;
	 background-position: center;
	 background-size: cover;

 }
.form-field {
   border: 1px solid #c9b7a2;
   background: #e4d5c3;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #c9b7a2;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:20px;
   width:280px;
   }
.form-field:focus {
   background: #fff;
   color: #725129;
   }
.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
   }
.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
   border: 1px solid #447314;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #addc7e 0 1px 0;
   color: #31540c;
   font-family: helvetica, serif;
   padding: 8.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.submit-button:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }





.group_body_l1 {
	margin-left:5px;   
}
.group_body_l2 {
        margin-left:10px;
   }
.grogp_body_l3 {
        margin-left:15px;
   }
.group_body_l4 {
        margin-left:16px;
   }
.group_body_l5 {
        margin-left:20px;

   }


#topBar
{
display:none;

   border: 1px solid #f2e3d2;
   background: #c9b7a2;
   background: -webkit-gradient(linear, left top, left bottom, from(#f2e3d2), to(#c9b7a2));
   background: -webkit-linear-gradient(top, #f2e3d2, #c9b7a2);
   background: -moz-linear-gradient(top, #f2e3d2, #c9b7a2);
   background: -ms-linear-gradient(top, #f2e3d2, #c9b7a2);
   background: -o-linear-gradient(top, #f2e3d2, #c9b7a2);
   background-image: -ms-linear-gradient(top, #f2e3d2 0%, #c9b7a2 100%);
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
}


#topBar .form-field
{
margin-bottom: 5px;
}


.ok {
   border: 1px solid #447314;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #addc7e 0 1px 0;
   color: #31540c;
   font-family: helvetica, serif;
   padding: 8.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   text-align:center;
   max-width::300px;
   display:inline-block;}
.ok:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
.ok:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }



#mbody
{
display:block;
vertical-align:top;
}

#lbody
{
vertical-align:top;
float:left;
display:inline-block;
max-width:20%;
padding:10px;
}

#rbody
{
display:inline-block;
width:79%;
vertical-align:top;
/*color:gray;*/

}




.entryItem {
display:inline-block;
padding:0px;
margin:0px;
border:0px;
background:rgba(0,0,0, 0.5);
border-bottom:1px solid rgb(255, 134, 53);
vertical-align:middle;
}

.entryBlock{

display:inline-block;
min-width:15%;
padding:1%;
margin:0px;
border:0px;
background:rgba(0,0,0, 0.5);
border-bottom:1px solid rgb(255, 134, 53);
vertical-align:middle;

}


.entryItem:hover {

background:rgba(0,0,0, 0.9);
border-bottom:1px solid rgb(255, 190, 86);

}

.entryBlock:hover {

background:rgba(0,0,0, 0.9);
border-bottom:1px solid rgb(255, 190, 86);

}

.entryBlock .eRow
{
display:block;
width:100%;
min-height:5%;
}

.entryBlock .eRow p
{
position:absolute;
padding:0px;
margin:0px;
border:0px;
color:rgb(255, 134, 53);
text-decoration:underline;
}

.entryBlock .eRow p.s
{
position:relative;
text-align:right;
}

.entryBlock .eROTATABLE
{
float:right;
}
.entryItem textarea
{
display:inline-block;
width:12%;
padding:0px;
margin:0px;
border:0px;
background:transparent;
color:gray;
border-right: 1px solid rgb(255, 134, 53);
vertical-align:middle;

}


.entryBlock .eRow textarea
{
width:100%;
padding:0px;
padding-top:20px;
padding-left:10px;
margin:0px;
border:0px;
background:transparent;
color:white;
border-right: 1px solid rgb(255, 134, 53);
vertical-align:middle;

}


.entryItem img
{
display:inline-block;
width:2%;
padding:0px;
margin:0px;
border:0px;
vertical-align:middle;

}

.delIco:hover
{
cursor:pointer;
width:1.8%;
padding:0.1%;
}

.entryItem select
{
display:inline-block;
width:5%;
padding:0px;
margin:0px;
border:0px;

}

.entryItem .eUSER
{
width:5%;

}


.entryItem .del
{
display:inline-block;
width:2%;
padding:0px;
margin:0px;
border:0px;

}


.entryItem .submit
{
display:inline-block;
width:2%;
padding:0px;
margin:0px;
border:0px;
color:white;
cursor:pointer;

}

.entryItem .submit:hover
{
 color:rgb(255, 134, 53);
}

#entryHead.entryItem textarea 
{
color:rgb(255, 134, 53);
text-align:center;
}

#entryHead.entryItem .entryIco 
{
display:inline-block;
width:2%;
padding:0px;
margin:0px;
border:0px;
padding-left:2.5%;

}



#lbody p
{
 cursor:pointer;
}
#lbody p:hover
{
 cursor:pointer;
 color:#6aa436;
}