/*CSS reset from other folder*/

/*container define to control the size*/
.tbl-one{/*define table one*/}

.tbl-two {
    width:100%;
    margin-top:30px;}
    
/*Table style if there are many different tables add the class in the font of the follow such as '.tbl-two table{}'*/
table{
	border: none;
	padding: 0;
    width:100%;
    font-family:'Arial';
    font-size:14px;
    border-spacing: 0px;
    border-collapse:collapse;
    background-color:#fff;}
    
caption{
    text-align:center;
    color:#fff;
    font-weight:bold;
    padding: 10px;
    background:#848484 url("../images/table_gradient2.jpg") repeat-x bottom left;}
	
.caption2-first { text-align:center;
    color:#fff;
    font-weight:bold;
    padding: 10px;
    background:#848484 url("../images/table_gradient2.jpg") repeat-x bottom left;
	border-right: 1px solid #d1cdc4;
	}
 
 .caption2-second { text-align:center;
    color:#fff;
    font-weight:bold;
    padding: 10px;
    background:#848484 url("../images/table_gradient2.jpg") repeat-x bottom left;}
  
.titlehead2 {border-right: 1px solid #d1cdc4;}
  
thead{
	 background:#ebebeb url("../images/table_gradient1.jpg") repeat-x bottom left;}

	
td,th {
	padding: 10px 12px;
	text-align: left;
    font-weight:normal;}
	 
thead th, thead td{
    font-weight:bold;}
    
tbody td, tbody th {
	border-bottom: 1px solid #d1cdc4;}
	
tbody td{
    border-left: 1px solid #d1cdc4;}
    
.tbl-two h3 {
    font-family:'Arial Bold';
    font-size:18px;}