body
{
    background-color:#869BED;
}

.hh2 {
       border-spacing: ;
       border-style: solid;
       border-collapse: collapse;
       background-color: white;
       color: white;
       background-color:#B01919;
       	font-family:'Times New Roman',Times,serif; 
       font-size :20px;
 }

.hh3 {
       border-spacing: ;
       border-style: solid;
       border-collapse: collapse;
       border-color: green;
       	font-family:'Times New Roman',Times,serif;
       font-size :16px;
 }
thead {background-color: #2c6dc1; font-size :14px;color:white;font-weight: bold;}

.selected {background-color: yellow;}

input.rounded {
   border: 1px solid #ccc;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -moz-box-shadow: 2px 2px 3px #666;
   -webkit-box-shadow: 2px 2px 3px #666;
   box-shadow: 2px 2px 3px #666;
   font-size: 14px;
   padding: 1px 10px;
   outline: 0;
   -webkit-appearance: none;
}

select.rounded {
   border: 1px solid #ccc;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -moz-box-shadow: 2px 2px 3px #666;
   -webkit-box-shadow: 2px 2px 3px #666;
   box-shadow: 2px 2px 3px #666;
   font-size: 14px;
   padding: 1px 10px;
   outline: 0;
   -webkit-appearance: none;
}

input:focus
 {
	color: #39c;
	background-color:#F1FCBB;
 }

select:focus
 {
	color: #001F7A;
	background-color:#CCD6F5;
 }

.button {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	outline: 0;
	border: 0px none;
	font-size: 14px;
	cursor: pointer;
	background-color: #39c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
}

.buttonyellow {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #39c;
	outline: 0;
	border: 0px none;
	font-size: 14px;
	cursor: pointer;
	background-color: yellow;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
}

.button2 {
	display: inline-block;
	line-height: 1;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	outline: 0;
	border: 0px none;
	font-size: 14px;
	cursor: pointer;
	background-color: #39c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
}

.button2yellow {
	display: inline-block;
	line-height: 1;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #39c;
	outline: 0;
	border: 0px none;
	font-size: 14px;
	cursor: pointer;
	background-color: yellow;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.title2 {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	outline: 0;
	border: 0px none;
	font-size: 14px;
	cursor: pointer;
	background-color: blue;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}


.btnback {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	outline: 0;
	border: 0px none;
	font-size: 14px;
	cursor: pointer;
	background-color: red;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.table { 
	 border-radius: 1px; 
	 border-style: solid; 
	 border-color: #58ACFA;  
	 background:none;
	 background-color:#E0F2F7;
 }
 
input.disabled {
   border: 1px solid #ccc;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -moz-box-shadow: 2px 2px 3px #666;
   -webkit-box-shadow: 2px 2px 3px #666;
   box-shadow: 2px 2px 3px #666;
   font-size: 14px;
   padding: 1px 10px;
   outline: 0;
   background-color: #CCEBCD;
}


.tt2
 {
color: #39c;
background-color:yellow;
 }


     .over { background-color:#A9D0F5; cursor:pointer;} 
     .out { background-color:#64bd3d;} 
     .on { background-color:blue;} 
     
    .even
    {
        color: black;
        background-color:white;
        cursor: pointer;
    }
    .odd
    {
    	  color:black;
        background-color:#D8E1F5;
        cursor: pointer;
    } 
    

.btnsearch {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	outline: 0;
	cursor: pointer;
	border: 0px none;
	background-color: orange;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-family:'Times New Roman',Times,serif;
  font-size:14px;
}
    
.btnsave {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	outline: 0;
	cursor: pointer;
	border: 0px none;
	background-color: green;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-family:'Times New Roman',Times,serif;
  font-size:16px;
}
.btnadd {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	cursor: pointer;
	outline: 0;
	border: 0px none;
	background-color: green;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	width:80px;
	font-family:'Times New Roman',Times,serif;
  font-size:16px;
}

.btnupdate {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	cursor: pointer;
	outline: 0;
	width:80px;	
	border: 0px none;
	background-color: #80FF00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-family:'Times New Roman',Times,serif;
  font-size:16px;
}

.message {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	outline: 0;
	border: 0px none;
	background-color: red;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-family:'Times New Roman',Times,serif;
  font-size:16px;
}

.btndelete {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	cursor: pointer;
	outline: 0;
	width:80px;
	border: 0px none;
	background-color: red;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-family:'Times New Roman',Times,serif;
  font-size:16px;
}

.btnselect {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	cursor: pointer;
	outline: 0;
	border: 0px none;
	background-color: #FF00CC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-family:'Times New Roman',Times,serif;
  font-size:24px;
}

.btnlogout {
	display: inline-block;
	line-height: 1;
	padding: 1px 10px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	cursor: pointer;
	outline: 0;
	border: 0px none;
	background-color: red;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-family:'Times New Roman',Times,serif;
  font-size:18px;
}

.aover
{
	text-decoration:none;
	background-color: yellow;
	font-color: yellow;
}

.aout
{
	font-color:black;
	text-decoration:none;
	background-color: none;
}

.toright
{
	text-align: right;
}

.mytable 
{
   background-color:white;margin:auto;
	 border-top-left-radius: 5px;
	 border-top-right-radius: 5px;
	 border-bottom-left-radius: 5px;
	 border-bottom-right-radius: 5px;
	 background-color:#E0F2F7;
	 width:1200px;margin-top:5px; 
}

.label
{
 color: #0040FF;
 font-family:'Cambria',Times,serif;
 font-size:16px;
 text-align:right; 
}

.label1
{
 color: #0040FF;
 font-family:'Cambria',Times,serif;
 font-size:16px;
 text-align:left; 
}
.label2
{
 color: #39c;
 font-weight: bold;
 font-family:'Cambria',Times,serif;
 font-size:16px;
 text-align:center; 
}

.noinput
{
 color: #0040FF;
 border:none;
 background-color:#E0F2F7;
 font-family:'Cambria',Times,serif;
 font-size:16px; 
}

.sonbr
{
 color: #39c;
 font-weight: bold;
 background-color:#E0F2F7;
 font-family:'Cambria',Times,serif;
 font-size:26px; 
}

.title
{
 color: #39c;
 font-weight: bold;
 font-family:'Cambria',Times,serif;
 font-size:16px;
}

.menu1 {
	display: inline-block;
	line-height: 1;
	padding: 1px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	outline: 0;
	border: 0px none;
	font-size: 12px;
	background-color: Orange;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.topmenu {
	display: inline-block;
	line-height: 1;
	padding: 1px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
  height:25px;	
	background-color: orange;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.topmenu2 {
	display: inline-block;
	line-height: 1;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
  width:130px;
  height:25px;	
	background-color: #39c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.topmenu2yellow {
	display: inline-block;
	line-height: 1;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #39c;
	font-size: 12px;
	cursor: pointer;
  width:130px;
  height:25px;	
	background-color: yellow;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}


.topmenu2:hover {
	display: inline-block;
	line-height: 1;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
  width:130px;	
  height:25px;
	background-color: orange;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}


.topmenu3 {
	display: inline-block;
	line-height: 1;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
  width:120px;
  height:18px;	
	background-color: #39c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.topmenu3:hover {
	display: inline-block;
	line-height: 1;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
  width:120px;	
  height:18px;
	background-color: orange;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}


.mainmenu {
	display: inline-block;
	line-height: 1;
	padding: 12px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	outline: 0;
	text-align: left;
	border: 0px none;
	font-size: 24px;
	cursor: pointer;
  width:200px;
  height:18px;	
	background-color: #39c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}


.mainmenu:hover {
	display: inline-block;
	line-height: 1;
	padding: 12px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	outline: 0;
	border: 0px none;
	font-size: 24px;
	cursor: pointer;
  width:200px;	
  height:18px;
	background-color: orange;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}


.mybackground 
{ 
   background:none;	
   background-color:#CEECF5;
	 border-top-left-radius: 10px;
	 border-top-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	 border-bottom-right-radius: 10px;
	 margin-top:10px; 
}


div.ui-datepicker{
 font-size:12px;
}

	    th {
      padding: 0 5px;
      text-align: left; /* IE */
    }
    .header-background {
      border-bottom: 1px solid #39c;
    }
    
    /* above this is decorative, not part of the test */
    
    .fixed-table-container {
      width: 98%;
      border: 1px solid #39c;
      margin: 2px auto;
      background-color:#E0F2F7;
      /* above is decorative or flexible */
      position: relative; /* could be absolute or relative */
      padding-top: 30px; /* height of header */
    }

    .fixed-table-container-inner {
      overflow-x: hidden;
      overflow-y: auto;
      height: 100%;
    }

    .header-background {
      background-color: #2c6dc1;
      font-size :14px;
      color:white;
      font-weight: bold;
      height: 30px; /* height of header */
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
    }
    
    table {
      background-color: white;
      overflow-x: hidden;
      overflow-y: auto;
    }

    .th-inner {
      position: absolute;
      top: 0;
      line-height: 15px; /* height of header */
      text-align: left;
      border-left: 1px solid #39c;;
      padding-left: 3px;
      margin-left: -5px;
      vertical-align: bottom;
    }
    
    .fixed-table-containerbig {
      width: 98%;
      border: 1px solid #39c;
      margin: 2px auto;
      background-color: white;
      /* above is decorative or flexible */
      position: relative; /* could be absolute or relative */
      padding-top: 30px; /* height of header */
    }
    
    th-innerbig {
      position: absolute;
      top: 0;
      line-height: 30px; /* height of header */
      text-align: left;
      border-left: 1px solid #39c;;
      padding-left: 3px;
      margin-left: -5px;
    }
    
    .header-backgroundbig {
      background-color: #2c6dc1;
      font-size :14px;
      color:white;
      font-weight: bold;
      height: 100px; /* height of header */
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
    }
    
.borderedtable
{
	border: 1px solid #ddd;
	border-collapse: collapse;
}

.borderedtable td
{
	border: 1px solid #999;
	border-collapse: collapse;
}
.borderedtable thead tr
{

}
.borderedtable tbody tr:nth-child(even) 
{
	color: black;
  background-color:#D8E1F5;
  cursor: pointer;
}
.borderedtable tbody tr:nth-child(odd) 
{
	color:black;
  background-color:white;
  cursor: pointer;
}
.sorting, .sorting_asc, .sorting_desc {
	cursor:pointer;
}
#test_filter{
	float:right;
}
#table_filter{
	float:right;
}