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;
background:#b00 url(../images/bgPageHeader.gif) top left repeat scroll;
}
#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;}
#header a.task#helpBtn {
background:#b00 url(../images/help.gif) 5px 5px no-repeat scroll;
/* display:none; */
}
#header a.task#aboutBtn {background:#b00 url(../images/about.gif) 5px 5px no-repeat scroll;}
#header a.task#menuBtn {background:#b00 url(../images/menu.gif) 5px 5px no-repeat scroll;}
#header a.task#logoutBtn {background:#b00 url(../images/logout.gif) 5px 5px no-repeat scroll;}
#header h1 {
margin:0 0 0 5%;
padding:0;
letter-spacing:1px;
background:transparent;
color:#ffc;
font-size:2.5em;
}
/*************************************** 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 {
background:url(../images/bullet_orange.gif) 0px 2px no-repeat scroll;
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;
background:#b00 url(../images/close.gif) 5px 5px no-repeat scroll;
}
#help h4 a:hover, #help h4 a:focus {background:#c33 url(../images/close.gif) 5px 5px no-repeat scroll !important;}
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;
}
#content .button#add {background:#d0d0d0 url(../images/arrowd.gif) right center no-repeat scroll;}
#content .button#update {background:#d0d0d0 url(../images/update.gif) right center no-repeat scroll;margin-top:10px;}