/* Australian Federal Police Content (c) Copyright AFP Running Squiz MySource v3.8.5 (Matrix) - http://matrix.squiz.net/ Developed by Squiz - http://www.squiz.net (c) Copyright 2008. All rights reserved. Page generated: 08 October 2008 */ /* MAIN LAYOUT Created on: 2 August 2006 Authors: Richard Ko, Aler Locus Modified on: 20 May 2008 Modified by: Aler Locus Filename: mainlayout.css */ * {margin:0; padding:0;} .nocssheading {display: none;} html {margin: 0; padding: 0; width: 100%;} body { margin: 0; padding: 0; width: 100%; position: relative; min-width: 768px; font-family: Arial, helvetica, san-serif, sans-serif; } #printlogo {display: none;} #pageshortcuts {display: none;} #pagemast {height: 112px; border-bottom: solid 3px #FFFFFF;} #pagemast img {width: 218px; height: 112px;} #copyprotect { background-image: url(/__data/assets/file/67282/afp_logo-copyright.gif); background-repeat: no-repeat; background-position: left top; height: 112px; } #mastutilities { width: 170px; height: 92px; position: absolute; top: 0; right: 0; padding: 10px; background-color: #3E647E; color: #FFFFFF; font-size: 80%; text-align:right; } #mastutilities a, #mastutilities a:link, #mastutilities a:visited {color: #FFFFFF; text-decoration: underline;} #mastutilities a.homelink, #mastutilities a.homelink:link, #mastutilities a.homelink:visited {padding-left: 15px;} #mastutilities a.contactlink, #mastutilities a.contactlink:link, #mastutilities a.contactlink:visited {padding-left: 15px;} #mastutilities a:hover {color: #FFFFFF; text-decoration: none;} #mastutilities form {padding-top: 8px;} #mastutilities input {padding: 0px; margin-top: 8px;} #queries_all_query {margin-bottom: 3px;} #precontent {margin-left: 170px; height: 150px;} #precontent.randomhome1 {background: url(/__data/assets/image/18685/random_home_1.jpg) #FFFFFF 0px 0px no-repeat;} #precontent.randomhome2 {background: url(/__data/assets/image/18687/random_home_2.jpg) #FFFFFF 0px 0px no-repeat;} #precontent.randomhome3 {background: url(/__data/assets/image/18688/random_home_3.jpg) #FFFFFF 0px 0px no-repeat;} #precontent.randomhome4 {background: url(/__data/assets/image/18689/random_home_4.jpg) #FFFFFF 0px 0px no-repeat;} #content {height: 1%; margin-left: 170px; padding: 0 10px 40px 10px; font-size: 80%;} #content h1, #content h2 {display: none;} #content h3 {font-size: 150%; color: #414B56; padding-top: 0.2em; padding-bottom: 0.2em;} #content h4 {font-size: 125%; color: #02264E; padding-top: 0.5em; padding-bottom: 0.3em;} #content h5 {font-size: 115%; color: #766B26; padding-top: 0.5em; padding-bottom: 0.3em;} #content h6 {font-size: 110%; color: #CD5806; padding-top: 0.5em; padding-bottom: 0.3em;} #content p {margin-top: 0.8em; margin-bottom: 0.8em;} #content ul {padding: 1em 0 1em 1.5em;} #content ul li {padding: 0.1em 2em 0.1em 0; margin-left: 1em;} #content ul li ul li {margin-left: 0.3em; margin-bottom: 0.1em; margin-top: 0; padding: 0;} #content ul.nobullets {list-style:none;} #content ol li {margin-left: 4em; margin-bottom: 0; padding-left: 0;} #content dt {font-weight:bold; padding-bottom: 3px;} #content dd { padding-bottom: 3px; padding-left: 15px;} #content table {border: none;} #content table tr th {background-color: #BBC4CF; border: solid 1px #CCCCCC; padding: 0.2em; font-weight: bold; text-align: left;} #content table tr td {background-color: #F3F6F9; border: solid 1px #CCCCCC; padding: 0.2em;} #content table td.dollar {text-align: right;} /*Use dollar class to right align dollar amounts in financial tables*/ #content table tr td table {border: none;} #content table tr td table tr td {background-color: #FFFFFF; border: none; padding: 0; vertical-align: top;} #content a, #content a:link, #content a:visited {color: #3D88A8; text-decoration: underline;} #content a:hover {color: #3D88A8; text-decoration: none;} #content blockquote {margin-left:40px; margin-right:40px;} #breadcrumbs { background-color: #9da59d; margin-bottom: 3px; padding: 4px; padding-left: 8px; font-size: 75%; font-weight: bold; } #breadcrumbs a {color: #000000; text-decoration: none; font-weight: bold; padding: 0;} #breadcrumbs a:hover {text-decoration: underline;} #breadcrumbs ul, #breadcrumbs ul li {margin: 0; padding: 0; list-style: none;} #breadcrumbs ul li {display: inline;} #footer {background-color: #9da59d; color: #333333; font-size: 80%; clear: both; padding: 4px 6px 6px 6px; margin: 0; text-align: right; border-top: solid #ffffff 2px; } #footer p {padding: 3px;} #footer div a, #footer div a:link, #footer div a:visited {color: #333333; text-decoration: underline;} #footer div a:hover {color: #555555; text-decoration: none;} /*MENU*/ #menucontainer {background-color: #3E647E; float: left; width: 170px; padding-bottom:2em;} #menucontainer ul {background-color: #3E647E; list-style: none;} #menucontainer ul li, #menucontainer ul li.isparent, #menucontainer ul li.current {height: 100%; font-size: 75%; border-bottom: solid 2px #FFFFFF;} /*Guide to this insane section of CSS: 1 ITEM_NOCHILD 1 ITEM_HASCHILD 1 VIEWING_NOCHILD 1 VIEWING_CHILD 2 ITEM_NOCHILD 1 ITEM_HASCHILD 2 ITEM_NOCHILD 1 ITEM_HASCHILD 2 ITEM_HASCHILD 1 ITEM_HASCHILD 2 VIEWING_NOCHILD 1 ITEM_HASCHILD 2 VIEWING_CHILD 3 ITEM_NOCHILD 1 ITEM_HASCHILD 2 ITEM_HASCHILD 3 ITEM_NOCHILD 1 ITEM_HASCHILD 2 ITEM_HASCHILD 3 ITEM_HASCHILD 1 ITEM_HASCHILD 2 ITEM_HASCHILD 3 VIEWING_NOCHILD 1 ITEM_HASCHILD 2 ITEM_HASCHILD 3 VIEWING_CHILD 4 ITEM_NOCHILD 1 ITEM_HASCHILD 2 ITEM_HASCHILD 3 ITEM_HASCHILD 4 VIEWING_NOCHILD Note that we're working with absolute specificity here - ie everything that could possibly be declared has been declared, to ensure nothing inherits something it shouldn't. It's complicated. */ /* 1 ITEM_NOCHILD */ #menucontainer ul li a, #menucontainer ul li a:visited, #menucontainer ul li a:link { display: block; padding-top: 0.6em; padding-bottom: 0.6em; padding-left: 20px; margin: 0; height: 100%; text-decoration: none; color: #FFFFFF; } /* 1 HOVER */ #menucontainer ul li a:hover, #menucontainer ul li.isparent a:hover, #menucontainer ul li.current a:hover {padding-left: 10px;} /* 1 VIEWING_NOCHILD */ #menucontainer ul li.current a, #menucontainer ul li.current a:visited, #menucontainer ul li.current a:link {font-weight: bold;} /* 1 VIEWING_CHILD - 2 ITEM_NOCHILD */ #menucontainer ul li.current ul li a, #menucontainer ul li.current ul li a:visited, #menucontainer ul li.current ul li a:link { padding-top: 0.3em; padding-bottom: 0.3em; color: #000000; background: none; font-weight: normal; } /* 1 ITEM_HASCHILD - 2 ITEM_NOCHILD */ #menucontainer ul li.isparent ul li a, #menucontainer ul li.isparent ul li a:visited, #menucontainer ul li.isparent ul li a:link { padding-top: 0.3em; padding-bottom: 0.3em; color: #000000; background: none; font-weight: normal; } /* 1 ITEM_HASCHILD - 2 VIEWING_NOCHILD */ #menucontainer ul li.isparent ul li.current a, #menucontainer ul li.isparent ul li.current a:visited, #menucontainer ul li.isparent ul li.current a:link {color: #000000; font-weight: bold;} /* HOVER */ #menucontainer ul li ul li a:hover, #menucontainer ul li ul li.isparent a:hover, #menucontainer ul li ul li.current a:hover, #menucontainer ul li.isparent ul li a:hover, #menucontainer ul li.isparent ul li.isparent a:hover, #menucontainer ul li.isparent ul li.current a:hover, #menucontainer ul li.current ul li a:hover, #menucontainer ul li.current ul li.isparent a:hover, #menucontainer ul li.current ul li.current a:hover {padding-left: 10px;} /* HOVER */ #menucontainer ul li.isparent ul li ul li a:hover, #menucontainer ul li.isparent ul li ul li.isparent a:hover, #menucontainer ul li.isparent ul li ul li.current a:hover, #menucontainer ul li.isparent ul li.isparent ul li a:hover, #menucontainer ul li.isparent ul li.isparent ul li.isparent a:hover, #menucontainer ul li.isparent ul li.isparent ul li.current a:hover, #menucontainer ul li.isparent ul li.current ul li a:hover, #menucontainer ul li.isparent ul li.current ul li.isparent a:hover, #menucontainer ul li.isparent ul li.current ul li.current a:hover {padding-left: 10px;} /* HOVER */ #menucontainer ul li.isparent ul li.isparent ul li ul li a:hover, #menucontainer ul li.isparent ul li.isparent ul li ul li.isparent a:hover, #menucontainer ul li.isparent ul li.isparent ul li ul li.current a:hover, #menucontainer ul li.isparent ul li.isparent ul li.isparent ul li a:hover, #menucontainer ul li.isparent ul li.isparent ul li.isparent ul li.isparent a:hover, #menucontainer ul li.isparent ul li.isparent ul li.isparent ul li.current a:hover, #menucontainer ul li.isparent ul li.isparent ul li.current ul li a:hover, #menucontainer ul li.isparent ul li.isparent ul li.current ul li.isparent a:hover, #menucontainer ul li.isparent ul li.isparent ul li.current ul li.current a:hover {padding-left: 10px;} /* QUICKLINKS */ #quicklinks ul {padding: 0; margin: 0;} #quicklinks ul li ul { display: none; position: absolute; top: 0; left: 170px; z-index: 9; padding: 0; margin: 0; width: 170px; border-left: solid 1px #FFFFFF; } #quicklinks ul li:hover ul, #quicklinks ul li ul.hover {display: block;} #quicklinks ul li.hierarchy ul li a, #quicklinks ul li.hierarchy ul li a:link, #quicklinks ul li.hierarchy ul li a:visited, #quicklinks ul li.hierarchy ul li a:hover {background: none; color: #000000;} /*RIGHT COLUMN*/ #rightcol a, #rightcol a:link, #rightcol a:visited {color: #3D88A8; text-decoration: underline;} #rightcol a:hover {text-decoration: none;} #rightinnercol a, #rightinnercol a:link, #rightinnercol a:visited {color: #3D88A8; text-decoration: none;} #rightinnercol a:hover {text-decoration: none;} span.under-line {text-decoration: underline;} span.under-line:hover {text-decoration: none;} #rightinnercol.infocus {font-size: 70%;} #rightinnercol.infocus h3 {background-color: #cd5806; color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-top: 0px; padding-left: 5px; margin-bottom: 0px; font-size: 125%;} #rightinnercol.infocus div {padding-bottom:8px;} #rightcol.mrsummary {background-color: #e9edf0; font-size: 80%; padding-top: 0px; margin-top: 0px;} #rightcol.mrsummary h2 {display: none;} #rightcol.mrsummary h3 { background-color: #5B97B1; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px; margin-top: 0px; padding-left: 5px; margin-bottom: 5px; font-size: 95%; } #rightcol.mrsummary h4 {color: #675C18; text-transform: uppercase; font-size: 90%; padding-left: 10px;} #rightcol div.media_release_archive {text-align:right; border-top: 1px solid #aaaaaa;} #rightcol div.media_release_archive a { background-color:#cccccc; text-decoration:none; padding: 0px 5px 2px 5px; font-size: 90%;} #rightcol.missingpersons {font-size: 80%;} #rightcol.missingpersons h4 {background-color: #5B97B1; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px; margin-top: 0px; padding-left: 3px; margin-bottom: 5px; font-size: 95%;} /*CLEARS*/ .clear-both {clear:both;} .clear-right {clear:right;} .clear-left {clear:left;} .hidden {display:none;} .outline {border:solid 1px #000000;} /* Formatting the missing persons profile listings*/ .listing-profile {width: 118px; text-align:center; float: left; height: 140px; font-size: 90%;} .listing-profile img a {text-decoration:none;} .listing-profile img {border: 1px solid #333333; padding: 2px;} .random-profiler5 {border: 1px solid #999999; float: right; padding: 5px; height: auto; width: 98%; margin-bottom: 20px;} .random-profiler-h4 {margin-top: 100px;} /*Formatting media releases*/ #content h3.titlemr {background-color: #7C9CBB; font-size: 110%; color: #FFFFFF; text-align: center; padding:6px 0px; margin: 0px -14px 12px -7px; } /* Formatting the media image gallery*/ .media-gallery {width: 220px; height: 300px; text-align:center; float: left; line-height:150%; padding: 2px; font-size:90%;} .media-gallery img {border: 1px solid #333333; padding: 2px;} /* Formatting the media image gallery*/ .photo-gallery {width: 120px; height: 140px; text-align:center; float: left; padding: 2px; font-size:90%;} .photo-gallery img {border: 1px solid #333333; padding: 2px;} /* Formatting the MP poster image gallery*/ .poster-gallery {width: 120px; height: 200px; text-align:center; float: left; line-height:150%; padding: 2px; font-size:90%; margin: 20px;} /* Formatting the AFP Jobs brochures*/ .hr-brochure {width: 114px; height: 300px; text-align:center; float: left; line-height:150%; padding: 2px; font-size:90%;} .hr-brochure img {border: 1px solid #333333; padding: 2px;} .hr-a4 {width: 170px; height: 300px; text-align:center; float: left; line-height:150%; padding: 2px; font-size:90%;} .hr-a4 img {border: 1px solid #333333; padding: 2px;} /*Publications*/ img.a4report {border:solid 1px #000000; padding: 0px; margin: 5px;} .reportthumb {height: 200px;} .reportthumb img {margin: 10px;} /*Formatting of key contacts listing in ACT policing*/ .key_contacts_items { padding: 2px 5px;} #key_contacts {border: 1px #666666 solid;} #rightcol.mrsummary #key_contacts h4 { border-bottom: 1px #666666 solid; color:#FFFFFF; background-color: #003366; font-weight: bold; padding: 5px 5px; margin:0;} /*Formatting of on the beat in ACT policing*/ #act-onbeat {padding:10px; border: 1px solid #000000; width:450px} #act-onbeat h3 {display:none;} /*Video player*/ #videobox {background-color:#000000; height: 245px; text-align:center; padding: 5px; background-image: url(../__data/assets/image/55369/videobox_bg.jpg);} .videobox-thumnbail {height: 112px; padding: 10px; color: #333333; background-color:#eeeeee;} .videobox-thumnbail img {float:left; margin-right: 15px;}