@import url("http://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
body
{
    padding: 0;
  margin: 0;
    background-image:url("image/group.png");
      background-attachment:fixed;

}

#wrapp_klcv
{ 



       outline-width: 0;
    outline: none;
      margin: 0;
  width: 100%;

     height:auto;

	
	}

#wrapp_klcv #banner
{

     width:100%;
     height:50px;
    opacity:0.9;
     vertical-align:middle;
    
      margin-bottom:3px;
       margin:0px;
        padding:0px;
   

}

    #wrapp_klcv #banner #trai {

         width:18%;
         height:100%;
         float:left;
         background-color:#f3245d;  

         background-position:right center;
         background-repeat:no-repeat;
          background-size: 50px;
    }
        #wrapp_klcv #banner #giua {

         width:4%;
         height:100%;
         float:left;
           background-image:url("image/midhead.png");  
    }



            #wrapp_klcv #banner #phai{

         width:78%;
         height:100%;
         float:right;
           background-color:#3AC0F2;  
            background-image:url("image/rightbanner.png"); 
            background-position:right center;
            background-repeat:no-repeat; 
           text-align:left;

    }
               #wrapp_klcv #banner #phai .itemuser {
                
                   float:right;
                    width:auto;
                    height:100%;
                
                    padding:0px;
                    background-color:#3AC0F2;
                    border-radius:5px;
                    border:1px solid white;
                     height:30px;
                     margin-top:5px;
                     margin-right:10px;
                    
                
                }
                #wrapp_klcv #banner #phai .item {
                
                   float:left;
                    width:auto;
                    height:100%;
                    margin-top:0px;
                    padding:0px;
             
                
                }
                 #wrapp_klcv #banner #phai .itemr {
                
                   float:right;
                    width:auto;
                    height:100%;
                    margin-right:10px;
                
                }
                  h4{
                
                        float:left;   
                      padding:0px;
                       font-family:Verdana, Arial;
                   color:white;
                   font-size:10px;
                   margin-right:3px;
                  
                    
                             
                   
                
                }
                   #wrapp_klcv #banner #phai .itemr img {
                    
               
                         margin-top:2px;
                     
                       
                       
                    
                    }
                    #wrapp_klcv #banner #phai .itemuser img {
                    
                      float:left;
                        
                      
                     
                       
                    
                    }

                #wrapp_klcv #banner #phai h1 {

                      font-family:Verdana,Arial;
                   
      font-size:18px;
      color:white;
      font-weight:bold;
      margin-left:15px;
      text-transform:uppercase;


                }



#wrapp_klcv #foot
{

     width:100%;
     height:50px;

    opacity:0.9;
    margin-top:2px;    
     vertical-align:middle;
     

  	

}
    #wrapp_klcv #foot #fleft {

         width:20%;
         height:100%;
         float:left;
         background-color:#3ac0f2;  
         background-position:right center;
         background-repeat:no-repeat;
          background-size: 50px;

    }

    #wrapp_klcv #foot #fmid {
    
            width:4%;
         height:100%;
         float:left;
           background-image:url("image/midfoot.png");  
    
    }

            #wrapp_klcv #foot #fright{

         width:76%;
         height:100%;
         float:right;
       
           text-align:left;
            background-image:url("image/rightfoot.png");  
          
    }

         #wrapp_klcv #foot #fright h1 {

             padding-top:15px; 
             font-family:Verdana,Arial;
                 font-size:13px;
      color:white;
      font-weight:bold;
      margin-left:10px;
     


                }






#wrapp_klcv h2
{   padding:5px;
    color:blue;
    font-family:Verdana,Arial;
    font-size:13px;
    margin-top:7px;
  
	
	}

 #wrapp_klcv row
 {
 	 width:100%;
 	 height:30px;
 	 padding:7px;
 	
 	}
 	
 	 #wrapp_klcv row item
 	 {
 	 	 height:100%;
 	 	 margin-left:10px; 
 	 	 float:left;
 	 	
 	 	}
 #wrapp_klcv #menuNew
{
	
	 width:100%;
	 min-height:330px;
	
	 
}
 /*#wrapp_klcv #menuNew #left
{
	 width:19%;
	 height:auto;
	 float:left;
	 margin-top:5px;
     
      
	}


#wrapp_klcv #menuNew #left .container {
  position: relative;
  z-index: 1;
  background:#3AC0F2;   
  max-width: 330px;
   margin: 0 auto;
}
#wrapp_klcv #menuNew #left nav {
  background:#fff;
  width: 100%;

  
}
#wrapp_klcv #menuNew #left nav header {
  background:#900628; 
  padding: 10px;
  border-top-left-radius:20px;
}
#wrapp_klcv #menuNew #left nav header h1 {
  font-size: 16px;
  margin: 0;
  color: #fff;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
#wrapp_klcv #menuNew #left nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: none;
}
#wrapp_klcv #menuNew #left nav ul li {
  display: block;
  background:#5eb2d1; 


}
#wrapp_klcv #menuNew #left nav ul li.active {
  background:#f0f0f0;

}
#wrapp_klcv #menuNew #left nav ul li.active a {
  color: #1abc9c;
  border-left: 2px solid #1abc9c;
}
#wrapp_klcv #menuNew #left nav ul li.active ul {
  display: block;
}
#wrapp_klcv #menuNew #left nav ul li:last-child {
  border-bottom: none;
}
#wrapp_klcv #menuNew #left nav ul li ul {
  display: none;
}
#wrapp_klcv #menuNew #left nav ul li ul li a {
  background:#f6f6f6;
  padding-left: 40px;
  color: #1abc9c;

}
#wrapp_klcv #menuNew #left nav ul li ul li a:hover {
  padding-left: 35px;
}
#wrapp_klcv #menuNew #left nav ul li a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  text-decoration: none;
  transition: 0.2s linear;
  border-left: 2px solid transparent;
  border-top:1px solid #d1d1d1;
  
}
#wrapp_klcv #menuNew #left nav ul li a:hover {
  background: #ffffff;
  padding-left: 20px;
  border-left: 2px solid #1abc9c;
  color: #1abc9c;
}
#wrapp_klcv #menuNew #left nav .info {
  background: #f0f0f0;
  
  border-left: 2px solid #1abc9c;
  padding: 20px;
  color: #666;
  font-size: 14px;
}
#wrapp_klcv #menuNew #left nav footer {
  background: #900628;
  padding: 15px 20px;
  color: #fff;
   border-bottom-right-radius:20px;
}
#wrapp_klcv #menuNew #left nav footer p {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}*/


	#content
{
	  width:99%;
      
	 height:100%;
	  
     /* background-image:url("image/teamwwork.png");*/
    background-position:right bottom;
     background-repeat: no-repeat;
  
	font-family: Verdana;
    margin:0 auto;
   
}
	


 #content table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
 #content table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
 #content table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}


    #help{

    display:none;
    
   
 
}

    
    .itemhide{

    display:none;
    
   
 
}

 #content table {
	font-family:Arial, Helvetica, sans-serif;
	color:#0000FF;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:white;
    opacity:0.7;
	margin:5px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
    text-align: center;
}
 #content table th {
	padding:5px 1px 5px 1px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
    color:#0a177e;
    text-align:center;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
 #content table th:first-child {
	text-align: left;
	padding-left:5px;
}
 #content table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
 #content table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
#content table tr {
	text-align: justify;
	padding-left:3px;
}
 #content table td:first-child {
	text-align: left;
	padding-left:3px;
	border-left: 0;
}
    #content table td {
        bor
 #content table td:first-child {
	text-align: right;
	padding-left:3px;
	border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0;
}
    d #e0e0e0;
        color: blue;
        font-size: 12px;
        font-family: Verdana,Arial;
    
  /* background: #d8eff7;
	background: -webkit-gradient(linear, left top, left bottom, from(#d8eff7), to(#fafafa));
	background: -moz-linear-gradient(top,  #d8eff7,  #fafafa); */ 
}



 /*#content table tr:nth-child(even) td {
	
         background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6); 
     

}*/
 #content table tr:last-child td {
	border-bottom:0;
}
 #content table tr:last-child td input:not([type]), input[type="text"],select{
	 float:left !important;
     /*margin-right:15px !important;*/
    
}

 #content table tr:last-child td input[type=image]{
	
    float:right;

    
}
     
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
	#right table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
#content table tr:hover td {
	
    background: #fff;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#36f7d4));*/
    background-color:#ecf2c8
    
    /*background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#36f7d4), to(#36f7d4));
	background: -moz-linear-gradient(top,  #36f7d4,  #36f7d4);*/	
}
 #content .Pager
  {
      color:blue;
      font-family:Verdana,Arial;
      font-size:10px;

  }
    
    	#right .Pager span
    {
        text-align: center;
        color: #999;
        display: inline-block;
        width: 20px;
        background-color: #A1DCF2;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #3AC0F2;
    }
 #content .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 23px;
        background-color: #3AC0F2;
        color: #fff;
        border: 1px solid #3AC0F2;
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
    }
      .clear
      { clear:both;

      }

      .odd
      {
          background-color:#fafafa;

      }

     input[type=text] {
    background-color:white;
    background-repeat: no-repeat;
     border: 1px solid #3AC0F2;
     border-radius: 4px;
     height:25px;
     text-align:center;
     color:blue;

}
input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
        color: #a9a2a2;
    }
    input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #a9a2a2;
    }
    input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #a9a2a2;
    }
    input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
        color:    #a9a2a2;
    }
    
     select {
    background-color: white;
 
    background-repeat: no-repeat;
     border: 1px solid #d1d1d1;
     border-radius: 4px;
     height:28px;
     text-align:center;
    


}


     input[type=search] {
    width: 100px;
    box-sizing: border-box;
    border: 2px solid white;
    border-radius: 4px;
    font-size: 12px;
    background-color: #780808;
    background-image: url('image/search-24.png');
    background-position: 0px 0px; 
    background-repeat: no-repeat;
    padding: 5px 3px 5px 30px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    color:white;
}

      input[type=search]::-webkit-input-placeholder { /* WebKit browsers */
        color:    white;
    }
    input[type=search]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:   white;
    }
    input[type=search]::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    white;
    }
    input[type=search]:-ms-input-placeholder { /* Internet Explorer 10+ */
        color:    white;
    }