/*
|
* Licensed to Jasig under one or more contributor license
|
* agreements. See the NOTICE file distributed with this work
|
* for additional information regarding copyright ownership.
|
* Jasig licenses this file to you under the Apache License,
|
* Version 2.0 (the "License"); you may not use this file
|
* except in compliance with the License. You may obtain a
|
* copy of the License at the following location:
|
*
|
* http://www.apache.org/licenses/LICENSE-2.0
|
*
|
* Unless required by applicable law or agreed to in writing,
|
* software distributed under the License is distributed on an
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
* KIND, either express or implied. See the License for the
|
* specific language governing permissions and limitations
|
* under the License.
|
*/
|
|
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;}
|
