html, body {
	background-color: #000000;
	margin: 0;
	color: #FFFFFF;
	-webkit-text-size-adjust: none;
}

#livestatsinc_div {
	position: relative;
	top: 10px;
	height: 170px;
	width: 350px;
	margin: auto;
}

#wrapper_mob {
	position: relative;
	margin: auto;
	width: 354px;
}

/* Main heading for site*/
.hhb {
	font-family: arial,verdana,helvetica;
	font-size: 0.96em;
	color: #b3ebf7;
	font-weight: bold;
	padding: 3px;
}

#detailsframe {
	position: relative;
	height: 2000px;
	width: 340px;
	top: 2px;
	margin: 0 auto 0 auto;
	z-index: 999;
}

#mobileNav .hhb {
	position: relative;
	top: 0px;
	width: 312px;
	height: 16px;
	text-align: center;
}

.mobLinkRow {
	position: relative;
	width: 334px;
	height: 20px;
}

#mobileNav {
	position: relative;
	top: 2px;
	left: 0;
	width: 314px;
	height: 55px;
}

#mobileNav ul {
	position: absolute;
	top: 7px;
	left: -25px;
	list-style: none;
}

#mobileNav li {
	display: inline;
}

#details_div_mob {
	position: relative;
	top: -25px;
	left: -16px;
	width: 342px;
	margin: auto;
}

#header_div_mob {
	position: relative;
	width: 350px;
	height: 71px;
	margin: auto;
	margin-bottom: 5px;
}

#footer_div_mob {
	position: relative;
	width: 280px;
	height: 71px;
	margin: auto;
	margin-bottom: 5px;
	text-align: center;
}

#mobile_image {
	position: relative;
	top: 5px;
	left: 15px;
	width: 100%;
	height: 500px;
}

#mobile_graph_selector {
	position: relative;
	left: 30px;
	z-index: 1;
}

#links_body_mob {
	position: relative;
	top: 15px;
	left: 15px;
	width: 150px;
	margin: auto;
}

#switchto {
	position: relative;
	width: 160px;
	height: 35px;
	margin: auto;
	top: 15px;
	left: -14px;
	padding-bottom: 10px;
}

#linksframemob {
	position: relative;
	left: -25px;
	height: 190px;
	width: 200px;
	margin: auto;
}

/*Mobile Page*/
#mobile_history {
	position: relative;
	top: -29px;
	left: -25px;
	width: 345px;
	height: 400px;
	margin: auto;
	margin-bottom: 16px;
	z-index: 5;
}

#mobile_history ul {
	position: relative;
	top: 10px;
	left: -20px;
	width: 305px;
	padding: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px; 
	margin-top: 5px;
}

#graphSettings .mobGraphTimeInt ul {
	position: relative;
	width: 350px;
}

.mobGraphTimeInt {
	position: relative;
	margin: auto;
	margin-top: 5px;
	left: 20px;
	width: 345px;
	height: 620px;
}

#mobile_history li {
	display: inline;
	padding: 0px;
	margin-right: 6px;
	line-height: 13px;
	color:#ffcc33;
}

#mobile_history img {
	position: relative;
	left: 38px;
	width: 280px;
	height: 200px;
}

.mobGraphHeading {
	position: relative;
	top: 13px;
	height: 25px;
	width: 100%;
	text-align: center;
	margin: auto;
}

/*links*/
a:link, #chcam b, #graphsframemob a:link, .showInside a:link, .showInsideGraphs a:link {
	text-decoration: none; 
	color:#ffcc33;
	font-style:normal;
	font-weight:normal;
	font-family: arial,verdana,helvetica;
	font-size: 0.75em;
	cursor: default;
	padding: 3px;
}

#homeHeadList {
	position: relative;
	left: 0px;
}

a:visited, #graphsframemob a:visited, .showInside a:visited, .showInsideGraphs a:visited {
	text-decoration: none; 
	color:#ffcc99;
	font-style: normal;
	font-family: arial,verdana,helvetica;
	font-size: 0.75em;
	cursor: default;
}
a:active, .showInside a:active, .showInsideGraphs a:active {
	text-decoration: none; 
	color:#ffcc33;
	font-style: normal;
	font-family: arial,verdana,helvetica;
	font-size: 0.75em;
	cursor: default;
}
a:hover, a:focus,a:focus,  #graphsframemob a:active {
	text-decoration: none; 
	background-color:#A52A2A; 
	color:#FFFFFF;
	font-style: normal;
	font-family: arial,verdana,helvetica;
	font-size: 0.75em;
	cursor: default;
}

/*currentdetails.html*/

acronym.cwoacro {
	border:0;
	text-decoration:none;
}

/* current details table */

table.cwo {
	table-layout: fixed;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #004400;
	border-collapse: collapse;
	width: 312px;
	padding: 0;
	margin: auto;
	line-height: 1.2em;
}

/*  bullet separator home header table */
.hhbs {
	color: #709090;
	padding: 0;
	margin: 0;
}

.cworc,.cwolc, .cwo1bsf {
	vertical-align: top;
	font-family: geneva,verdana,arial,helvetica,sans-serif;
	font-size: 0.75em;
	text-align: left;
}
/* current details left column */
.cwolc {
	width: 41%;
	color:#99cccc;
}  
/* current details right column */
.cworc, .cwo1bsf {
	width: 59%;
	color:#ffcc33;
}  
.cwo1bsf {
	font-weight:normal;
	text-align:justify;
	padding-top: 3px;
	padding-bottom: 3px;
}
.cwo1bsfTemp {
	font-family: geneva,verdana,arial,helvetica,sans-serif;
	font-size: 1em;
	font-weight:normal;
	text-align:justify;
	padding-top: 3px;
	padding-bottom: 3px;
}
.bomsf {
	width:295px;
	margin:auto;
	margin-left:5px;
	padding:0;
}
.bomsfhd, .bomsfis {
	color:#bbccee;
	font-weight:normal;
}
.bomsfis {
	font-style:italic;
	text-align: center;
	color:#ffcc33;
}

/* section headings */
.cwotdsh, table.cwo caption {
	line-height:116%;
	text-align:center;
	color:#bbccee;
}

table.cwo caption {
	margin-bottom: 3px;
}

/* current details left column, right column, section headings */
.cwolc,.cworc,.cwotdsh,#current_details_th {
	border-color:#004400;
	border-width: 1px 1px 0 0;
	border-style:solid;
	vertical-align:middle;
	padding-left:5px;
}

#about_body_mob {
	font-family: geneva,verdana,arial,helvetica,sans-serif;
	font-size: 0.75em;
	color: #00ffff;
	position: relative;
	margin: auto;
	top: -25px;
	left: 10px;
	background-color:#000000;
	width: 300px;
	height:100%;
	line-height:1.7em;
	text-align: justify;
}

#about_heading {
	font-weight: bold;
	text-align: center;
}

#about_body_mob img {
	width: 300px;
	height: 240px;
}

#wcmstaldiv #switchto {
	position: relative;
	top: 15px;
}

.mobLink {
	padding: 0;
}

#liveToggle {
	position: relative;
	width: 200px;
	margin: auto;
}

#switchTo_div {
	position: relative;
	width: 250px;
	margin: auto;
}

.mobHilite {
	background-color: #405060;
	color: #bcdefd;
	font-weight: bold;
}

#livestatsframemob {
	position: relative;
	top: -32px;
	left: -16px;
	margin: auto;
	width: 100%;
	height: 159px;
	margin: auto;
	margin-bottom: -7px;
	padding: 0;
}

#graphsframemob {
	position: relative;
	top: -29px;
	height: 430px;
	width: 350px;
	margin: auto;
	margin-bottom: 8px;
	padding: 0;
}

#camframemob {
	position: relative;
	top: -28px;
	left: -16px;
	width: 350px;
	height: 635px;
	margin: auto;
	padding: 0;
}

.iframebodywrapper {
	height: 100%;
}

#mobRefHome {
	height: 50px;
	width: 325px;
	text-align: center;
}

#mobileGraphsAll {
	position: relative;
	top: -24px;
	left: -17px;
	margin: auto;
	margin-bottom: 25px;
	text-align: center;
}

#mobileGraphsAll img {
	width: 280px;
	height: 195px;
}

#wrapper_mob #cam2div img {
	width: 320px;
	height: 240px;
}

#wrapper_mob #cam2div {
	position: relative;
	top: -16px;
	height: 295px;
}

#camNav {
	position: relative;
	width: 320px;
	height: 22px;
	top: -3px;
	margin: auto;
	padding: 5px;
	background-color: #101519;
	text-align: center;
}

#camNav div {
	display: inline;
	padding: 15px;
}

#mobCamNav {
	position: relative;
	width: 290px;
	height: 40px;
	top: -26px;
	margin: auto;
}

#mobCamNav #camNav {
	position: relative;
	width: 290px;
	height: 40px;
	top: 0px;
	left: -16px;
	margin: auto;
	padding: 5px;
	background-color: #101519;
}


#wrapper_mob #camimageiframe {
	position: relative;
	width: 320px;
	height: 280px;
	margin-bottom: 20px;
	top: -26px;
	left: -16px;
}

#mobCam1 {
	position: relative;
	top: 3px;
	height: 280px;
}

#wrapper_mob #camimageiframe #cam2div {
	position: relative;
	top: 0px;
	width: 320px;
	height: 260px;
}


#cam2Div {
	height: 280px;
}

.showInside {
	position: relative;
	top: 10px;
	width: 340px;
	text-align: center;
}

.showInsideGraphs {
	position: relative;
	top: 10px;
	text-align: center;
}

#contactNewMsg {
	position: relative;
	top: 10px;
	left: 10px;
	width: 250px;
	margin: auto;
	margin-bottom: 25px;
	text-decoration:blink;
}

#mobileGraphsAll a {
	padding: 7px;
}

/*BOM Sydney Forecast*/
.forecastTimeFrame {
	font-style: italic;
	color: #99cc00;
}

.forecastDay {
	color: #99cccc;
	text-align: center;
}

.uvAlert {
	text-align: justify;
}

#livestatsDiv {
	position: relative;
	top: -30px;
	left:-16px;
}

#mobile_graph_selector ul li, .mobGraphTimeInt ul li {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.78em;
}

#mobile_graph_selector a:link, #mobile_graph_selector a:hover, #mobile_graph_selector a:visited, .mobGraphTimeInt a:link, .mobGraphTimeInt a:hover, .mobGraphTimeInt a:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.96em;
}

.mobGraphAllTimeInt {
	position: relative;
	margin-left: -33px;
	width: 340px;
	color: #ffcc33;
	font-size: 0.78em;
	font-family: arial, helvetica, sans-serif;
	z-index: 1;
}

.mobGraphAllTimeInt li {
	display: inline;
	margin-right: 2px;
	z-index: 1;
}

#nojsgraphAllSel{
	position: relative;
	top: -31px;
	left: -1px;
	margin-bottom: -130px;
	z-index: 999;
}


/*---------------*/