/*////////////////////////////////////////////////

	Master stylesheet
	
	(c) Copyright Supreme Court Library 2007. 
	All rights reserved.

///////////////////////////////////////////////*/

/*-----------------------------------------------
	Default settings / HTML element styling
-----------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

body {
    color: #000;
    background: #FFF;
    font-family: sans-serif;
    font-size: small;
    line-height: 120%;
}

body.popup { padding: 1em 2%; }

ul,
ol {
   margin: .5em 0 .5em 1.5em;
}

a:link,
a:visited {
    color: #127592;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1 {
    margin: 1em 0;
    color: #a64743;
    font-size: large;
}

h2 {
    margin: 1em 0;
    color: #666;
    font-size: medium;
    line-height: 130%;
}

h3 {
    margin: .7em 0;
    color: #127592;
}

h4,
h5,
h6 {
    margin: .5em 0;
}

p {
    margin: .7em 0;
}

blockquote {
	margin-left: 2em;
}

fieldset {
    margin: 1em 0;
    padding: .5em 1em;
    border: 1px solid #EEE;
}

legend {
    color: #A64743;
    font-size: medium;
}

label,
form th {
    color: #666;
    font-weight: bold;
}

form th,
form td {
    padding: .2em .5em;
}

label {
	display: block;
}

input[type="checkbox"]+label,
table label {
	display: inline;
}

input[type="checkbox"]+label {
	padding: 0 0 0 .5em;
}

input,
select,
textarea {
    color: #A64743;
    border: 1px solid #b3b3b3;
    font-family: sans-serif;
}

input, select { 
	background: #FFF url(../images/quick.search.keywords.bg.gif) repeat-x center center; 
}

input[type="checkbox"],
input[type="radio"] {
	background: none;
	border: 0;
}

select option {
    background: white;
}

/* To make up for the * no padding rule */
input { padding: 1px; }
option { padding: 0 2px; }

th {
    text-align: left;
}

hr {
    height: 0;
    border: 0;
    border-top: 1px solid #E9E9E9;
}

button {
    background: none;
    border: 0;
    cursor: pointer;
}

a img {
	border: none;
}

/*-----------------------------------------------
	Page layout
-----------------------------------------------*/

#page {
    min-width: 768px;
    max-width: 936px;
    margin: 0 auto;
    background: #FFF;
    border: 1px solid #f2f2f2;
    border-top: 0;
    font-size: 95%;
}

/*-----------------------------------------------
	Masthead layout
-----------------------------------------------*/

#logo {
    float: left;
    padding: 1.5em 0 1.5em 1.2em;
}



#main_menu {
    clear: both;
    /*background: #4d98ad url(../images/masthead.btm.bg.gif) repeat-x left bottom;*/
}

#main_menu abbr, #main_menu acronym {
	border-bottom: none;
}

#main_menu ul {
    margin: 0;
    background: url(../images/masthead.top.bg.gif) repeat-x left top;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c1ce', endColorstr='#4d98ad'); /* for IE */ 
	background: -webkit-gradient(linear, left top, left bottom, from(#94c1ce), to(#4d98ad)); /* for webkit browsers */ 
	background: -moz-linear-gradient(top,  #94c1ce,  #4d98ad); /* for firefox 3.6+ */
	
}

#main_menu ul li {
    display: block;
    float: left;
}

#main_menu ul li a {
	font-size:98%;
    display: block;
    padding: .5em .55em;
    color: #FFF;
    background: url(../images/main.menu.item.bg.gif) no-repeat left bottom;
    border-top: 1px solid #71adbd;
    border-right: 1px solid #1a7f9b;
    /*border-bottom: 1px solid #94c1ce;*/
    text-decoration: none;
}

#main_menu ul li a:hover {
    background: #127592;
    border-top-color: #127592;
    border-bottom-color: #127592;
    text-decoration: underline;
}

#main_menu ul li.active a {
    background: #a64743;
    border-top-color: #a64743;
    border-bottom-color: #a64743;
}

#main_menu ul li.active a:hover {
    text-decoration: none;
}

#main_menu ul li a em, #context_menu ul li a em {
    font-style: normal;
    text-decoration: underline;
}

#context_menu {
    background: #0d586d;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b7e9a', endColorstr='#0d586d'); /* for IE */ 
	background: -webkit-gradient(linear, left top, left bottom, from(#1b7e9a), to(#0d586d)); /* for webkit browsers */ 
	background: -moz-linear-gradient(top,  #1b7e9a,  #0d586d); /* for firefox 3.6+ */
}

#context_menu ul {
    margin: 0;
}

#context_menu ul li {
    display: block;
    float: left;
}

#context_menu ul li a {
    display: block;
    padding: .5em .8em;
    color: #FFF;
    border-right: 1px solid #3f8fa7;
    text-decoration: none;
}

#context_menu ul li a:hover {
    background: #127592;
    text-decoration: underline;
}

#context_menu ul li.active a {
    background: #a64743;
}

#context_menu ul li.active a:hover {
    text-decoration: none;
}

.expandable .expandtrigger {
	padding:.2em .2em .2em 1.5em;
	background:url(../../images/sub.menu.menu.bg.gif) no-repeat 0 .4em;
	text-decoration:none;
}

#utilities {
    float: right;
    width: 40em;
    min-width: 408px;
}

#utilities ul {
    margin: 0;
    border-right: 1px solid #c5c5c5;
}

#utilities ul li {
    display: block;
    float: left;
}

#utilities ul li a {
    display: block;
    padding: .8em 1.2em 0 1.2em;
    border-left: 1px solid #c5c5c5;
    text-decoration: none;
}

#utilities ul li a:hover {
    text-decoration: underline;
}

#utilities ul li.active a {
    font-weight: bold;
}



#search_utility {
    position: relative;
    clear: both;
    margin: .5em 0 0 0;
    color: #FFF;
    background: #127592;
}

#search_utility h3 {
    margin: .5em 0 .3em .5em !important;
    color: #FFF;
}

#search_utility h3,
#search_utility p.input,
#search_utility p.options {
    display: block;
    clear: left;
    float: left;
    margin: 0;
}

#search_utility p.input {
    width: 36.2em;
}

#search_utility p.submit {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#search_utility p.submit button {
    background: #a64743;
    border: 0;
}

#search_utility p.submit button img {
    margin: 2.9em .7em 2.1em .7em;
}

.qjudgment #search_utility p.submit button img {
    margin: 3.2em .7em .6em .7em;
}

#search_utility input#su_q {
    display: block;
    width: 93%;
    margin: .4em;
    padding: .3em;
    border: 1px solid #FFF;
    font-size: 130%;
}

#search_utility p.options {
    position: absolute;
    top: .6em;
    left: 9em;
    right: 50px;
    margin: 0;
}

.enhanced #search_utility p.options input {
    position: absolute;
    left: -100000px;
    width: 0;
    height: 0;
    overflow: hidden;
}

#search_utility p.options label {
    display: block;
    float: left;
    margin-right: .8em;
	color: #B8D6DF;
    cursor: pointer;
    font-size: x-small;
}

.enhanced #search_utility p.options label.selected {
	padding-left: .7em;
	color: #FFF;
	background: url(../images/quick.search.options.selected.bg.gif) no-repeat left center;
}


#faq_utility {
	position: relative;
    clear: both;
    padding: .2em .5em;
    color: #127592;
    background: #e8f5f8;
}

#faq_utility label {
    display: block;
    float: left;
    margin: .7em .4em 0 .2em;
    color: #127592;
    font-size: small;
}

#faq_utility p.submit {
    float: right;
    margin: .2em 0 0 .2em;
	position: absolute;
	top: 0;
	right: 0;
}

#faq_utility p.submit button {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}

select#faq_utility_options {
    float: left;
    margin: .6em .2em;
    padding: 0;
    width: 31.8em;
    color: #127592;
    border: 1px solid #FFF;
    font-size: 90%;
}

#header {
    overflow: hidden;
	height: 120px;
}

/*-----------------------------------------------
	Main area
-----------------------------------------------*/

#content {
    float: right;
    width: 70.85%;
    padding: 1em 2%;
    border-left: 1px solid #e9e9e9;
}

#content em.asterisk,
p.subscription em,
#quick_links li em, 
p.prices {
	color: #912608;
	font-weight: normal;
	font-style: normal;
}

p.subscription {
	margin: 1em 0;
	padding-left: 1.5em;
	padding-right: 1.5em;
	font-size: x-small;
}

p.subscription em, 
#quick_links li em {
	font-size: small;
}

#pathway {
	color: #127592;
}

#pathway span {
    color: #127592;
}

img.external {
	margin-left: 3px;
}

.caption_left {
	margin: 0 1em 1em 0; 
	float: left;
}

.caption_right {
	margin: 0 0 1em 1em; 
	float: right;
}

.caption_left img, .caption_right img { 
	margin-bottom: .2em;
}

.caption_left small, .caption_right small { 
	font-style: italic; 
	float: right;
}

.publication,
.exhibition,
.lecture {
    border-bottom: 1px solid #E9E9E9;
}

.soldout_img {
	vertical-align:bottom;
	border:1px #000000 solid;
}

.publication h3,
.exhibition h3,
.lecture h3 {
	font-size: small;
}

.exhibition .image,
.publication .image,
.lecture .image {
    float: right;
    margin: 0 0 1em 1em;
}

.firstColumn,
.column,
.lastColumn {
    float: left;
    margin: 0 3%;
}

.firstColumn {
    clear: left;
    margin-left: 0;
}

.lastColumn {
    clear: right;
    margin-right: 0;
}

p.prices {
    clear: both;
    padding: 1em 0 0 0;
}

p.submit {
	margin: 1em 0;
}

/*-----------------------------------------------
	Home specific styling
-----------------------------------------------*/

#home #main_container {
    float: left;
    width: 75.4%;
}

#home #content {
    width: 69.6%;
    padding: 0;
    border-right: 1px solid #e9e9e9;
}

#home #sub_menu {
    width: 30%;
}

#home #sub_menu h1 {
    margin: .7em 4em 1em .5em;
}

#welcome {
    padding: 1em;
    color: #FFF;
    background: #127592 url(../images/welcome.bg.gif) no-repeat right bottom;
    font-size: 120%;
    line-height: 125%;
}

#welcome a {
    color: #FFF;
}

#news ul {
    margin: 0;
}

#news ul li {
    display: block;
    float: left;
    width: 31%;
    margin: 0 1%;
    list-style: none;
    overflow-x: hidden; /* crops images in IE but prevents wrapping of news items in IE */
}

#news ul li h3 {
    font-size: 100%;
}

#news ul li img {
    display: block;
    color: #A64743;
    margin: 0 0 .5em 0;
}

#news li li {
	display: list-item;
	float: none;
	width: auto !important;
	margin-left: 1.2em;
	list-style-type: disc;
	overflow-x: visible;
}

#news div.image { 
	width: 148px; 
	height: 107px;
}

#news p.more {
	margin: .5em;
	text-align: right;
}

/*-----------------------------------------------
	Recent judgments styling
-----------------------------------------------*/
.recent_judgments ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: .7em;
}

.recent_judgments ul li {
	list-style: none;
	padding-bottom: .5em;
	
}

.recent_judgments ul li strong {
    display: block;
}

.recent_judgments ul li span {
    color: #555;
}

.recent_judgments ul li ul {
	margin-left: 0;
}

.recent_judgments ul li ul li {
    padding: .5em 1em;
    border-bottom: 1px solid #e9e9e9;
    list-style: none;
	margin-left: 0;
}

/*-----------------------------------------------
	Sub_menu panel
-----------------------------------------------*/

#sub_menu {
    position: relative;
    float: left;
    width: 25%;
}

#sub_menu h1 {
    margin: .7em 2em 1em .5em;
    font-size: 150%;
}

#sub_menu p.more {
    position: absolute;
    top: .5em;
    right: .5em;
    text-transform: capitalize;
}

#sub_menu p.more,
#sub_menu a {
    color: #A64743;
}

#sub_menu ul.menu {
    margin: 0 0 1.5em 3em;
    list-style: none;
}

#sub_menu ul.menu li a {
    display: block;
    margin: .5em 0;
    padding: .2em .2em .2em 1.5em;
    color: #127592;
    background: url(../images/sub.menu.menu.bg.gif) no-repeat 0 .4em;
    font-size: 110%;
    text-decoration: none;
}

#sub_menu ul.menu li.active a {
    color: #0d586d;
    background-image: url(../images/sub.menu.menu.active.bg.gif);
    font-weight: bold;
}

/*-----------------------------------------------
	Quick Links
-----------------------------------------------*/

#quick_links {
    float: right;
    width: 24.5%;
}

#quick_links h1 {
    margin: .7em .5em 1em .5em;
    color: #127592;
    font-size: 150%;
}

#quick_links ul {
    list-style: none;
	margin-left: .7em;
}

#quick_links ul li a {
    padding: 0 0 0 1em;
    background: url(../images/expand.gif) no-repeat 0 .5em;
}

#quick_links ul.noexpand li a {
	background: none;
	padding-left: 0 !important;
}

#quick_links ul li a.expandtrigger_expanded {
    background-image: url(../images/expanded.gif);
    background-position: 0 .7em;
    font-weight: bold;
}

#quick_links ul li ul li a {
    padding: 0;
    background: none;
}

/*-----------------------------------------------
	Search facility
-----------------------------------------------*/

#searchbox {
    margin: 1em 0;
    padding: .5em 0 0 .7em;
    background: #f3f1f1;
}

#searchbox fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

#searchbox p.input,
#searchbox p.select {
    float: left;
    margin: .2em 0 0 0;
}

#searchbox p.submit {
    float: right;
    margin: -1.9em 0 0 0;
}

#searchbox label {
    display: block;
    color: #666;
    font-size: 90%;
}

#searchbox p.input input {
    width: 160px;
}

#searchbox p.select select {
    width: 170px;
}

#searchbox button {
    background: #dadada;
    border: 0;
    text-transform: uppercase;
}

#searchbox button img {
    margin: 3.5em .7em .8em .7em;
}

/*-----------------------------------------------
	Feature Panels
-----------------------------------------------*/

#feature_panel {
    float: right;
    margin: 0 0 1em 1em;
	padding: 1em;
	background-color: #F2F4F5;
	border: solid 1px #DADADA;
	width: 180px;
}

#feature_panel .content {
	padding: 0;
}

/*-----------------------------------------------
	Footer
-----------------------------------------------*/

#footer {
    padding: 1em;
    background: url(../images/footer.bg.gif) repeat-x 0 0;
    border-top: 1px solid #d7edf2;
    font-size: 90%;
}

#footer ul {
    float: right;
    width: 77%;
    margin: 0;
}

#footer ul li {
    display: block;
    float: left;
    width: 17%;
    margin-right: 5%;
    color: #7a7a7a;
}

#footer ul li.utility {
    margin-right: 0;
}

#footer ul li.legal {
    width: 33%;
}

#footer ul li a {
    color: #7a7a7a;
}

#footer ul li ul,
#footer ul li ul li {
    float: none;
    width: auto !important;
    margin: 0;
}

#footer ul li:first-child ul li:first-child {
    margin-bottom: 1em;
}

p#to_top {
    float: left;
    margin: 0 0 0 .5em;
}

p#to_top a {
    display: block;
    background: url(../images/totop.bg.gif) no-repeat left center;
    padding-left: 15px;
}

/*-----------------------------------------------
	Float Clearing
-----------------------------------------------*/

#main_menu ul:after,
#context_menu ul:after,
#search_utility form:after,
#faq_utility form:after,
#utilities:after,
#utilities ul:after,
#main:after,
#news ul:after,
.exhibition:after,
.lecture:after,
#footer ul:after,
#footer:after  {
    display: block;
    clear: both; 
    height: 0; 
    content: "."; 
    visibility: hidden;
}

/*-----------------------------------------------
	Misc Styling
-----------------------------------------------*/

#steps {
	margin: 0;
	padding: 0;
	display: inline;
}
#steps img { 
	vertical-align: middle;
	margin-right: 0.3em; 
}
#steps li {
	display: inline;
	margin-left: 0;
	padding: 0 0 0 0.5em;
	list-style: none;
}
#steps li.first { padding-left: 0; }
#steps #currentStep { font-weight: bold; }
#calendar {
	width: 28em;
	background: url(/images/diag_bg2.gif) repeat center center;
	padding: 1em;
}
#calendar th { 
	text-align: center; 
}
table.container {
	border: 4px solid #097390;
	border-collapse: collapse;
	font-weight: bold;
	background: url(/images/diag_bg1.gif) repeat center center;
	width: 100%;
}
table.container th {
	border: 2px solid #097390;
	padding: 0.5em;
}
table.container th a { 
	font-weight: bold; 
}
table.container th span.calendar-prev { 
	float: left; 
	color: #097390;
	font-size: 1.25em; 
}
table.container th span.calendar-next {	float: right; 
	color: #097390;
	font-size: 1.25em; 
}
table.container th span.month { font-size: 1.2em; }
table.container td { padding: 0; }
table.calendar {
	border-collapse: collapse;
	width: 100%;
}
table.calendar thead th {
	border: 0px solid #097390;
	border-width: 0 0 2px 0;
	background-color: transparent; 
	padding: 0;
}
table.calendar tbody td {
	text-align: center;
	vertical-align: middle;
	padding: 0.3em; /* controls vertical space only */
	border: 0;
}
table.calendar tbody td a {
	display: block;
	padding: 0.75em 0;
	width: 3em;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}
table.calendar tbody td a:hover { border: 1px solid #912608; }
.unavailable, a.unavailable:hover {
	background-color: transparent; 
	border: 1px solid #A5A5A5 !important;
	color: #A5A5A5;
}



.unbooked {
	background-color: transparent; 
	border: 1px solid #097390;
}

.partially_booked {
	background-color: #DBE6E9; 
	border: 1px solid #097390;
}

.morning_booked, a.morning_booked {
	background-color: #81A8B3; 
	border: 1px solid #097390;
	color: #075E76;
}

table.calendar td a.morning_booked:hover { color: #912608; }
table.legend {
	margin-top: 1em;
	border: 4px solid #097390;
	width: 100%;
	border-collapse: collapse;
	background: url(/images/diag_bg1.gif) repeat center center;
}

table.legend th { 
	border-bottom: 2px solid #097390; 
	padding: 0.15em; 
}

table.legend td { padding: 0.5em 0 0.5em 0.5em; }
span.legend {
	width: 1.5em;
	height: 1.5em;
	display: block;
}

table.availability td {	
	padding-right: 1.5em; 
}

p.snippet {
	font-size: smaller;
	margin-left: 2em;
}

span.snippethighlight {
	background-color: #e8f5f8;
	font-weight: bold;
}

.error {
	padding: .5em 1em;
	color: #FFF;
	background: #A64743;
}
.success {
	padding: .5em 1em;
	color: #FFF;
	background: #4d98ad;
}
.error a, .success a {
	color: #FFFFFF;
}
.error a.external, .success a.external {
    padding-right: 12px !important;
    background: url(../images/btn.external.error.gif) no-repeat right center !important;
}
span.error {
	padding: 0.25em 0.5em;
}

/* Copyright disclaimers */
table.copyright { margin-top: 2em; }
table.copyright td { 
	vertical-align: top; 
	font-size: 90%;
}
table.copyright td.checkboxField { 
	width: 2em; 
	font-size: inherit; 
}

/* Feed links */
a.feed {
	padding-right: 18px;
	background: url(/images/feed_icons/standard/feed-icon-14x14.png) no-repeat center right;
}

/* Search results */
table.searchresults {
	border-collapse: collapse;
	width: 100%;
}
table.searchresults th {
	text-align: left;
	border-bottom: 1px solid black;
	padding-right: 1em;
	vertical-align: bottom;
}
table.searchresults td {
	vertical-align: top;
	padding: 0.4em;
	border-bottom: 1px dotted #cccccc;
}
div.relevance_container {
	border: 1px solid #097390;
	padding: 0;
	width: 40px;
	line-height: 10px;
	height: 10px;
}
div.relevance_container img {
	height: 10px;
}
div.pageNums {
	margin: 1em 0;
	text-align: right;
}

/* Anchor menus */
ul.anchorMenu {
	margin: 0;
	padding: 0;
	display: inline;
}
ul.anchorMenu li {
	display: inline;
	margin-left: 0;
	padding: 0 5px 0 7px;
	border-left: 1px solid #08637C;
	list-style: none;
}
ul.anchorMenu li.first {
	padding-left: 0;
	border-left: none;
}

/* Top link */
div.topLinkRight {
	float: right;
}
div.topLinkRight a {
	display: block;
    background: url(../images/totop.bg.gif) no-repeat left center;
    padding-left: 15px;
}

div.border { 
	border: 2px dotted #098390;
	padding: 1em; 
	margin: 1em 0;
	width: 32em;
}
div.border h3 { margin-top: 0; }
div.border p { margin-bottom: 0; }

/* comment sidepage */
#sidepage {
	float:right;
	height:880px;
	border:0px;
}

/* Javascript Calendar */
#EZcalendar {
	display: none;
	position: absolute;
	margin: 0;
	z-index: 99;
	background: #127592;
	/* safer to use fixed font sizes */
	font: 11px Arial, Helvetica, sans-serif;
	border: 2px solid #127592;
	padding:0;
}
#EZcalendar form {
	margin: 0;
	padding: 0;
}
#EZcalendar table {
	border: 1px solid #127592;
	border-collapse: collapse;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
#EZcalendar table th {
	color:#FFFFFF;
	padding:0;
}
#EZcalendar table td, #EZcalendar table th {
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	padding:0;
}
/*tds*/
#EZcalendar table td a.outsideMonth {
	background: #BEBFAE;
	color: #fff;
}
#EZcalendar table td a.today{
	background: #A64743;
	color: #fff;
	padding:0;
}
#EZcalendar table td a {
	background: #F4F6F7;
	color: #333;
	display: block;
	color: #333;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
}
#EZcalendar table td a:hover {
	color: #333;
	background: #F1C4C5;
	
}

#EZcalendar table td#EZcalendar_text {
	background: #127592;
	color:#fff;
	text-align: center;
	width: 64px;
	height: 16px;
}

#EZcalendar input {
	border: none;
	background: #127592;
	color: #fff;
	cursor: pointer;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	text-align: center;
}
#EZcalendar input.left {
	float: left;
}
#EZcalendar input.right {
	float: right;
}
#EZcalendar_table {
	clear: both;
}

.MYdropdown {
	color:#127592;
	font-weight:bold;
	font-size:110%;
	border:0px;
}

/* Global Message */
.errorMessage {
	padding:10px;
	background-color:#A64743;
	border-bottom:1px solid #FFF;
	color:#FFF;
	font-size:1.1em;
}
.infoMessage {
	padding:10px;
	background-color:#127592;
	border-bottom:1px solid #FFF;
	color:#FFF;
	font-size:1.1em;
}

/* News Slider */
.news #content h2 {
	border-bottom: 1px solid #097390;
	padding-bottom: 0.3em;
}

.news #content div.image {
	border: 1px solid #DADADA;
	float: left;
	margin: 0 20px 20px 0; 
	padding: 2px; 
	width: 148px;
	height: 107px;		
}

.news #content h3 {
    margin: 0;
    padding: .2em .4em;
    background: #f3f1f1;
}

.news h4 {
    margin-top: 0;
    padding: .3em .6em;
    color: #666;
}

.news .summary {
    margin: 0 0 2em .5em;
}

/* About SCQL - Visiting the SCQL */
.visitors #content h2 {
	border-bottom: 1px solid #097390;
	padding-bottom: 0.3em;
}

.visitors #content h2#Brisbane { 
	border-bottom: none; !important; 
	margin-bottom: 0;
}

.visitors #content hr.first { 
	height: 0;
    border: 0;
    border-top: 1px solid #097390;
	margin-bottom: 1em;
}