359 lines
6.7 KiB
CSS
359 lines
6.7 KiB
CSS
html,body {
|
|
margin:0;
|
|
padding:0;
|
|
border:0;
|
|
background:transparent;
|
|
color:#000;
|
|
}
|
|
|
|
body {
|
|
font:normal 76% Arial,Helvetica,Verdana,sans-serif;
|
|
}
|
|
|
|
acronym {
|
|
border-bottom:1px dotted #ccc;
|
|
cursor:help;
|
|
}
|
|
|
|
a img,#header img {
|
|
border:0;
|
|
display:block;
|
|
}
|
|
|
|
.bold {font-weight:bold;}
|
|
|
|
.important {color:#b00;}
|
|
|
|
.center {text-align:center;}
|
|
|
|
.right {text-align:right;}
|
|
|
|
.left {text-align:left;}
|
|
|
|
/*************************************** HEADER */
|
|
#header{
|
|
margin:0;
|
|
padding:0;
|
|
width:100%;
|
|
clear:both;
|
|
}
|
|
|
|
#header a {
|
|
display:block;
|
|
margin:0;
|
|
padding:0 0 0 3px;
|
|
text-decoration:none;
|
|
background-color:#b00;
|
|
color:#ffc;
|
|
font-size:1em;
|
|
line-height:19px;
|
|
}
|
|
|
|
#header a.task {
|
|
float:right;
|
|
margin:0 0 0 1px;
|
|
padding:0 5px 0 20px;
|
|
line-height:20px;
|
|
text-decoration:none;
|
|
color:#ffc;
|
|
}
|
|
|
|
#header a:hover.task, #header a:focus.task {background-color:#c33 !important;}
|
|
|
|
#logo {
|
|
margin:20px 0 0 5%;
|
|
padding:0;
|
|
width:90%;
|
|
height:100px;
|
|
clear:both;
|
|
background: #005094 url(logo.png) no-repeat scroll;
|
|
}
|
|
|
|
#header h1 {
|
|
margin:20px 0 0 5%;
|
|
padding:0;
|
|
letter-spacing:1px;
|
|
background:transparent;
|
|
font-size:2.0em;
|
|
}
|
|
|
|
/*************************************** CONTENT */
|
|
#content {
|
|
border-top:1px solid #fff; /* REMOVES VERTICAL MARGIN COLLAPSING */
|
|
margin:0 5%;
|
|
padding:0;
|
|
width:auto !important;
|
|
width /**/:100%;
|
|
clear:both;
|
|
}
|
|
|
|
#content .dataset {
|
|
margin:30px 0 0 0;
|
|
padding:10px;
|
|
border:1px solid #eee;
|
|
clear:both;
|
|
width:auto !important;
|
|
width /**/:100%;
|
|
}
|
|
|
|
#content .dataset h2 {
|
|
position:relative;
|
|
top:-20px;
|
|
left:-20px;
|
|
width:350px;
|
|
margin:0;
|
|
padding:0 0 1px 5px;
|
|
border:1px solid #ccc;
|
|
background-color:#eee;
|
|
color:#066;
|
|
font-weight:bold;
|
|
font-size:1em;
|
|
line-height:1.3em;
|
|
}
|
|
|
|
#content .dataset .leftCol {
|
|
float:left;
|
|
width:50%;
|
|
min-width:50%;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
#appStatus .dataset .rightCol {
|
|
float:right;
|
|
width:50%;
|
|
}
|
|
|
|
html>body .clear:after {
|
|
content:" ";
|
|
display:block;
|
|
height:0px;
|
|
line-height:0px;
|
|
clear:both;
|
|
visibility:hidden; /* HIDES THE ELEMENT, BUT STILL TAKES UP SPACE */
|
|
}
|
|
|
|
#content p {
|
|
line-height:1.6em;
|
|
|
|
}
|
|
|
|
#content ul {
|
|
margin:0;
|
|
padding:0;
|
|
list-style:none;
|
|
}
|
|
|
|
#content ul li {
|
|
padding-left:20px;
|
|
margin-top:.5em;
|
|
}
|
|
|
|
#content h2 {
|
|
margin:0;
|
|
padding:0;
|
|
font-size:1.8em;
|
|
}
|
|
|
|
#content h3 {
|
|
margin:0;
|
|
padding:0;
|
|
font-size:1.5em;
|
|
color:#333;
|
|
}
|
|
|
|
#content p.top {
|
|
text-align:right;
|
|
font:bold 1em Verdana,Helvetica,sans-serif;
|
|
}
|
|
|
|
/*************************************** FOOTER */
|
|
#footer {
|
|
margin:2em 5% 10px 5%;
|
|
padding:0;
|
|
clear:both;
|
|
}
|
|
|
|
#footer hr {
|
|
margin:0;
|
|
padding:0;
|
|
height:1px;
|
|
background:#ccc;
|
|
color:#ccc;
|
|
border:0;
|
|
}
|
|
|
|
#footer p {
|
|
margin:0;
|
|
padding:0;
|
|
font-size:1em;
|
|
line-height:1.2em;
|
|
color:#999;
|
|
}
|
|
|
|
#footer p#copyright {margin-top:1em;}
|
|
|
|
/*************************************** LINK STYLES */
|
|
#content a:hover, #content a:focus, #content ul li a:hover, #content ul li a:focus,
|
|
#menu ul li a:hover, #menu ul li a:focus,
|
|
#footer a:hover, #footer a:focus {
|
|
background:transparent;
|
|
color:#b00;
|
|
text-decoration:underline;
|
|
}
|
|
|
|
/*************************************** TABLE FORMATTING */
|
|
table {
|
|
border-right:solid 1px #999;
|
|
border-bottom:solid 1px #999;
|
|
background-color:#fff;
|
|
font-size:1em;
|
|
}
|
|
|
|
th {
|
|
border-left:solid 1px #ccc;
|
|
border-top:solid 1px #ccc;
|
|
background-color:#eee;
|
|
color:#066;
|
|
font-weight:normal;
|
|
font-size:1em;
|
|
vertical-align:middle;
|
|
text-align:left;
|
|
padding:0 0 0 2px;
|
|
}
|
|
|
|
td {
|
|
border-left:solid 1px #ccc;
|
|
border-top:solid 1px #ccc;
|
|
font-size:1em;
|
|
padding:0 0 0 2px;
|
|
}
|
|
|
|
/*************************************** FORMS */
|
|
form {display:inline;}
|
|
|
|
input:focus, textarea:focus, select:focus {background:#fc3 !important;}
|
|
|
|
input.numeric {text-align:right;}
|
|
|
|
/*************************************** BUTTON STYLES */
|
|
#content a.button, #content a.button:link, #content a.button:hover, #content a.button:active, #content .button {
|
|
text-decoration:none;
|
|
background-color:#d0d0d0;
|
|
border:1px outset #d0d0d0;
|
|
color: #000;
|
|
padding:1px 1em;
|
|
font-size:1.2em;
|
|
line-height:1.2em;
|
|
}
|
|
|
|
/*************************************** HELP */
|
|
#help {
|
|
background-color:#ffc;
|
|
border:1px solid #ccc;
|
|
margin:0 0 15px 0;
|
|
padding:0 0 10px 0;
|
|
}
|
|
|
|
#help h4 {
|
|
margin:0 0 10px 0;
|
|
border-bottom:1px solid #ccc;
|
|
background-color:#fc3;
|
|
color:#b00;
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
line-height:19px;
|
|
padding:0 0 0 3px;
|
|
}
|
|
|
|
#help p {
|
|
margin:10px;
|
|
padding:0;
|
|
}
|
|
|
|
/* #help #closeHelp {display:none;} */
|
|
|
|
#help h4 a, #help h4 a:visited {
|
|
float:right;
|
|
margin:0;
|
|
padding:0 5px 0 20px;
|
|
text-decoration:none !important;
|
|
color:#ffc !important;
|
|
font-weight:normal;
|
|
line-height:19px;
|
|
}
|
|
|
|
fieldset {
|
|
border-top:solid 1px #ccc;
|
|
border-bottom:0;
|
|
border-right:0;
|
|
border-left:0;
|
|
margin:0;
|
|
padding:0;
|
|
padding-bottom: 1.5em;
|
|
}
|
|
form{
|
|
display: inline;
|
|
}
|
|
.accesskey {text-decoration:underline;}
|
|
fieldset div {padding-top:10px;}
|
|
|
|
legend {color:#066;}
|
|
|
|
input, select,textarea {
|
|
font-family:monospace;
|
|
font-size:11px;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
#content .button {
|
|
padding:3px 0px;
|
|
font-size:11px;
|
|
width:11em;
|
|
cursor:pointer;
|
|
}
|
|
|
|
label {
|
|
margin:0 5px 0 0;
|
|
font-weight:bold;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.required {background:#ffc;}
|
|
.important {color:#b00;font-family:monospace;font-weight:bold;font-size:1.2em;}
|
|
.evenrow {background-color:#eee;}
|
|
|
|
table .appHeadingRow th {
|
|
border-top:5px solid #ccc;
|
|
background-color:#666;
|
|
color:#fff;
|
|
text-align:left;
|
|
padding:0 0 0 2px;
|
|
}
|
|
|
|
|
|
#login {float:left; margin:0 -296px 0 0; padding:15px; width:258px; min-height:15em; background:#eee; position:relative; border:0;}
|
|
#login h2 {border-bottom:1px solid #ddd; padding:3px 0; font:normal 400 17px Georgia, "Times New Roman", Times, serif; color:#333;}
|
|
#login label {font-size:11px;}
|
|
#login label span.accesskey {text-decoration:underline;}
|
|
#login input {letter-spacing:1px;}
|
|
#login .check input {position:relative; left:-4px; height:auto;}
|
|
#login .check label {float:none; xwidth:auto; line-height:1.8;}
|
|
#login .btn-row {position:relative; top:15px; padding-top:10px; border-top:1px solid #ddd;}
|
|
#login .btn-row {top:5px;} /* IE6 */
|
|
#login .btn-submit {float:none; clear:none; display:inline; letter-spacing:0;}
|
|
#login .btn-submit {background:#ffd;}
|
|
#login .btn-reset {float:none; clear:none; margin-left:5px; border:0; border-left:1px solid #ddd; background:transparent; color:#777; text-transform:lowercase; letter-spacing:0;}
|
|
|
|
/* MESSAGES --------------------------------- */
|
|
.info, .errors, .success {clear:both; margin:18px 0; padding:20px 20px 20px 100px; font-size:10px; line-height:1.5;}
|
|
#content .errors h2, #content .success h2 {font-family:Arial,Helvetica,Verdana,sans-serif; font-size:18px; line-height:48px; font-weight:400; margin:0 18px 0 0; padding:0;}
|
|
#content .success h2 {color: #008 !important;}
|
|
#content .errors h2 {color:#b00 !important;}
|
|
#content .success h2 {color:#060 !important;}
|
|
|
|
|
|
/* static messages */
|
|
#content #msg p {padding:0;}
|