body{
    margin: 10;
    padding: 0;
    border: 0;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    font-family: sans-serif;
    font-size: 1em;
    }

    * html body { /*IE6 hack*/
    padding: 130px 0 110px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
    }

    a{color: #337ab7;text-decoration: none}
    a:active, a:hover{outline:0}
    a:focus, a:hover{color: #23527c;text-decoration: underline}
    a:focus{outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset:-2px;}

    .container{min-width:320px}

    .table{height:100%;}
    .table td{padding:10px 30px 0 10px;height:100%}
    .table-items td{padding:10px 8px;white-space:nowrap;}
    .table-items tr:hover td{background:#f7f7f7}
    .table-items tr.active td{background:#eee;}

    .clearfix:after{clear:both;display:table;content:''}

    .tabs{list-style: none;padding-left: 0;margin-bottom:10px;}
    .tabs>li{float: left;width:33%;margin-top:5px;margin-bottom: -2px;position: relative;display: block;border-bottom: 1px solid #ddd}
    .tabs>li>a{position: relative;display: block;padding: 5px 8px;margin-right:0;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;overflow:hidden;text-overflow:ellipsis;}
    .tabs>li>a:focus,.tabs>li>a:hover{text-decoration: none;background-color: #eee;}
    .tabs>li.active{border-bottom-color: transparent}
    .tabs>li.active>a{color: #555;cursor: default;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent}

    td.border { border:1px solid black;}

	tr.datalist:nth-child(even) {
		background: #CCC;
	}

	tr.datalist:nth-child(odd) {
		background: #FFF;
	}

tr.datalist td {
	valign: top;
}

table.datalist {
	border: 0;
}

/*
	table.datalist tr {
		border:1px solid black;
	}
*/
tr.datalist td {
    font-size: 14px;
/*	border:1px solid black;*/
}

    @media screen and (min-width:1000px) {
        .tabs>li>a{padding: 10px 15px;}
        .tabs>li{width:auto;}
      }