/* RESET */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, font, img, dl, dt, dd, ol, ul, li, legend, table, tbody, tr, th, td {margin:0px;padding:0px;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;list-style:none;} a img {border: none;} ol li {list-style: decimal outside;} fieldset {border:0;padding:0;} html{margin: 0 1em; font-family:'Source Sans Pro', sans-serif;} a img{ border:none; outline:none; } h1{font-size: 4em; color:#404347; margin:5px 30px 20px 0px; font-weight:300; } .tablecontrols {float:left; margin-bottom: 1em;} .chzn-select {min-width: 150px;} /*///////// S T A R T // T A B L E /////////*/ #table-show { clear:both; } table { table-layout:fixed; /*font-size: 0.75em;*/ min-width: 100%; overflow:visible; word-wrap:break-word; border-collapse: collapse; /* IE7 and lower */ border-spacing: 0; } tr.title_row{font-weight:600;} /* Zebra striping */ tr:nth-of-type(odd) { background: #e1ecff; } tr:nth-of-type(even) { background: #f2f7ff; } tr:hover { background: #c0d7ff; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } th { white-space:pre background-color: #313131; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%); color: #fff; font-weight: 600; } /* rounded corners */ th:first-child { -moz-border-radius: 8px 0 0 0; -webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0; } th:last-child { -moz-border-radius: 0 8px 0 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; } th:only-child{ -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } tr:last-child td:first-child { -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; } tr:last-child td:last-child { -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0; } tr .title_row{ text-wrap:none; word-wrap:none;} /* end rounded corners */ th, td { padding: 8px 10px 8px 12px; /* border: 1px solid #ccc; border-right: 1px dotted #ccc; border-left: 1px dotted #ccc;*/ border-right: 1px sold #ffffff; border-left: 1px solid #ffffff; text-align: left; } /* Make sure whole cell is clickable */ td {height: 100%; padding:4px;padding: 8px 12px;} td a, th a {display: inline-block; height:100%; width:100%;} .title_row{white-space:pre;padding: 8px 0px 8px 12px;} /*///////// E N D // T A B L E /////////*/ /*///////// S T A R T // P A G I N A T E /////////*/ #pagination{ margin-top: 12px; padding-bottom: 20px; } .jPaginate{ height:34px; position:relative; color:#a5a5a5; font-size:small; } .jPaginate a{ line-height:15px; height:18px; cursor:pointer; padding:2px 5px; margin:2px; float:left; -webkit-border-radius: 3px; -moz-border-radius : 3px; border-radius : 3px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f4f4f4), color-stop(52%, #eaeaea), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f4f4f4 50%, #eaeaea 52%, #efefef 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f4f4f4 50%, #eaeaea 52%, #efefef 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f4f4f4 50%, #eaeaea 52%, #efefef 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f4f4f4 50%, #eaeaea 52%, #efefef 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f4f4f4 50%, #eaeaea 52%, #efefef 100%); -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); color: #333; border: 1px solid #aaaaaa; padding: 4px 6px 0px 6px; } .jPaginate a:hover{ border: 1px solid #c0d7ff; } .jPag-control-back{ position:absolute; left:0px; } .jPag-control-front{ position:absolute; top:0px; } .jPaginate span{ cursor:pointer; } ul.jPag-pages{ float:left; list-style-type:none; } ul.jPag-pages li{ display:inline; float:left; } ul.jPag-pages li a{ float:left; } span.jPag-current{ cursor:default; font-weight:normal; line-height:15px; height:18px; padding:2px 5px; margin:2px; float:left; -webkit-border-radius: 3px; -moz-border-radius : 3px; border-radius : 3px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f4f4f4), color-stop(52%, #eaeaea), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f4f4f4 50%, #eaeaea 52%, #efefef 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f4f4f4 50%, #eaeaea 52%, #efefef 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f4f4f4 50%, #eaeaea 52%, #efefef 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f4f4f4 50%, #eaeaea 52%, #efefef 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f4f4f4 50%, #eaeaea 52%, #efefef 100%); -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); color: #c0d7ff; border: 1px solid #c0d7ff; padding: 4px 6px 0px 6px; } ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-next, span.jPag-sprevious, span.jPag-snext, ul.jPag-pages li span.jPag-previous-img, ul.jPag-pages li span.jPag-next-img, span.jPag-sprevious-img, span.jPag-snext-img{ height:22px; float:left; line-height:18px; } ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-previous-img{ font-size:12px; font-weight:bold; width:10px; } ul.jPag-pages li span.jPag-next, ul.jPag-pages li span.jPag-next-img{ font-size:12px; font-weight:bold; width:10px; } span.jPag-sprevious, span.jPag-sprevious-img{ font-size:18px; width:15px; text-align:right; } span.jPag-snext, span.jPag-snext-img{ font-size:18px; width:15px; text-align:right; } ul.jPag-pages li span.jPag-previous-img{ background:transparent url(images/previous.png) no-repeat center right; } ul.jPag-pages li span.jPag-next-img{ background:transparent url(images/next.png) no-repeat center left; } span.jPag-sprevious-img{ background:transparent url(images/sprevious.png) no-repeat center right; } span.jPag-snext-img{ background:transparent url(images/snext.png) no-repeat center left; } /*///////// E N D // P A G I N A T E /////////*/