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

body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	background:url(../images/background.png) repeat-x #f4f4f4;
}

.header{
	width:1150px;
	height:60px;
	clear:both;
	margin:0 auto;
	padding-top:10px;
}
	
.content{
	width:1150px;
	height:1500px;
	margin:0 auto;
}

.right{
	width:1150px;
	clear:both;
	height:40px;
}
.left{
	width:1150px;
	/*clear:both;*/
	margin-top:10px;

}

#grid{
	width:846px;
	height:200px;
	border:1px solid #688caf;
}
#grid_invoice{
	width:944px;
	height:200px;
	border:1px solid #688caf;
	overflow:hidden;
}

#grid_header{
	width:100%;
	height:20px;
	clear:both;
	border-bottom:1px solid #9eb6ce; 
	background:url(../images/grid_header.png) repeat-x;

}


.gridFieldCombo{
	font-size:9px;
}

#grid_content{
	width:100%;
	height:180px;
	overflow-y:scroll;
	overflow-x: hidden;
}


.gridHeadCol{
	float:left;
	height:19px;
	width:43px;
	color:#27609d;
	padding-top:3px;
	text-align:center;
	border-right:1px solid #9eb6ce;
	background:url(../images/grid_header.png) repeat-x;
}

.gridHeadColDesc{
	float:left;
	height:19px;
	width:120px;
	color:#27609d;
	padding-top:3px;
	text-align:center;
	border-right:1px solid #9eb6ce;
	background:url(../images/grid_header.png) repeat-x;
}

.gridHeadColSelected{
	float:left;
	height:19px;
	width:40px;
	color:#000;
	padding-top:3px;
	text-align:center;
	border-right:1px solid #f29536;
	background:url(../images/grid_header_sel.png) repeat-x;
}

.gridRowHandle{
	float:left;
	height:18px;
	width:20px;
	color:#27609d;
	text-align:center;
	border-right:1px solid #9eb6ce;
	border-bottom:1px solid #9eb6ce;
	background:url(../images/grid_header.png) repeat-x;
	padding-top:3px;
}

.gridRowHandle1{
	float:left;
	height:21px;
	width:20px;
	color:#27609d;
	text-align:center;
	border-right:1px solid #9eb6ce;
	border-bottom:1px solid #9eb6ce;
	background:url(../images/grid_header.png) repeat-x;
}


.gridRowHandleSelected{
	float:left;
	height:18px;
	width:20px;
	color:#000;
	text-align:center;
	border-right:1px solid #f29536;
	border-bottom:1px solid #f29536;
	background:url(../images/grid_header_sel.png) repeat-x;
	padding-top:3px;
}

.gridRow{
	width:850px;
	height:22px;
	clear:both;
	
}

.gridRowi{
	width:950px;
	height:22px;
	clear:both;
	
}

.gridColDesc{
	float:left;
	height:18px;
	width:120px;
	color:#27609d;
	padding-top:3px;
	text-align:center;
	border-right:1px solid #9eb6ce;
	border-bottom:1px solid #9eb6ce;
}
.gridColDesc input{
	border: none;
	font-size:10px;
	padding:0;
	margin:1;
	text-align:left;
	width:120px;
	background-color:inherit;
	color:#000000;
}


.gridCol{
	float:left;
	height:18px;
	width:43px;
	color:#27609d;
	padding-top:3px;
	text-align:center;
	border-right:1px solid #9eb6ce;
	border-bottom:1px solid #9eb6ce;
}

.gridCol input{
	border: none;
	font-size:10px;
	padding:0;
	margin:1;
	text-align:right;
	width:42px;
	background-color:inherit;
	color:#000000;
}


/* Accordian Styles  */


#accordion  {
  margin: 20px 0 0;
  width: 150px;
}
  #accordion H2 {
    background: #6B7B95;
    color: white;
    cursor: pointer;
    font: 12px Helvetica, Arial, sans-serif;
    line-height: 16px;
    margin: 0 0 4px 0;
    padding: 3px 5px 1px;
  }
  #accordion .item {
    background-color: #F4F5F5;
  }
  #accordion .item a div {
    margin:0;
    padding: 8px;
	width: 150px;
	height:10px;
	clear:both;
	background-color: #F4F5F5;
	color:#333;
  }
  
  #accordion .item a:hover div {
    margin:0;
    padding: 8px;
	color:#333;
	width: 150px;
	height:10px;
	clear:both;
	background-color:#CCC;
  }
  
  /* index page */
  
.box_header,.box_item{
	padding:15px;
	background:#FFF
}



/*  grid_head_tbl  */ 

.grid_head_tbl tr td{
	padding-right:20px;
	font-size:12px;
	font-weight:600;
	padding-top:10px;
}
#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 0.4px solid #ccc;
  padding: 6px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  background-color: #444444;
  color: white;
}

table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #FDFDFD;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #E7E6E6;
  padding: 3px 2px;
}
table.blueTable tbody td {
  font-size: 12px;
  color: #333333;
}
table.blueTable tr:nth-child(even) {
  background: #E8F2F4;
}
table.blueTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
  text-align: center;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

table.blueTable tr:hover {background-color:#cccccc;}

table.blueTable tr:hover:nth-child(even) {
  background: #cccccc;
   
}