table.tab { background: #fff; border-collapse: collapse; width: 100% }
.tab td { padding: 2px 5px }
.tab th { height: 24px }
.tab .left_border { font-size: 0; padding: 0; width: 5px; }
.tab .right_border { font-size: 0; padding: 0; width: 5px; }
.tab thead .left_border { background: url(../images/bg_table_head_l.png) no-repeat }
.tab thead .right_border { background: url(../images/bg_table_head_r.png) no-repeat }
.tab thead th { background: url(../images/bg_table_head.png) repeat-x }
.tab tbody .left_border { background: #fff url(../images/bg_table_vert.png) repeat-y }
.tab tbody .right_border { background: #fff url(../images/bg_table_vert.png) repeat-y }
.tab tfoot .left_border { background: #fff url(../images/bg_table_hor_l.png) no-repeat }
.tab tfoot .bottom_border { background: #fff url(../images/bg_table_hor.png) repeat-x; height: 4px }
.tab tfoot .right_border { background: #fff url(../images/bg_table_hor_r.png) no-repeat }
.tab .dark { background: #f8f8f8 }
.tab a img { border: none }
.tab .vm { vertical-align: middle }
.tab .vt { vertical-align: top }

.box1 { background: #f7f7f7 url(../images/bg_box1.png) repeat-x; display: inline; float: left; min-height: 20px; margin: 5px auto; position: relative }
.box1 .top, .box1 .bottom { display: block; font-size: 0; height: 8px; width: 100% }
.box1 .top b, .box1 .top i, .box1 .bottom b, .box1 .bottom i {
	background: #fff url(../images/bg_box1_corners.png) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
	z-index: 2 }
.box1 .top b { float: left }
.box1 .top i { background-position: -8px 0; float: right }
.box1 .bottom { background: #fff url(../images/bg_box1_horiz.png) repeat-x; clear: both }
.box1 .bottom b { background-position: 0 -8px; float: left }
.box1 .bottom i { background-position: -8px -8px; float: right }
.box1 div.c1 { background: transparent url(../images/bg_box1_vert_l.png) repeat-y left; padding-left: 13px }
.box1 div.c2 { background: transparent url(../images/bg_box1_vert_r.png) repeat-y right; height: 100%; padding: 5px 13px 5px 0  }

.box2 { background: #d8d8d8 url(../images/bg_box2.png) repeat-x; display: inline; float: left; min-height: 20px; margin: 5px auto; position: relative }
.box2 .top, .box2 .bottom { display: block; font-size: 0; height: 8px; width: 100% }
.box2 .top b, .box2 .top i, .box2 .bottom b, .box2 .bottom i {
	background: #fff url(../images/bg_box2_corners.gif) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
	z-index: 2 }
.box2 .top b { float: left }
.box2 .top i { background-position: -8px 0; float: right }
.box2 .bottom { background: #fff url(../images/bg_box2_horiz.png) repeat-x; clear: both }
.box2 .bottom b { background-position: 0 -8px; float: left }
.box2 .bottom i { background-position: -8px -8px; float: right }
.box2 div.c1 { background: transparent url(../images/bg_box2_vert_l.png) repeat-y left; padding-left: 13px }
.box2 div.c2 { background: transparent url(../images/bg_box2_vert_r.png) repeat-y right; height: 100%; padding: 5px 13px 5px 0  }

.box3 { background: #f7f7f7 url(../images/bg_box3.png) repeat-x; display: inline; float: left; min-height: 20px; margin: 5px auto; position: relative }
.box3 .top, .box3 .bottom { display: block; font-size: 0; height: 8px; width: 100% }
.box3 .top b, .box3 .top i, .box3 .bottom b, .box3 .bottom i {
	background: transparent url(../images/bg_box3_corners.gif) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
	z-index: 2 }
.box3 .top b { float: left }
.box3 .top i { background-position: -8px 0; float: right }
.box3 .bottom { background: transparent url(../images/bg_box3_horiz.gif) repeat-x; clear: both }
.box3 .bottom b { background-position: 0 -8px; float: left }
.box3 .bottom i { background-position: -8px -8px; float: right }
.box3 div.c1 { background: transparent url(../images/bg_box3_vert_l.png) repeat-y left; padding-left: 13px }
.box3 div.c2 { background: transparent url(../images/bg_box3_vert_r.png) repeat-y right; height: 100%; padding: 5px 13px 5px 0  }