/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* UTILITY */
/* IE Background Scroll Fix */
html {
background: url(null) fixed no-repeat;
}
/* Firefox Link Fix */
a:active, a:focus {
outline: 0;
}
.hide {
display: none;
}
/* TAGS */
body {
min-width: 960px;
font-family: Arial, Helvetica, sans-serif;
}
strong, b {
font-weight: 900;
}
em, i {
font-style: italic;
}
a:link { /* unvisited link */
color: #003399
}
a:visited { /* visited link */
color: #666666
}
a:hover { /* mouse over link */
}
a:active { /* selected link */
color: #003399
}
/* IMAGES */
#header, #header h1, #page-container hr.top, #footer, #footer h4, #header ul.navigation li, #header ul.navigation li a,
table.grid thead tr:first-child th, table.grid thead th a, table.output thead tr:first-child th, table.output thead th ul.tab li a,
table.output thead th ul.tab li a span, #page table thead tr th.asc span.sort, #page table thead tr th.desc span.sort {
background-image: url('../images/tarantula-sprites.png');
background-repeat: no-repeat;
}
#header {
background-position: 100% -80px;
background-repeat: repeat-x;
}
#header h1 {
position: absolute;
display: block;
height: 81px;
width: 473px;
}
#header ul.navigation li {
height: 50px;
background-position: 0 -162px;
background-repeat: repeat-x;
width: 147px;
}
#header ul.navigation li a {
background-position: 100% -162px;
height: 50px;
width: 150px;
}
#header ul.navigation li a:hover {
background-position: 100% -164px;
}
#page-container hr.top {
background-position: 100% -211px;
background-repeat: repeat-x;
height: 13px;
}
#footer {
background-position: 100% -330px;
background-repeat: repeat-x;
height: 55px;
}
#footer > h4 {
background-position: 4px -390px;
display: block;
height: 65px;
width: 165px;
}
/* LAYOUT */
html {
background-color: #dac7ad;
color: #000;
}
body {
padding-top: .65em;
}
#header {
background-color: #000;
color: #000;
border-top: 10px solid #000;
height: 81px;
border-bottom: 1px solid #dac7ad;
position: inherit;
}
#header hr.top {
background-color: #dac7ad;
border: 0;
color: #dac7ad;
height: 1px;
margin: 0;
padding: 0;
}
#header > h1 {
display: -moz-inline-box;
display: inline-block;
}
#header ul.navigation {
display: inline;
left: 510px;
list-style: none;
position: relative;
top: 28px;
width: auto;
}
#header ul.navigation li {
display: -moz-inline-box;
display: inline-block;
font-size: 100%;
margin: 0;
text-align:left;
}
#header ul.navigation li a {
display: block;
margin-left: 1px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
padding-top: 5px;
padding-bottom: 0;
padding-left: 5px;
}
#header ul.navigation li a:hover {
border-top: 2px solid;
padding-top: 3px;
}
#header ul.navigation li a.result-all {
border-color: #003399;
}
#header ul.navigation li a.result-failure {
border-color: #990000;
}
#header ul.navigation li a.result-success {
border-color: #339900;
}
#header ul.navigation li span {
display: block;
color: #a8876e;
font-size: .70em;
font-weight: 900;
}
#header ul.navigation li em {
color: #727779;
display: block;
font-size: .70em;
font-style: normal;
}
h1 > span {
display: block;
margin-left: -9999em;
width: 475px;
clear: left;
}
#page-container {
border-top: 10px solid #000;
}
#page-container hr.top {
border: 0;
margin: 0;
padding: 0;
}
#page {
float: left;
margin: 1.5em;
padding-bottom: 40px;
width: 75%;
}
p, ul li, #sidebar p, #sidebar ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 82%;
margin: .45em;
text-align: justify;
}
ul {
margin-left: 2%;
}
ul li {
list-style: square;
margin: .15em 1.5%;
}
h2, h3, h4, h5
{
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 4px;
margin: .25em;
}
#page h2 {
color: #1f1512;
border-bottom: 2px solid #cab8a0;
}
#page h3 {
font-size: 90%;
color: #48322c;
}
#page h4 {
font-size: 85%;
color: #82574f;
border-bottom: 1px solid #cab8a0;
}
#sidebar {
width: 19%;
float: right;
margin-top: 1.5em;
margin-right: 1%;
}
#sidebar p {
font-size: 76%;
margin: .40em;
padding: .2em;
text-align: justify;
}
#sidebar h3 {
font-family: Arial;
color: #3f110f;
margin: .25em;
padding-bottom: 4px;
font-size: 90%;
border-bottom: 2px solid #342320;
}
#sidebar h4 {
color: #613737;
font-size: 85%;
}
#footer {
background-color: #000;
border-top: 1px solid #fff5da;
bottom: 0;
color: #fff;
position: fixed;
text-align: right;
width: 100%;
}
#footer > h4 {
float: right;
clear: left;
}
#footer h4 > span {
display: block;
margin-right: -999em;
}
/* TABLES */
table {
width: 99%;
}
table th.desc span.sort,
table th.asc span.sort {
margin: 0 !important;
display: -moz-inline-block !important;
width: 18px !important;
height: 12px !important;
position: relative;
padding: 0 !important;
float: right;
}
table span.sort em {
margin-left: -9999px;
}
table th.asc span.sort{
background-position: 4px -304px;
background-repeat: repeat-x;
}
table th.desc span.sort {
background-position: 4px -316px;
background-repeat: repeat-x;
}
#page table {
margin: .45em 0 0 0 !important;
}
#page table th, #page table td {
font-family: Arial, Helvetica, sans-serif;
font-size: .75em;
color: #66463e;
}
#page table.grid {
border-collapse: separate;
padding: 1px;
margin-bottom: 1em;
width: 100%;
}
#page table.grid tbody td {
border-color: #d6bda7;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
font-family: "Andale Mono","Monaco","Lucida Console", "Bitstream Vera Sans Mono", Courier, monospace;
font-size: .80em;
color: #1a1a1a;
}
#page table.grid tbody td:first-child {
border-left-width: 1px;
}
#page table.grid tbody tr:last-child td {
border-bottom-width: 1px;
}
#page table.grid thead tr:first-child th:first-child, #page table.grid tfoot tr td, #page table.grid thead th:first-child a {
background-color: #d3bda4;
background-image: none;
border: none;
color: #66463e;
}
#page table.grid tfoot tr td {
padding: 4px;
font-weight: 900;
}
#page table.grid thead tr:first-child th {
background-position: 0 -223px;
background-repeat: repeat-x;
padding-left: 1px;
}
#page table.grid thead th a {
display: -moz-inline-block;
display: inline-block;
border-top: 1px solid #84574e;
background-image: none;
text-decoration: none;
height: 25px;
color: #dac7ad;
width: 100%;
font-size: 95%;
}
#page table.grid thead th span.sort {
height: 19px;
vertical-align: middle;
margin-right: 12px;
padding: 6px 18px 0px 18px;
/* padding: 6px; */
}
#page table.grid tbody a {
color: #003399;
}
#page table.grid tbody td {
padding: 2px 4px;
background-color: #dacab4;
}
#page table.grid tbody tr.alt td {
background-color: #dfccb2
}
#page table.output {
width: 100%;
}
#page table.output thead tr:first-child th {
height: 20px;
background-position: 100% -250px;
background-repeat: repeat-x;
}
#page table.output thead th {
background-color: #d3bda4;
}
#page table.output thead tr th>span {
height: 17px;
padding: 4px;
display: block;
}
#page table.output thead tr th ul.tab {
display: block;
list-style: none;
position: relative;
margin-left: 0;
}
#page table.output thead th ul.tab li {
display: -moz-inline-box;
display: inline-block;
text-align: left;
width: 160px;
font-size: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
#page table.output thead th ul.tab li a {
background-position: 0 -250px;
background-repeat: repeat-x;
display: -moz-inline-box;
display: inline-block;
width: 160px;
height: 25px;
color: #dac7ad;
text-decoration: none;
}
#page table.output thead th ul.tab li a span {
margin-left: 1px;
background-position: 100% -250px;
background-repeat: repeat-x;
display: -moz-inline-box;
display: inline-block;
width: 162px;
padding: 4px 6px;
height: 17px;
}
#page table.output thead th ul.tab li.active a span {
background-position: 100% -277px;
background-repeat: repeat-x;
display: -moz-inline-box;
display: inline-block;
}
#page table.output tbody tr td:first-child {
background-color: #dfccb2;
border-right-width: 1px;
border-left-width: 1px;
}
#page table.output tbody tr td {
background-color: #dacab4;
border-style: solid;
border-color: #d6bda7;
border-bottom-width: 1px;
border-right-width: 1px;
font-family: "Andale Mono","Monaco","Lucida Console", "Bitstream Vera Sans Mono", Courier, monospace;
font-size: .80em;
padding: 4px;
color: #1a1a1a;
}
#page table.output tfoot tr td {
font-weight: 900;
padding: 4px;
}
table tr .left {
text-align: left;
}
table tr .right {
text-align: right;
}
table tr td.center {
text-align: center;
}
/* Response Codes */
span.r1, span.r2, span.r3, span.r4,
span.r5 {
display: block;
padding: .15em;
margin: .15em;
color: #dac7ad;
}
/* Informational 1xx */
span.r1 {
background-color: #3333cc;
border: 1px solid #376edc;
}
/* Successfull 2xx */
span.r2 {
background-color: #006600;
border: 1px solid #008900;
}
/* Redirection 3xx */
span.r3 {
background-color: #555652;
border: 1px solid #80817b;
}
/* Client 4xx */
span.r4 {
background-color: #857400;
border: 1px solid #baa200;
}
/* Server Error 5xx */
span.r5 {
background-color: #c40000;
border: 1px solid #dc0000;
}
/* Fixes */
/* Safari Bold Fix */
/*\*/
html*table th {
font-weight: normal;
}/**/
/*\*/
html*#header ul.navigation {
top: 30px;
} /**/