libreccm-legacy/ccm-ldn-aplaws/web/themes/static/aplaws/css/main.css

1067 lines
14 KiB
CSS

/* Uncomment to debug box model */
/*
* {
border: 1px solid black !important;
margin: 2px !important;
padding: 2px !important;
}
*/
body {
margin: 0;
background-color: #FFF;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
color: #333;
text-decoration: underline;
}
a:hover {
text-decoration: underline;
}
#startcontent {
text-decoration: none !important;
}
.intLink {
text-decoration: none !important;
}
.topLink {
color: #69C !important;
text-decoration: none !important;
}
img,a img {
border: none;
}
.hide {display:none}
.navHide {
position: absolute;
left: -1000px;
width: 990px;
font-size:1px;
}
#header {
clear: both;
width: 100%;
background-color: #036;
margin: 0px;
border-top: 4px solid #036;
border-bottom: 1px solid #999;
}
#logo {
float: left;
margin: 0px;
}
#utils {
float: left;
width: 50%;
margin: 7px 0 0 0;
text-align: right;
font-size: 0.7em;
font-weight: normal;
color: #FFF;
}
#utils a:link {
color: #FFF;
text-decoration: underline;
}
#utils a:visited {
color: #FFF;
text-decoration: underline;
}
#utils a:hover {
color: #FFF;
text-decoration: underline;
}
#utils a:active {
color: #FFF;
text-decoration: underline;
}
#search {
float: right;
text-align: right;
margin: 0px 10px 0 0;
font-weight: bold;
color: #000;
background-color: #999;
border-top: 3px solid #999;
border-bottom: 3px solid #999;
}
#search form {
margin: 0;
}
#search label {
display: none;
position: absolute;
}
.searchBox {
font-size: 0.7em;
font-weight: normal;
margin-left: 20px;
}
.go {
font-size: 0.7em;
font-weight: normal;
margin-right: 10px;
padding: 0px;
}
#clear {
clear: both;
}
#tlcNav {
clear: both;
position: relative;
width: 100%;
font-size: 0.6em;
font-weight: normal;
color: #666;
background-color: #CCC;
border-top: 1px solid #9CF;
border-bottom: 1px solid #9CF;
text-transform: uppercase;
}
#tlcNav p{
margin: 0 2px 0 3px;
}
#tlcNav a{
color: #036;
text-transform: uppercase;
text-decoration: none;
}
#tlcNav a:hover{
color: #FFF;
text-transform: uppercase;
text-decoration: underline;
}
#bread {
clear: both;
position: relative;
width: 100%;
font-size: 0.7em;
border-top: 1px solid #036;
border-bottom: 1px solid #333;
background-color: #EEE;
text-transform: lowercase;
}
#bread p {
margin: 1px 0 1px 3px;
}
#bread a {
color: #333 !important;
text-decoration: none;
}
#bread a:hover {
color: #000;
text-decoration: underline;
}
#LHS{
text-transform: capitalize;
}
#nav{
padding-top: 1em;
margin: 0 0 0px 2px;
}
.navUp {
margin-top: 5px;
font-size: 0.7em;
border-bottom: 1px solid #333;
}
.navUp a{
text-decoration: none;
}
.navHere {
font-size: 0.7em;
font-weight: normal;
color: #000;
background-color: #CCC;
border-bottom: 1px solid #333;
}
.navHere p {
margin: 0 0 0 1.4em;
}
.navHere a {
text-decoration: none;
}
.navChild {
display: block;
font-size: 0.7em;
font-weight: normal;
color: #000;
margin: 0.2em 0 0.2em 1.4em;
border-bottom: 1px solid #9CF;
text-decoration: none;
}
.navChild:hover {
background-color: #DDD;
text-decoration: none;
}
#title {
padding-top: 1em;
}
#title h1{
font-size: 0.7em;
font-weight: bold;
margin: 5px 0 0 15px;
border-bottom: 1px solid #CCC;
}
#greeting {
margin: 1em 1em 2em 15px;
}
#greeting img{
margin: 0 0 0 1em;
}
#greeting {
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#greeting ul{
list-style: square;
margin-left: 15px;
font-size: 1em;
font-weight: normal;
color: #000;
}
#contentLinks{
clear: both;
position: relative;
margin: 1em 1em 2em 15px;
border-bottom: 20px solid #FFF;
}
#contentLinks a {
display: block;
font-size: 0.7em;
font-weight: normal;
padding: 0.2em 0 0.2em 0;
color: #000;
text-decoration: underline;
}
#contentLinks a:hover {
text-decoration: underline;
}
#lead {
font-weight: bold;
}
#leadDetails {
font-weight: normal;
}
#leadDetails .bold {
display: block;
font-weight: bold;
}
#details {
clear: both;
position: relative;
margin: 2em 1em 2em 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#details p{
margin: 0 0 0.3em 0;
}
#details .bold{
padding: 0 0.5em 0 0;
font-weight:bold;
}
#newsDate {
text-align: right;
}
.caption {
text-align: right;
}
#R_image {
float: right;
margin: 0 0 1em 2em;
padding: 0 0 0 0.8em;
text-align: left;
}
#mainBody {
clear: both;
position: relative;
margin: 2em 1em 2em 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#mainBody ul {
list-style: square;
margin-left: 15px;
font-size: 1em;
font-weight: normal;
color: #000;
}
#mainBody ol {
list-style: decimal;
margin-left: 22px;
font-size: 1em;
font-weight: normal;
color: #000;
}
#mainBody .bold {
font-weight: bold;
}
.attachment {
clear: both;
position: relative;
margin: 2em 1em 2em 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
.attachment h2{
font-size: 1em;
font-weight: bold;
border-bottom: 1px solid #CCC;
}
.attachment ul {
list-style: square;
margin-left: 15px;
font-size: 1em;
font-weight: normal;
color: #000;
}
#sectionList {
clear: both;
position: relative;
margin: 1em 1em 2em 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#sectionList .bold {
display: block;
font-weight: bold;
}
#sectionList a {
color: #69C;
}
.section {
clear: both;
position: relative;
margin: 1em 1em 2em 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
.section img{
margin: 0 0 0 1em;
}
.section ul {
list-style: square;
margin-left: 15px;
font-size: 1em;
font-weight: normal;
color: #000;
}
.section ol {
list-style: decimal;
margin-left: 22px;
font-size: 1em;
font-weight: normal;
color: #000;
}
.section .bold {
float: left;
display: block;
font-weight: bold;
font-size: 1em;
color: #000;
}
#mpaDirection {
clear: both;
position: relative;
margin: 1em 1em 2em 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#mpaDirection a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#related{
margin: 1em 2px 0 0;
border-left: 1px solid #9CF;
}
#related h2{
font-size: 0.7em;
font-weight: bold;
padding-left: 1em;
}
#related a {
display: block;
width: 100%;
font-size: 0.7em;
font-weight: normal;
color: #000;
padding: 0.2em 0 0.2em 1.1em;
text-decoration: none;
}
#related a:hover {
text-decoration: underline;
}
#footer {
text-align: center;
border-top: 1px solid #036;
padding-top: 0.3em;
}
#foottlc {
font-size: 0.7em;
font-weight: normal;
color: #333;
margin: 0 10%;
}
#foottlc a{
color: #333;
text-transform: lowercase;
}
#legal {
border-top: 1px solid #999;
font-size: 0.65em;
font-weight: normal;
color: #666;
margin: 1em 0 0 0;}
#legal a{
color: #666;
}
#compliance{
}
#compliance a {
}
#compliance img {
border: 0;
}
#searchArea {
clear: both;
position: relative;
margin: 1em 1em 2em 15px;
background-color: #CCC;
color: #333;
}
.searchLabel {
position: absolute;
left: -1000px;
width: 990px;
font-size:1px;
}
.searchExplanation {
margin: 1em 0 2em 3px;
font-size: 0.7em;
font-weight: normal;
color: #000;
border-top: 1px solid #999;
}
#advGo {
text-align: right;
border-top: 1px solid #9CF;
}
.adgo {
font-size: 0.7em;
font-weight: normal;
height: 1.6em;
background-color: #9CF;
}
.searchAgain {
padding-left: 0.3em;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#resultsInfo {
clear: both;
position: relative;
margin: 1em 0 1em 0.3em;
border-bottom: 1px solid #FFF;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#resultsList {
clear: both;
position: relative;
margin: 1em 1em 2em 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
border-bottom: 20px solid #FFF;
}
.searchResult {
clear: both;
position: relative;
margin: 1em 0 1em 0;
font-weight: normal;
color: #000 !important;
}
.searchResult a{
display: block;
font-weight: bold;
color: #333;
}
#resultsPage {
clear: both;
position: relative;
margin: 1em 1em 2em 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
border-top: 1px solid #CCC;
}
#pLeft {
float: left;
text-align: left;
border-top: 1px solid #CCC;
margin-top: -1px;
}
#pRight {
float: right;
text-align: right;
border-top: 1px solid #CCC;
margin-top: -1px;
}
#resultsPage a {
color: #333;
}
.searchFilter {
margin: 0;
color: #333;
font-size: 0.7em;
}
#advancedS {
width: 255px !important;
margin-top: 8px;
font-size: 0.7em;
border: 1px solid #666;
}
#advlisthead {
color: #FFF;
background-color: #9CF;
}
#remoteS {
width: 255px !important;
margin-top: 8px;
font-size: 0.7em;
border: 1px solid #666;
}
#remotelisthead {
color: #FFF;
background-color: #9CF;
}
#sLinks{
margin: 3em 2px 0 0;
border-left: 1px solid #333;
}
#sLinks h2{
color: #000;
font-size: 0.7em;
font-weight: bold;
padding-left: 1em;
}
.sLink {
width: 100%;
font-size: 0.7em ;
font-weight: normal;
color: #000;
padding: 1em 0 0.2em 1.1em;
}
.sLink a {
display: block;
font-weight: bold;
color: #9CF !important;
text-decoration: none;
}
.sLink a:hover {
text-decoration: underline;
}
#azArea {
clear: both;
position: relative;
margin: 1em 1em 1em 15px;
background-color: #CCC;
padding-bottom: 0.3em;
}
#azSub {
clear: both;
position: relative;
margin: 2em 0 0 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#azInfo {
clear: both;
position: relative;
margin: 1em 0 1em 0;
border-bottom: 1px solid #FFF;
padding-bottom: 0.2em;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#azPlace {
clear: both;
position: relative;
margin: 2em 0 0 0;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#azList {
clear: both;
position: relative;
margin: 1em 1em 1em 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
border-bottom: 20px solid #FFF;
}
.letterSelected {
font-weight: bold !important;
text-transform: uppercase;
}
#azList h2{
font-size: 1em;
}
.azTitleDescription {
font-weight: normal !important;
margin: 0 0 0 1em;
}
.azResult {
clear: both;
position: relative;
margin: 1em 0;
font-weight: normal;
color: #000 !important;
}
.azResult a{
display: block;
font-weight: normal;
color: #333;
}
#siteArea {
clear: both;
position: relative;
margin: 1em 1em 1em 15px;
background-color: #CCC;
padding-bottom: 1em;
}
#siteInfo {
clear: both;
position: relative;
margin: 1em 0 1em 0.3em;
border-bottom: 1px solid #FFF;
font-size: 0.7em;
font-weight: normal;
color: #000;
}
#topSiteList {
clear: both;
position: relative;
margin: 1em 0 0em 0.3em;
font-size: 0.7em;
font-weight: bold;
color: #000;
}
#topSiteList a{
display: block;
}
.anchor {
text-decoration: none !important;
}
#siteList {
clear: both;
position: relative;
margin: 1em 1em 2em 15px;
font-size: 0.7em;
font-weight: normal;
color: #000;
border-bottom: 20px solid #FFF;
}
#siteList ul {
list-style: none;
}
.L1 {
margin: 0 !important;
}
.L2 {
margin: 0 !important;
}
.L3 {
margin: 0 !important;
}
.L4 {
margin: 0 !important;
}
.cat1 {
margin: 1em 0 1em 0;
border-top: 1px solid #9CF;
}
.cat1 a {
font-weight: bold;
text-decoration: underline;
}
.cat1 a:hover {
font-weight: bold;
text-decoration: underline !important;
}
.cat2 {
margin: 1em 0 2em 2em;
border-top: 1px solid #CCC;
}
.cat2 a {
font-weight: bold;
text-decoration: none;
}
.cat2 a:hover {
font-weight: bold;
text-decoration: underline;
}
.cat3 {
font-weight: normal;
margin: 0em 0 0em 0;
}
.cat3 a {
font-weight: bold;
text-decoration: none;
}
.cat4 {
font-weight: normal;
margin: 0em 0 0em 2em;
}
.item {
font-weight: normal !important;
padding-left: 1em;
background-image: url("../images/arrowSitemap.gif") !important;
background-position: 0px 5px;
background-repeat: no-repeat;
}
.toTop {
margin: 1em 0 5em 0;
}
#dirBox {
clear: both;
position: relative;
margin: 0.5em 0 0 0 ;
padding: 0.3em;
border-top: 4px solid #CCC;
}
#dirBox h2 {
font-size: 1.2em;
margin: 0 0 1em 0;
}
.RSS {
padding: 0.5em 0em 0.5em 0em ;
margin: 0;
font-size: 1em;
font-weight: normal;
color: #000;
background-color: #9CF;
}
.RSS h2 {
font-size: 1.2em;
margin: 0 0 1em 0;
border-bottom: 1px solid #666;
}
.RSS a {
display: block;
font-weight: normal;
color: #333;
}
.RSS a:hover {
color: #000;
}
#poll {
clear: both;
position: relative;
margin: 0;
padding: 0.3em;
font-size: 0.7em;
font-weight: normal;
color: #000;
background-color: #CCC;
border-top: 2px solid #666;
border-bottom: 1px solid #9CF;
}
#poll h2 {
font-size: 1.2em;
margin: 0 0 1em 0;
border-top: 1px solid #9CF;
}
.pollQ {
border-bottom: 1px solid #FFF;
}
.pollSend {
border-top: 1px solid #FFF;
text-align: right;
font-size: 1em;
}
.pollSend input{
border-top: 1px solid #FFF;
text-align: center;
font-size: 1em;
}
.CI {
clear: both;
position: relative;
margin: 0em 0em 1em 0;
}
.CI h2 {
font-size: 1.2em;
margin: 0 0 1em 0;
}
#loginBox {
clear: both;
position: relative;
margin: 0 ;
padding: 0.3em;
font-size: 1em;
font-weight: normal;
color: #000;
background-color: #CCC;
border-top: 2px solid #666;
border-bottom: 1px solid #9CF;
}
#loginBox h2 {
font-size: 1.2em;
margin: 0 0 1em 0;
}
#loginBox ul {
list-style: none;
margin: 1em 0;
}
#registerB {
font-weight: bold;
text-align: right;
}
#portalTitle h1{
font-size: 0.7em;
font-weight: bold;
margin: 5px 0 0 0px;
border-bottom: 1px solid #CCC;
}
#portalLHS {
padding-top: 0em;
}
.portalWrap {
font-size: 0.7em;
font-weight: normal;
color: #000;
}
.portletWrap {
width: 100%;
}
.dirCat {
margin-top: 5px;
border-top: 1px solid #9CF;
}
.custLink {
margin-top: 1em;
font-size: 0.7em;
font-weight: normal;
color: #000;
border-top: 1px solid #CCC;
background-color: #EEE;
}
.custLink a {
padding-right: 1em;
}
.directoryEntryLink {
font-weight: bold;
}
.logbx {
width: 100px;
font-size: 1em;
}
.logSubmit {
text-align: right;
border-top: 1px solid #9CF;
}
.loggo {
font-size: 1em;
font-weight: normal;
height: 1.6em;
background-color: #9CF;
}