/* ------------------
 styling for the tables 
   ------------------   */


body {
line-height:1.6em;
margin-top:2em;
text-align:center;
}

#hor-minimalist-a {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
background:#fff;
width:480px;
border-collapse:collapse;
text-align:left;
margin:45px;
}

#hor-minimalist-a td {
color:#669;
padding:9px 8px 0;
}

#hor-minimalist-b {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
background:#fff;
width:700px;
border-collapse:collapse;
text-align:left;
margin:1px;
}

#hor-minimalist-b td {
border-bottom:1px solid #ccc;
color:#669;
padding:6px 8px;
}

#ver-minimalist th {
font-weight:400;
font-size:14px;
border-bottom:2px solid #6678b1;
border-right:30px solid #fff;
border-left:30px solid #fff;
color:#039;
padding:8px 2px;
}

#ver-minimalist td {
border-right:30px solid #fff;
border-left:30px solid #fff;
color:#669;
padding:12px 2px 0;
}

#box-table-a th {
font-size:13px;
font-weight:400;
background:#b9c9fe;
border-top:4px solid #aabcfe;
border-bottom:1px solid #fff;
color:#039;
padding:8px;
}

#box-table-a td {
background:#e8edff;
border-bottom:1px solid #fff;
color:#669;
border-top:1px solid transparent;
padding:8px;
}

#box-table-a tr:hover td {
background:#d0dafd;
color:#339;
}

#box-table-b {
font-family:Times News Roman, Lucida Grande, Sans-Serif;
font-size:1.1em;
width:480px;
text-align:left;
border-collapse:collapse;
border-top:7px solid #CCC;
border-bottom:7px solid #CCC;
margin:0 auto;
}

#box-table-b th {
font-size:1.1em;
font-weight:400;
background:#e8edff;
border-right:1px solid #9baff1;
border-left:1px solid #9baff1;
color:#039;
padding:8px;
}

#box-table-b td {
background:#fff;
border-right:1px solid #aabcfe;
border-left:1px solid #aabcfe;
color:#669;
padding:8px;
}

#hor-zebra th {
font-size:14px;
font-weight:400;
color:#039;
padding:10px 8px;
}

#hor-zebra td {
color:#669;
padding:8px;
}

#ver-zebra th {
font-size:14px;
font-weight:400;
border-right:1px solid #fff;
border-left:1px solid #fff;
color:#039;
padding:12px 15px;
}

#ver-zebra td {
border-right:1px solid #fff;
border-left:1px solid #fff;
color:#669;
padding:8px 15px;
}

.vzebra-odd {
background:#eff2ff;
}

#ver-zebra #vzebra-adventure,#ver-zebra #vzebra-children {
background:#d0dafd;
border-bottom:1px solid #c8d4fd;
}

#ver-zebra #vzebra-comedy,#ver-zebra #vzebra-action {
background:#dce4ff;
border-bottom:1px solid #d6dfff;
}

#one-column-emphasis th {
font-size:14px;
font-weight:400;
color:#039;
padding:12px 15px;
}

#one-column-emphasis td {
color:#669;
border-top:1px solid #e8edff;
padding:10px 15px;
}

.oce-first {
background:#d0dafd;
border-right:10px solid transparent;
border-left:10px solid transparent;
}

#one-column-emphasis tr:hover td {
color:#339;
background:#eff2ff;
}

#newspaper-a {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:450px;
text-align:left;
border-collapse:collapse;
border:1px solid #69c;
margin:0;
}

#newspaper-a th {
font-weight:400;
font-size:12px;
color:#039;
border:1px solid #69c;
background-color:#F0F0F0;
padding:0 1px;
}

#newspaper-a td {
color:#669;
padding:0 3px 0 1px;
}

#newspaper-b {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:480px;
text-align:left;
border-collapse:collapse;
border:1px solid #69c;
margin:45px;
}

#newspaper-b th {
font-weight:400;
font-size:14px;
color:#039;
padding:15px 10px 10px;
}

#newspaper-b td {
color:#669;
border-top:1px dashed #fff;
padding:10px;
}

#newspaper-c {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:480px;
text-align:left;
border-collapse:collapse;
border:1px solid #6cf;
margin:45px;
}

#newspaper-c th {
font-weight:400;
font-size:13px;
color:#039;
text-transform:uppercase;
border-right:1px solid #0865c2;
border-top:1px solid #0865c2;
border-left:1px solid #0865c2;
border-bottom:1px solid #fff;
padding:20px;
}

#newspaper-c td {
color:#669;
border-right:1px dashed #6cf;
padding:10px 20px;
}

#rounded-corner {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:450px;
text-align:left;
border-collapse:collapse;
margin:0;
}

#rounded-corner thead th.rounded-company {
background:#e5e7fb url(../img/bg_corner_topleft.gif) left 0 no-repeat;
border-right-color:#e5e7fb;
}

#rounded-corner thead th.rounded-q4 {
background:#e5e7fb url(../img/bg_corner_topright.gif) right 0 no-repeat;
}

#rounded-corner th {
font-size:1.3em;
color:#039;
background:#e5e7fb;
padding:0;
}

#rounded-corner td {
background:#fff;
color:#669;
border-top:1px solid #ccc;
padding:0;
}

#rounded-corner tfoot td.rounded-foot-left {
background:#e8edff url(../img/bg_corner_topleft1.gif) left bottom no-repeat;
}

#rounded-corner tfoot td.rounded-foot-right {
background:#e8edff url(../img/bg_corner_topright1.gif) right bottom no-repeat;
}

#rounded-corner tbody tr:hover td {
background:#d0dafd;
}

#background-image {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:480px;
text-align:left;
border-collapse:collapse;
background:url(../img/table-images/blurry.jpg) 330px 59px no-repeat;
margin:45px;
}

#background-image th {
font-weight:400;
font-size:14px;
color:#339;
padding:12px;
}

#background-image td {
color:#669;
border-top:1px solid #fff;
padding:9px 12px;
}

#background-image tfoot td {
font-size:11px;
}

#background-image tbody td {
background:url(table-images/back.png);
}

* html #background-image tbody td {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
background:none;
}

#background-image tbody tr:hover td {
color:#339;
background:none;
}

#gradient-style th {
font-size:13px;
font-weight:400;
background:#b9c9fe url(file:///C|/Dowloads/express-css-table-design/source/table-images/gradhead.png) repeat-x;
border-top:2px solid #d3ddff;
border-bottom:1px solid #fff;
color:#039;
padding:8px;
}

#gradient-style td {
border-bottom:1px solid #fff;
color:#669;
border-top:1px solid #fff;
background:#e8edff url(file:///C|/Dowloads/express-css-table-design/source/table-images/gradback.png) repeat-x;
padding:8px;
}

#gradient-style tfoot tr td {
background:#e8edff;
font-size:12px;
color:#99c;
}

#gradient-style tbody tr:hover td {
background:#d0dafd url(file:///C|/Dowloads/express-css-table-design/source/table-images/gradhover.png) repeat-x;
color:#339;
}

#pattern-style-a {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:480px;
text-align:left;
border-collapse:collapse;
background:url(file:///C|/Dowloads/express-css-table-design/source/table-images/pattern.png);
margin:45px;
}

#pattern-style-a thead tr {
background:url(file:///C|/Dowloads/express-css-table-design/source/table-images/pattern-head.png);
}

#pattern-style-a tbody tr:hover td {
color:#339;
background:#fff;
}

#pattern-style-b {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:480px;
text-align:left;
border-collapse:collapse;
background:url(file:///C|/Dowloads/express-css-table-design/source/table-images/patternb.png);
margin:45px;
}

#pattern-style-b thead tr {
background:url(file:///C|/Dowloads/express-css-table-design/source/table-images/patternb-head.png);
}

#pattern-style-b tbody tr:hover td {
color:#339;
background:#cdcdee;
}

#hor-minimalist-a th,#hor-minimalist-b th {
font-size:14px;
font-weight:400;
color:#039;
border-bottom:2px solid #6678b1;
padding:10px 8px;
}

#hor-minimalist-a tbody tr:hover td,#hor-minimalist-b tbody tr:hover td {
color:#009;
}

#ver-minimalist,#box-table-a,#hor-zebra,#ver-zebra,#one-column-emphasis,#gradient-style {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:480px;
text-align:left;
border-collapse:collapse;
margin:45px;
}

#hor-zebra .odd,.vzebra-even,#newspaper-b tbody {
background:#e8edff;
}

#newspaper-a tbody tr:hover td,#newspaper-b tbody tr:hover td {
color:#339;
background:#d0dafd;
}

#pattern-style-a th,#pattern-style-b th {
font-size:13px;
font-weight:400;
border-bottom:1px solid #fff;
color:#039;
padding:8px;
}

#pattern-style-a td,#pattern-style-b td {
border-bottom:1px solid #fff;
color:#669;
border-top:1px solid transparent;
padding:8px;
}