/*  Styles for the OnTheWeb sites - global styles
    Author: Ajmal Saifudeen */

body {
    border: none;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    text-align: center; /* This is a workaround for IEs shortcomings - IE doesn't align elements to the center by using the margin:auto property */
    color: #000000;
    background-color: white;
}
table { border-collapse: collapse; }
td, th { padding: 0; }
img { border:0; }
A:link { color:#2629A0; text-decoration: none; }
A:visited { text-decoration: none; }
A:hover { text-decoration: none; border-bottom: 1px dotted #666666;}
h1 {
    font-weight: bold;
    font-size: 18px;
    color: #9C530C;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: left;
}
h2 {
    font-weight: bold;
    font-size: 16px;
    color: #AF4B4B;
    padding-bottom: 3px;
    text-align: left;
}
h3 {
    font-weight: bold;
    font-size: 12px;
    color: #666666;
    padding-bottom: 1px;
    text-align: left;
}

form {display: inline;}

.bookmarkLinks {
	padding-right: 10px;
	white-space: nowrap;
}
.bookmarkLinks a {
	color: #666666;
	white-space: nowrap;
}
.bookmarkLinks a:visited {
	color: #666666;
	white-space: nowrap;
}
.verticalSpacerRegular {
	height: 5px;
}
.smallBottomPadding {
    padding-bottom: 1px;
}
.mediumBottomPadding {
    padding-bottom: 3px;
}
.defaultBottomPadding {
    padding-bottom: 5px;
}
.bigBottomPadding {
    padding-bottom: 10px;
}
.largeBottomPadding {
    padding-bottom: 15px;
}
.largerBottomPadding {
    padding-bottom: 30px;
}
.smallVerticalSpacing {
    padding-bottom: 1px;
    height: 1px;
}
.defaultVerticalSpacing {
    padding-bottom: 5px;
    height: 5px;
}
.bigVerticalSpacing {
    padding-bottom: 10px;
    height: 10px;
}
.largeVerticalSpacing {
    padding-bottom: 15px;
    height: 15px;
}
.largerVerticalSpacing {
    padding-bottom: 30px;
		height: 30px;
}
.defaultSection {
    border: none;
    padding: 0px;
    margin: auto;
    width: 100%;
    left: 0px;
}
.defaultSectionFitContent {
    border: none;
    padding: 0px;
    margin: auto;
    left: 0px;
}
.alignCentre {
	vertical-align:middle;
	text-align:center;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.searchSection { /* get over-ridden for the home page */ 
	width: 33%;
	white-space:nowrap;
	text-align: center;
	vertical-align: middle;
	margin: auto;
}
#otherLinksSection {
	padding-right:15px;
	text-align:right;
	vertical-align:middle;
	line-height:10px;
	width:33%;
}
.otherLinks {
	line-height:13px;
	font-weight: normal;
}
.otherLinks a {
	color: #000000;
	white-space: nowrap;
}
.otherLinks a:visited {
	color: #000000;
	white-space: nowrap;
}
.otherLinksSelected {
	line-height:13px;
	font-weight: normal;
}
.otherLinksSelected a {
	color: #E39E5B;
	font-weight: bold;
	white-space: nowrap;
}
.otherLinksSelected a:visited {
	color: #E39E5B;
	font-weight: bold;
	white-space: nowrap;
}
.clearFloats {
	clear: both;
}
.sisterLinks {
	width: 100%;
	border-top: solid 1px #79644D;
	border-bottom: solid 1px #79644D;
	background-color: #BD9C7B;
	background-image: url(http://www.brisbaneontheweb.com/images/gif/sisterLinks_back.gif);
	color: #F5F5DC;
	text-indent: 4px;
	text-align: left;
	font-weight: bold;
}
.tiExtLinkHeader {
	width: 100%;
	border-top: solid 1px #79644D;
	border-bottom: solid 1px #79644D;
	background-color: #CEB59C;
	color: #F5F5DC;
	text-indent: 4px;
	text-align: left;
	font-weight: bold;
	height: 70px;
}
.sisterLinksDropDownText {
	background-color: #B2A99E;
	color: White;
	text-align: left;
	border-style: ridge;
}
.defaultFormElements {
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	position:relative;
}
.buttonStyle {
    height: 25px;
    font-size: 13px;
}
.buttonStyle_Search {
    height: 23px;
	font-size: 13px;
}
.inputStyle {
	background-color: #F5F5DC;
	border-style: ridge;
	color: #1B9D33;
}
.inputStyleHighlighted {
	color: #E67F06;
	font-style: italic;
	padding-left: 3px;
}
.topLinksCell {
	color: #FFFFFF;
	background-color: #999999;
	vertical-align: middle;
	border-right: dotted 1px #C0C0C0;
	text-decoration: none;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	height: 15px;
}
.topLinksCell a {
	color: #FFFFFF;
	text-decoration: none;
}
.topLinksCellHighlighted {
	color: #FFFFFF;
	vertical-align: middle;
	border-right: dotted 1px #C0C0C0;
	text-decoration: none;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	height: 15px;
}
.topLinksCellHighlighted a {
	color: #FFFFFF;
	text-decoration: none;
}
.searchOptions{
	position:relative;
	text-align:left;
}
.searchOptions a{
	color: #666666;
}
.searchOptions a:hover{
	text-decoration: none;
}
/* drop menu for top links */
#dropmenudiv {
	position:absolute;
	border:1px solid #545454;
	border-top: 1px solid #FFFFFF;
	line-height:15px;
	text-align: left;
	padding-right: 10px;
	z-index:100;
	font-size: 11px;
}
#dropmenudiv a {
	width: 100%;
	display: block;
	border-bottom: 1px dotted #cccccc;
	padding-left: 10px;
	color: White;
	text-decoration: none;
}
#dropmenudiv a:hover {
	background-color: #666666;
}
/* -- end dropmenu -- */
.copyrightTable {
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #545454;
	background-color: #999999;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
}
.copyrightTable a {
	color: #ffffff;
}
.belowCopyright {
	color: #C0C0C0;
}
.externalLink {
	background: url(http://www.brisbaneontheweb.com/images/gif/extLink.gif) right center no-repeat;
	padding-right: 25px;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px dotted #C0C0C0;
}
.internalLink {
	background: url(http://www.brisbaneontheweb.com/images/gif/arrowSmall.gif) left center no-repeat;
	padding-left: 11px;
	font-weight: bold;
	border-bottom: 1px dotted #C0C0C0;
}
.normalLink {
	border-bottom: 1px dotted #C0C0C0;
}
.popupLink {
	background: url(http://www.brisbaneontheweb.com/images/gif/newWin.gif) right center no-repeat;
	padding-right: 15px;
}
.bulletGray {
	background: url(http://www.brisbaneontheweb.com/images/gif/arrowGray.gif) left center no-repeat;
	padding-left: 11px;
}
.bulletListItem {
	background: url(http://www.brisbaneontheweb.com/images/gif/arrowBullet.gif) left top no-repeat;
	padding-left: 11px;
	font-weight: normal;
	padding-bottom: 5px;
	text-align: left;
}
.mediumText {
	font-size: 11px;
}
.smallText {
	font-size: 10px;
	font-weight: normal;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;
}
.smallText a {
	text-decoration: none;
}
.smallText a:visited {
	text-decoration: none;
}
.smallText a:active {
	text-decoration: none;
}
.smallText a:hover {
	text-decoration: underline;
}
.smallTextBold {
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;
}
.smallTextBoldBlack {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;
}
.blackLink {
	color: #000000;
}
.blackLink a {
	color: #000000;
}
.normalText {
	font-weight: normal;
}
.normalTextBold {
	font-weight: bold;
}
.topHeaderText { /* used for the text in the top brown bar - size added for affiliate code */
	font-size: 12px;
	color: #F5F5DC;
}
.largeText {
	font-weight: normal;
	font-size: larger;
	color: #666666;
}
.largeTextBold {
	font-weight: bold;
	font-size: larger;
	color: #666666;
}
.normalPara {
	display: block;
	padding-bottom: 10px;
	text-align: justify;
}
.endPara {
	display: block;
	padding-bottom: 30px;
	text-align: justify;
}
.internalAds {
	width:150px;
	text-align:left;
	margin:auto;
	background-color:#ffffff;
	padding-left:6px;
	padding-right:6px;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom: 2px;
}
.internalAds_advertiseLink {
	text-align:left;
	padding-left:22px;
	padding-bottom:6px;
	text-decoration:underline;
}
.internalAds_title {
	font-family: Arial;
	text-align:left;
}
.internalAds_title a {
	color:#D2A888;
	text-decoration: underline;
}
.internalAds_text {
	font-family: Arial;
	text-align:justify;
	color: #999999;
}
.internalAds_link {
	text-align:left;
	font-size:9px;
	padding-top:3px;
}
.sponsoredLink a {
	padding: 3px;
	text-align: left;
	color:#D2A888;
}
.toolTip {
	position:relative;
	color:#E78651;
	padding: 15px;
	border: 1px dotted #cccccc;
}
.toolTipButton {
	text-align:right;
}
.toolTipButtonRight {
	text-align:right;
	float: right;
}
.toolTipButtonLeft {
	text-align:left;
	float: left;
}
.toolTipButtonStyle {
    border: 1px dotted #999999;
    height:18px;
    font-size: 10px;
}
.creditsSectionCellLeft {
	width: 33%;
	text-align: left;
	vertical-align: bottom;
	padding-left: 10px;
}
.creditsSectionCellRight {
	width: 33%;
	text-align: right;
	vertical-align: bottom;
	padding-right: 10px;
}
.creditsSectionCellCenter {
	width: 33%;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.creditsSectionCellCenter a {
	color: #666666;
}
.credentialsSection {
	border-top: 1px dotted #c0c0c0;
}
.sectionDivider {
	border-top: 1px dotted #999999;
}
.googleGadgetLink {
	text-align:center;
	padding-right:15px;
}
.resolutionWarning {
	width:100%;
	border-top:1px solid #000000;
	margin-top:1px;
	background-color:#DF0707;
	top:0px;
	color:#FFFFFF;
	text-align:center;
}
.tagsSection{
	padding-left:5px; 
	padding-right:5px; 
	text-align:left;
}
.tagsSection a{
	padding-left:5px;
	padding-right:5px;
	color:#AEACA2;
}
.tagsSection a:visited{
	color:#AEACA2;
}
.tagsSection a:hover{
	color:#7E3434;
	text-decoration:none;
	border-bottom:none;
	background-color:#F2E9C4;
}
.tagNormal{
	font-size:12px;
	font-family:Verdana;
}
.tagMedium{
	font-size:15px;
	font-weight:bolder;
}
.tagLarge{
	font-size:18px;
	font-weight:bold;
}
.grayBox{
	margin:auto;
	width:98%;
}
.grayBoxSides {
	height:12px;
	width:12px;
}
.grayBoxTopCentre {
	background-image:url(http://www.brisbaneontheweb.com/images/gif/grayBox_top.gif);
	height:12px;
}
.grayBoxLeft {
	background-image:url(http://www.brisbaneontheweb.com/images/gif/grayBox_left.gif);
	width:12px;
}
.grayBoxRight {
	background-image:url(http://www.brisbaneontheweb.com/images/gif/grayBox_right.gif);
	width:12px;
}
.grayBoxContentSection {
	vertical-align:top;
}
.grayBoxBottomCentre {
	background-image:url(http://www.brisbaneontheweb.com/images/gif/grayBox_bottom.gif);
	height:12px;
}
.shadowBox{
	margin:auto;
	width:auto;
}
.preLoader {
	display: none;
	visibility: hidden;
}
.footerLinksTextLink {
	margin-right: 5px;
	margin-left: 5px;
}
/* lightbox styles */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 270px;
	margin: 0 auto;
}
#imageContainer{
	padding: 10px;
}
#loading{
	position: absolute;
	top: 20%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.sydneyontheweb.com/images/gif/_otw_pi_blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.sydneyontheweb.com/images/gif/_otw_pi_prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.sydneyontheweb.com/images/gif/_otw_pi_nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData{
	padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
/* tooltips */
a.ctooltip {
    position: relative;
    z-index: 24;
}
a.ctooltip:hover {
	z-index:25; 
}
a.ctooltip span {
	display: none
}
a.ctooltip:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
    left:2em; 
    width:15em;
    border:1px solid #BFAE75;
    background-color:#F6F3CA; 
    color:#000000;
    text-align: center
}