table { caption { margin: 1px 0px; padding: 5px 0px; font-weight:bold; text-align:center; } th, td {} thead { th { font-weight: bold; @include rem (font-size, 11px); } } } .grid, .linear_grid, .cms_container { border-collapse:collapse; border-spacing:0; width:100%;} .grid { th, td { padding:6px 8px;} th { white-space:nowrap; border-bottom:1px solid $borders; text-align: left; a { color: darken($link-color, 30%);} img.sort { vertical-align:middle; margin:0 0 2px 3px;} } th.tar { text-align: right;} th.tal { text-align: left;} .grid_link_enum, .grid_download, .grid_image, .grid_money, .grid_quantity, .grid_total, .grid_job_link, .grid_attendeecount, .cell_user_member_id, .cell_amount, .grid_no, .grid_date, .cell_options, .cell_transaction_id {text-align: center;} td { background-color:$white;} tr.odd td { background-color:$gray-lighter;} tfoot td {border-top:1px solid $borders; background-color:#eee;} } .grid_no, .grid_date, .grid_image { width:135px; } .grid_link_enum, .grid_download { width:100px; } .grid_no { width:30px;} .grid_date { width:80px;} #app-form-contact-admin-list .grid_date { width:130px;} .grid_item { vertical-align: top;} .grid_options { white-space:nowrap;} .grid_page_list {width:200px;} .user-job { .cell_remove_date { text-align: center;} .cell_status { width: 100px;} } .linear_grid { th, td { border:solid $borders 1px; padding:7px 5px;} th { font-weight:bold; text-align:right; color:#000; @include gradientv($gray-lighter, darken($gray-lighter,10%)); width:20%; } tfoot td { border-bottom:none; border-top:2px solid $borders; } } .incell { td { padding: 0 10px 0 0;} } .cell_name a.linkedin {margin-left: 5px;}