/*========================================================== Generic Page Styles Copyright 2009 - Hutchinson's Corner Ver. Author Changes ------------------------------------------------------------------------------------------------- 2.0 Laura created ------------------------------------------------------------------------------------------------- */ /*---------------------------------------------------- RESET ------------------------------------------------------*/ html, body, p, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, table, label, legend, checkbox, caption, tbody, tfoot, thead, tr, th, td, cite {margin: 0; padding: 0; border: 0;} /*---------------------------------------------------- TYPOGRAPHY ------------------------------------------------------*/ html, body{margin:0; padding:0; height:100%;} body{font:76%/150% "Arial", Verdana, Tahoma, Helvetica, sans-serif; color:#444;} p {font-size: 1em; } h1,h2,h3,h4,h5,h6{font-family:'Helvetica',Arial,sans-serif;letter-spacing:-1px;line-height:1.35;color:#6a6a6a;} h2 {clear:both; margin:0 0 .2em 0; font-size: 2.1em; letter-spacing:-1px; font-weight:400; line-height: normal; color:#999; float:left} h2.dark {color:#444} h3 {clear:both;margin:0 0 10px; font-size:2em; letter-spacing:-1px; font-weight:400; line-height:normal; padding:0; float:left; color:#999} h3.dark {color:#444} h3.blue {color:#67A9D6} h3.orange {color:#FFD324} h3.green {color:#AEBE71} h4 { font-size: 1.5em; padding:0 0 1em 12px} h5 { font-size: 1.5em; padding:0 0 .3em 0} h6 { font-size: 1.3em; padding:0; color:#999;} a:link, a:visited {color:#666666; font-weight:bold; text-decoration:none; /*border-bottom: 2px solid transparent*/} a:hover {color:#67A9D6; border-bottom:2px solid #67A9D6} a img, img a:hover {border:none; text-decoration:none} /*---------------------------------------------------- CONTAINERS & STRUCTURE ------------------------------------------------------*/ .clearfix:after {display:block; content:"."; height:0; visibility:hidden; clear:both; } * html .clearfix {height:1%; } .clear {clear:both} .spacer {clear:both; height:2em} #absolute {position:absolute; z-index:1; top:0px; left:0px; width:100%; border-top:5px solid #7A7A7A} #container {position:relative; width:960px; margin:0 auto;} #content-wrapper {clear:both; position:relative; top:-20px; left:0; background:url('/assets/img/contentwrapper-bg.png') repeat-y top left; float:left; height:100%; width:100%; margin:20px 0; z-index:20;} #content-wrapper .top, #content-wrapper .bottom {display:block; background-image:url('/assets/img/page-elements.png'); width:960px; height:20px;} #content-wrapper .top {background-position:0 -615px; margin:-20px 0 0 0} #content-wrapper .middle .padding {padding:20px} #content-wrapper .middle .padding-sm {padding:5px 20px} #content-wrapper .bottom {background-position:0 -683px; margin:0 0 -20px 0} #content-wrapper .left{float:left;text-align:left;} #content-wrapper .right{float:right;text-align:left;} #content-wrapper .col-narrow{width:300px;margin:0;padding:0 10px 0 0;} #content-wrapper .col-wide{width:560px;margin:0;padding:0 0 0 20px;} #content-wrapper .border{border-left:1px dotted #ddd;} #mainbody {position:relative} #mainbody #primary {float:left; width:615px} #mainbody #primary .col1 {float:left; width:300px; margin-right:15px} #mainbody #primary .col2 {float:left; width:300px;} #mainbody #primary .padding {padding:20px 0 20px 15px} #mainbody #secondary {position:relative; float:left; width:305px; margin:20px 0 0 0; padding:0;} /*---------------------------------------------------- Header & Account Login ------------------------------------------------------*/ #header .sunrays {z-index:2; position:absolute; top:5px; left:-110px; background:url('/assets/img/sunrays.png') no-repeat; width:895px; height:210px} #header h1 a {z-index:3; position:relative; margin:10px 0 0 10px; border:0; display:inline; text-indent:-99999px; height:140px; width:560px; float:left; background-image: url('/assets/img/page-elements.png')} #login {margin:0 0 0 656px; position:absolute; width:330px; z-index:20; cursor:pointer; height:85px; padding:12px 0 0 0; text-align:center; background:url('/assets/img/slide-button.png') no-repeat top right;} #login .loggedin {text-align:left; padding:2px 0 0 15px; font-size:14px} #login .loggedout {text-align:left; padding:2px 0 0 30px; font-size:16px} #login a {color:#fff; padding: 0 8px 0 0} #login a.logout {color:#ddd; font-weight:normal} #login a:hover {color:#fff; text-decoration: underline; border:none} /*---------------------------------------------------- Navigation ------------------------------------------------------*/ #navigation {float:right; padding:10px 20px 0 0} #navigation ul {list-style:none; height:50px} #navigation li {float:left; font-size:1.8em; line-height:22px; margin:0 20px; text-align:center} #navigation li a {color:#999; text-decoration:none; display:block; height:50px; font-weight:normal; border:none} #navigation li a:hover, #navigation li a.current {color:#444; background:url('/assets/img/navigation-active.gif') no-repeat bottom center; border:none} /*---------------------------------------------------- Heading & Twitter Feed ------------------------------------------------------*/ #heading {clear:both; position:relative; background:#F7F7F7; border-top:10px solid #EFEFEF; border-bottom:10px solid #EFEFEF; margin:0 3px; height:185px;} #heading .laura {position:absolute; bottom:-1px; left:-20px; display:block; background-image:url('/assets/img/page-elements.png'); background-position:0 -722px; height:208px; width:181px; text-indent:-9999px} #heading .content {position:relative; padding:20px} #heading .content .tweets {margin-left:180px;} #heading .content .more {position:absolute; bottom:-25px; right:10px; text-indent:-99999px; display:block; width:160px; height:59px; background:url('/assets/img/more-tweets.gif') no-repeat; z-index:1 } #heading .jcarousel-container {position:relative} #heading .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative;} #heading .jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;} #heading .jcarousel-list li, #heading .jcarousel-item {float:left; list-style:none; width:700px; height:130px;} #heading .jcarousel-list li {padding:5px 0 0 0} #heading .jcarousel-next {z-index:3; display:none;} #heading .jcarousel-prev {z-index:3; display:none;} #heading .ajaxScroll .jcarousel-container-vertical {width:700px; height:auto;} #heading .ajaxScroll .jcarousel-clip-vertical {width:700px; height:130px;} #heading .ajaxScroll .jcarousel-item {width:700px; height:130px;} #heading .ajaxScroll .jcarousel-item-vertical {margin:0;} #heading .ajaxScroll .jcarousel-next-vertical {position:absolute; bottom:-25px; right:50px; width:27px; height:26px; cursor:pointer; background:transparent url('/assets/img/page-elements.png') -27px -994px no-repeat;} #heading .ajaxScroll .jcarousel-next-vertical:hover {background-position: -27px -1020px} #heading .ajaxScroll .jcarousel-next-vertical:active {background-position: -27px -1020px;} #heading .ajaxScroll .jcarousel-next-disabled-vertical, #heading .ajaxScroll .jcarousel-next-disabled-vertical:hover, #heading .ajaxScroll .jcarousel-next-disabled-vertical:active {cursor: default; background-position: -100px -994px;} #heading .ajaxScroll .jcarousel-prev-vertical {position:absolute; bottom:-25px; right:15px; width:27px; height:26px; cursor:pointer; background:transparent url('/assets/img/page-elements.png') 0 -994px no-repeat;} #heading .ajaxScroll .jcarousel-prev-vertical:hover {background-position: 0 -1020px} #heading .ajaxScroll .jcarousel-prev-vertical:active {background-position: 0 -1020px;} #heading .ajaxScroll .jcarousel-prev-disabled-vertical, #heading .ajaxScroll .jcarousel-prev-disabled-vertical:hover, #heading .ajaxScroll .jcarousel-prev-disabled-vertical:active {cursor: default; background-position: -100px -994px;} /*---------------------------------------------------- Member Login/Account Sign Up ------------------------------------------------------*/ #account{text-align:right;font-size:1.2em;color:#fff;margin:0.8em} #account a {color:#fff; text-decoration:none;padding:5px} #account a:hover {background:#547d9c;color:#fff;padding:5px} #register-bullets p {margin:0 0 0 15px } #register-bullets ul {margin: 12px 0 10px 15px; } #register-bullets ul li {padding: 0 0 8px 17px; list-style:none; background: transparent url("/assets/img/bullet.gif") no-repeat 3px 6px; } /*------------------------------------- Form Styles ---------------------------------------*/ #form-join .label {font-size:1.3em; font-weight:700; color:#767676; margin:0; padding:0 0 5px 0} #form-join .help {font-size:0.9em; color:#6a6a6a;} #form-join select {font-size:1.3em; border:solid 1px #CDE5F8; padding:2px;color: #767676;} #form-join .input-text { background: #fff url('/assets/img/inputbg.gif') -5px 0 no-repeat; border: 1px solid #CDE5F8; font-size: 1.5em; padding: 6px 8px 4px 8px; color: #767676; margin:3px 0 0 0; } #form-join .input-text:after { content:"."; display: block; height:0; clear:both; visibility:hidden; } /*------------------------------------- Favourites ---------------------------------------*/ .favorites p {padding:0 0 0 3px; position:relative; top:-15px;} a.favoriteIt { background: url('/assets/img/icons/heart_16.png') no-repeat left center; padding: 5px 0 5px 25px; line-height:25px; font-size:14px; font-weight:bold; border:none; } .addedIt { background: url('/assets/img/icons/tick_16.png') no-repeat left center; padding: 5px 0 5px 25px; color: #5eba4e; font-size:14px; line-height:25px; font-weight:bold; border:none; } a.removeIt { background: url('/assets/img/icons/delete_16.png') no-repeat left center; padding: 5px 0 0 25px; font-size:1.1em; line-height:25px; font-weight:bold; border:none } .removedIt { background: url('/assets/_img/icons/tick_32.png') no-repeat left center; font-size:1.1em; line-height:25px; font-weight:bold; padding:5px 0 0 25px; color: #D95406; border:none } .deleteAll { background:url('/assets/img/icons/block_16.png') no-repeat left center; padding:5px 0 0 25px; font-size:1.1em; line-height:25px; font-weight:bold; border:none } /*------------------------------------- Breadcrumbs ---------------------------------------*/ .breadcrumb-top {background:url(/img/breadcrumb-top.gif) no-repeat top left; height:10px; font-size:0} .breadcrumb-middle {font-weight:bold; border-right:1px solid #C6D880; border-left:1px solid #C6D880; padding:0px 10px 0px 10px; background:#E6EFC2; color:#b6c385} .breadcrumb-middle a:link, .breadcrumb-middle a:visited {color:#b6c385; font-weight:bold;} .breadcrumb-middle a:hover {border-bottom: 2px solid #b6c385} .breadcrumb-bottom {background:#fff url(/img/breadcrumb-bottom.gif) no-repeat; height:10px;} cite.breadcrumb {position:relative; color:#fff; margin:0px; padding-left:15px; padding-top:12px; top:9px !important; top:3px; background:transparent url(/img/breadcrumb-tip.gif) no-repeat 15px 0;} /*------------------------------------- List Styles ---------------------------------------*/ .recent-comments, .featured-item, .newest-item, .categories, .recipes {clear:both;} .recent-comments ul, .featured-item ul, .newest-item ul, .categories ul, .recipes ul {list-style:none} .recent-comments li a, .featured-item li a, .newest-item li a {display:block; padding: 8px 5px 8px 30px; border-bottom: 1px solid #f7f7f7} .recent-comments li a:hover, .featured-item li a:hover, .newest-item li a:hover {border-bottom:1px solid #ddd} .recent-comments li strong, .featured-item li strong, .newest-item li strong, .categories li strong {float:left; width:200px} .recent-comments li span, .featured-item li span, .newest-item li span, .categories li span {font-size:0.8em; text-align:right; color:#a9a9a9} .recent-comments p, .featured-item p, .newest-item p {font-weight:normal} .recent-comments li a {border-bottom:1px solid #f7f7f7} .recent-comments li {background: url(/img/bullet-star.gif) no-repeat 0px 8px} .featured-item li a {border-bottom: 1px solid #E6F2FB } .featured-item li {background: url(/img/bullet-heart.gif) no-repeat 0px 8px} .newest-item li a {border-bottom:1px solid #f7f7f7} .newest-item li {background: url(/img/bullet-arrow.gif) no-repeat 0px 8px} .categories li a {display:block; padding:5px 0; margin:0; font-size:14px} .categories li a:hover, .recipes li a:hover {border:none} .categories li a:hover span, .recipes li a:hover span {color:#444} .recipes li {display:block; padding:5px 0; margin:0; font-size:1.2em; border-bottom:1px dashed #eee} .recipes li strong {float:left; width:125px; display:block} .recipes li span {font-size:1em; color:#444;} .gallery {clear:both} .gallery h3 {clear:both; font-size:18px; font-weight:700; color:#a9a9a9; margin:0; padding:5px 0 3px 0} .gallery ul {clear:both; list-style:none} .gallery li a {display:block; padding:3px 0; margin:0;} .gallery li a:hover {border:none} .gallery li strong {float:left; width:175px; display:block; background:url('/img/cat_marker.gif') no-repeat left center; padding:0 0 0 25px; font-size:14px} .gallery li span {font-size:1em; color:#a9a9a9; text-align:right} .gallery li a:hover span {color:#444} /*------------------------------------- Journal ---------------------------------------*/ .entry {clear:both; padding-top:5px; position:relative} .entrytop {background:#fff url('/assets/img/page-elements.png') 0 -944px; height:10px; width:615px;} .entrymiddle {border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:10px 15px 0 15px} .entrybottom {background:#fff url('/assets/img/page-elements.png') no-repeat 0 -960px; height:20px; width:615px; margin-bottom:15px;} .entrymiddle h2 {line-height:22px;} .entrymiddle h2 a {font-weight:normal} .entrymiddle h2 a:hover {border:none; text-decoration:none; color:#999} .entrymiddle p {font-size:14px; line-height:1.8em;} .entrymiddle ul {list-style:none} .entry-meta {clear:both; position:relative; top:-30px; font-size:12px; color:#67A9D6; font-weight:bold; padding:0 0 10px 3px; margin:0; border-bottom:1px dashed #ddd} .entry-summary {clear:left;} .entry-continue {text-align:right; font-size:1.3em; font-weight:bold;} .comment-count {float:right; position:relative; top:-25px; left:20px; z-index:1; background:url(/img/comment.png) no-repeat; width:50px; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:1.4em; padding-top:8px} .comment-count a {color:#fff; text-decoration:none; border:none} .comment-count a:hover {color:#444; text-decoration:none} /*------------------------------------- Recipes & Articles ---------------------------------------*/ .recipe-details, .article-details {clear:both; padding:10px 0; color:#999} .recipe-title, .article-title {margin-left:200px} .recipe-preheat {color:#999; text-transform:uppercase; margin-right:15px; font-size:1.2em} .recipe-servings {color:#999; text-transform:uppercase; margin-right:15px; font-size:1.2em} .recipe-description, .article-description {font-size:14px; padding:0 0 10px 0; line-height:22px; color:#444} .recipe-instructions {clear:both; padding:20px 0 0 0} .recipe-instructions ol {clear:both; margin-left:20px; font-size:1.2em} .recipe-instructions li { padding:8px 5px 8px 0; line-height:25px;} .recipe-image, .article-image {position:absolute; top:0px; left:15px; width:186px; height:100px} .recipephoto, .articlephoto {margin:0; position:relative; width:186px; height:98px; float:left;} .recipephoto img, .articlephoto img {background: #fff; border: solid 1px #ddd; padding: 4px;} .paperclip span {width:30px; height:60px; display:block; position:absolute; top:-5px; left:-2px; background:url('/assets/img/paper-clip.png') no-repeat;} /*------------------------------------- Photo Gallery ---------------------------------------*/ .category-caption {margin-top:-6px; background:#cde5f8 url(/img/caption-left.gif) left bottom no-repeat; text-align:center;} .category-caption div {background: url(/img/caption-right.gif) right bottom no-repeat; padding:2px 0 4px 0} .category-photo img {background:#cde5f8; border:solid 1px #cde5f8; padding:4px; text-decoration:none; margin:0 auto} .category-photo a {border:0; text-decoration:none} .fullsize img {background: #fff; border: solid 1px #ccc; padding: 6px; margin-top:5px;} /*------------------------------------- Comments ---------------------------------------*/ .comment-title {padding-left:15px} .comment-entries {clear:both; padding-bottom:15px} /* Guest/Visitor Comment*/ .comment-top {background:url(/img/comment-top.gif) no-repeat top left; height:10px; font-size:0} .comment-middle {font-weight:bold; border-right:1px solid #CDE5F8; border-left:1px solid #CDE5F8; padding:0px 10px 0px 10px; background:#E6F2FB; color:#666} .comment-bottom {background:#fff url(/img/comment-bottom.gif) no-repeat; height:10px; /*margin-bottom:10px*/} cite.comment {position:relative; color:#666; padding-left:15px; padding-top:12px; top:9px !important; top:3px; background:transparent url(/img/comment-tip.gif) no-repeat 15px 0;} span.comment-number {float:right; position:relative; bottom:9px; right:5px; font-size:2em; font-weight:bold; color:#CDE5F8; z-index:2} /* Author Comment*/ .author-comment-top {background:url(/img/author-comment-top.gif) no-repeat top left; height:10px; font-size:0} .author-comment-middle {font-weight:bold; border-right:1px solid #FFD324; border-left:1px solid #FFD324; padding:0px 10px 0px 10px; background:#FFF6BF; color:#666666} .author-comment-bottom {background:#fff url(/img/author-comment-bottom.gif) no-repeat; height:10px;} cite.author-comment {position:relative; color:#666; padding-left:15px; padding-top:12px; top:9px !important; top:3px; background:transparent url(/img/author-comment-tip.gif) no-repeat 15px 0;} span.author-comment-number {float:right; position:relative; bottom:9px; right:5px; font-size:2em; font-weight:bold; color:#FFD324; z-index:2} /* Comment Form*/ .comment-checkbox {background:#cde5f8 url(/img/comment-form-bg.gif) no-repeat top right; margin:5px 0; padding:4px 10px 4px 0; height:20px} .comment-input {background:#fff url(/img/inputbg.gif) top left no-repeat; font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;border:1px solid #CDE5F8; font-size:1em; width:300px; padding:4px; margin:2px 0; color:#767676; clear:both} /*------------------------------------- Images ---------------------------------------*/ table {font-size:1em; width:100%; margin:0; padding:0; text-align:left;} .gallerytd {padding:15px 30px 15px 0px; border:0} .categorytd {padding:15px 15px 15px 0; border:0} .flickr {float:left; position:relative; margin:11px 22px 11px 0; text-align:center} .photo {margin:0px; position:relative; width:130px; height:98px; float:left; background:#fff; border:solid 1px #ccc; padding:4px;} .photo a {text-decoration: none; border:0; } .photo span { width: 20px; height: 18px; display: block; position: absolute; top: 12px; left: 12px; background: url('/assets/img/video.gif') no-repeat; } .randomphoto, .randomphoto-odd, .randomphoto-even, .galleryphoto {margin:0; position:relative; width:130px; height:98px; float:left; overflow:hidden} .randomphoto-sm, .randomphoto-sm a {margin:0; position:relative; width:130px; height:70px; float:left; overflow:hidden} .caption { width: 102px; background: url('/assets/img/bubble.gif') no-repeat; padding: 1px 0 6px; display: block; position: absolute; top: -15px; left: 14px; font-style: normal; text-align: center; z-index:2 } .galleryphoto {margin:0 10px 10px 0} .randomphoto-odd {margin:0 5px 5px 0} .randomphoto-even {margin:0 0 5px 0} .randomphoto img {border:0; padding:0} .randomphoto a, .randomphoto-sm a {text-decoration:none; border:0} .rounded span {width:130px; height:98px; display:block; position:absolute; top:0; left:0; background:url('/assets/img/round-corner.png') no-repeat;} .rounded-sm span {width:130px; height:70px; display:block; position:absolute; bottom:0; right:0; background: url('/assets/img/round-corner-sm.png') no-repeat} /*------------------------------------- Boxes ---------------------------------------*/ a.box-link { display:block; text-decoration:none; cursor:pointer; border:none} .box { position:relative; margin:20px 0; padding:7px 10px; width:280px; height:46px; line-height:1.2; background:#e5e5e5 url('/assets/img/box_bg.png') repeat-x 0 0; _background-image:none; } .box.s2 { height:126px; } .box .left { display:block; position:relative; float:left; margin:-7px 10px -7px -10px; _display:inline; _margin-bottom:-10px; } .box .left .border u { top:1px; height:58px; } .box.s2 .left .border u { height:138px; } /* box border b=top, i=bottom, s=left, u=right */ .box .border { clear:both; _display:none; } .box .border * { display:block; position:absolute; z-index:1; } .box .border b, .box .border i { left:0; width:300px; height:3px; background:no-repeat 0 0; } .box .border b { top:0; background-image:url('/assets/img/box_bgtop.png'); } .box .border i { bottom:0; background-image:url('/assets/img/box_bgbottom.png'); } .box .border s, .box .border u { top:3px; width:1px; height:54px; background:#000; opacity:0.2; *filter:alpha(opacity=20); } .box .border s { left:0; } .box .border u { right:0; } .box.s2 .border s, .box.s2 .border u { height:134px; } .box h4 { margin:0 0 1px !important; padding:0; text-shadow: #fff 0 1px 0; } .box .go { position:absolute; left:10px; bottom:7px; width:280px; } .box .go.p3 { left:150px; width:140px; } #none {display:none} #download_box { margin:0 0 20px; background-color:#c5dcf4; } #download_box p { padding-top: 2px; font-size: 11px; color: #333 !important; } a:hover #download_box h4 { color: #c10000 !important; } #info_box { margin:0 0 20px; background-color:#ffd699} #info_box p { padding-top: 2px; font-size: 11px; color: #333 !important; } a:hover #info_box h4 { color: #c10000 !important; } /*------------------------------------- Dynamic Tables ---------------------------------------*/ .dataTables_processing { background-color:#EFFFBD; border:1px solid #E3FE57; left:40%; margin-left:-260px; padding:20px; position:absolute; text-align:center; top:39px; width:500px; } .dataTables_length { float:left; font-size:1.1em; margin:0; padding:5px 0 0 10px; } .dataTables_filter { color:#a6a6a6; float:right; font-size:1.2em; font-weight:700; margin:0; padding:0 10px 0 0; text-align:right; } .dataTables_filter input { background: #fff url(/img/inputbg.gif) top left no-repeat; border: 1px solid #CDE5F8; border-top-color: #CDE5F8; border-left-color: #CDE5F8; font-size: 1.1em; padding: 4px; height:18px !important; height: 28px; color: #767676; -webkit-border-radius: 5px; -moz-border-radius: 5px } .dataTables_info { clear:both; color:#444; float:right; font-size:1.1em; padding:10px 0 0; text-align:right; width:100%; z-index:0; } .dataTables_paginate { clear:both; float:right; font-size:1.2em; padding:1.5em 0; text-align:right; width:100%; } .dataTables_paginate span.paginate_button { background:#f4f4f4; border:1px solid #ddd; cursor:pointer; margin:0 1px; padding:5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px } .dataTables_paginate span.paginate_active { background:#E5F1FB; border:1px solid #CDE5F8; color:#67A9D6; cursor:pointer; margin:0 1px; padding:5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px } .dataTables_paginate span.paginate_button:hover { background:#e6e6e6; } /* Data Style */ table.data{font-size:1.1em; clear:both; border-collapse:collapse; width:100%; padding:0; margin:30px auto 0 auto} table.data td {padding:10px;margin:0;border:0;} table.data td p a, table.data td p a:hover {color:#ddd; font-weight:700; font-size:1.1em; line-height:45px; text-align:right; border:none} table.data td ul{margin:0;padding:0;} table.data td ul li{line-height:1.5em;margin:0;padding:5px;list-style:none} table.data thead {} table.data thead th{} table.data thead th img {padding:0; background:transparent} table.data tfoot td{background-color:#c4d9ea;} .center {text-align:center} table.data .sorting_asc {background: url('/assets/img/bullets/sorting-down.gif') no-repeat center right; cursor:pointer} table.data .sorting_desc {background: url('/assets/img/bullets/sorting-up.gif') no-repeat center right; cursor:pointer} table.data .sorting {background: url('/assets/img/bullets/sorting.gif') no-repeat center right; cursor:pointer} table.data tr.odd {/*background:#CDE5F8;*/border-bottom:1px dashed #ddd} table.data tr.even {/*background:#E5F1FB;*/border-bottom:1px dashed #ddd; background:#fefefe}