/*#@Font #*/
@font-face {
  font-family: ClarendonBT;
  src: url('/App_Themes/SLS.Aussies/fonts/ClarendonBT.eot');
}
@font-face {
  font-family: ClarendonBT;
  src: url('/App_Themes/SLS.Aussies/fonts/ClarendonBT.TTF');
}
/*#1.Main Layout Fixed BG #*/
/*#1.Main Layout Fixed BG / a. html #*/
html {
  min-height: 100%;
  *height:auto!important;
  height:100%;
  width:100%;
  overflow:hidden;
  overflow-y:hidden;
  overflow-x:hidden;
}

/*#1.Main Layout Fixed BG / b. body #*/
body {
  font-family: Arial, Tahoma, Verdana;
  font-size: 12px;
  min-height: 100%;
  *height:auto!important;
  height:100%;
  width:100%;
  overflow:hidden;
  overflow-y:hidden;
  overflow-x:hidden;

  background-color:#fff;

  margin:0px;
  padding:0px;
}

/*#1.Main Layout Fixed BG / c. td #*/
td {
  font-family: Arial, Tahoma, Verdana;
  font-size: 12px;
}

/*#1.Main Layout Fixed BG / d. a #*/
a {
  color: #000;
  text-decoration: none;
}

/*#1.Main Layout Fixed BG / e. a:hover #*/
a:hover {
  color: #000;
  text-decoration: underline;
}

/*#1.Main Layout Fixed BG / f. .divBG #*/
.divBG {
  z-index: 1;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  background: transparent;
  position: fixed;
  _position: absolute; /* IE6 */
  right: 0px;
  left: 0px;
}

/*#1.Main Layout Fixed BG / g. .divBG img #*/
.divBG img {
  visibility: visible;
}

/*#1.Main Layout Fixed BG / h. .divBody #*/
.divBody {
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: auto;
  position: fixed;
  _position: absolute;
  /*top: 0px;*/
  left: 0px;
  *overflow-x: hidden;
  *overflow-y: scroll;
}
.ie6 .divBody {
}
.ie7 .divBody {
}
/*#1.Main Layout Fixed BG / i. .divCanvas #*/
.divCanvas {
  margin: 0px;
  padding: 0px;
  background: url('/images/layout/spacer.aspx');
}
/*#1.Main Layout Fixed BG / j. .divViewport #*/
.divViewport {
  margin: 0px auto;
  padding: 0px;
  width: 900px;
}

/*#1.Main Layout Fixed BG / k..divMarquee #*/
.divMarquee {
  clear: both;
  margin: 2px 0px;
  height: 22px;
  background-color: #265DA6;
  padding: 7px 10px 0px 10px;

  color:#fff;
  
}

/*#1.Main Layout Fixed BG / k. .divMarquee / 1. a #*/
.divMarquee a{
  color:#FFFFFF;
}

.divMarquee a:hover{
  color:#FFFFFF;
}


/*#1.Main Layout Fixed BG / l. .divMainContent #*/
.divMainContent {
  margin: 0px;
  padding: 0px;
  background: url('/images/layout/content-bg.aspx');
  /*overflow: auto;*/
  overflow:hidden;
  width: 900px;
}

/*#1.Main Layout Fixed BG / l. .divMainContent / a. .divLeft #*/
.divLeft {
  float: left;
  width: 190px;
}

/*#1.Main Layout Fixed BG / l. .divMainContent / b. .divContent #*/
.divContent {
  float: left;
  width: 710px;
}

/*#1.Main Layout Fixed BG / l. .divMainContent / c. .divContentCenter #*/
.divContentCenter {
  float: left;
  width: 430px;
}

/*#1.Main Layout Fixed BG / l. .divMainContent / d. .divContentRight #*/
.divContentRight {
  float: left;
  width: 280px;
}

/*#1.Main Layout Fixed BG / l. .divMainContent / e. .body-content #*/
.body-content {
  margin: 0px 11px 0px 10px;
}
/*#1.Main Layout Fixed BG / l. .divMainContent / f. .right-content #*/
.right-content {
  margin: 0px 0px 0px 0px;
}

/*#1.Main Layout Fixed BG / m. .divFooter #*/
.divFooter {
  clear: both;
  margin-top: 0px;
  height: 78px;
  background-color: #265DA6;
  background-image: url('/images/layout/footer-bg.aspx');
  background-position: bottom;
  background-repeat: repeat-x;
  font-size: 11px;
  color:#FFF;
}
/*#1.Main Layout Fixed BG / m. .divFooter / a #*/
.divFooter a {
  font-size: 11px;
  color: #FFF;
}

.divFooter a:hover {
  font-size: 11px;
  color: #FFF;
}


/*#1.Main Layout Fixed BG / m. .divFooter / td #*/
.divFooter td {
  font-size: 11px;
}





























/*#2.Slide Menu ++++++++++++++ #*/
.slidemenu {
  float: left;
  width: 190px;
}
.slidemenu ul {
  margin: 0px 0px 5px 1px;
  padding: 0px;
  width: 186px;
}
.slidemenu ul li {
  margin: 2px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  line-height: 15px;
  
  
  background: url('/images/layout/menu-bg.aspx');
  background-repeat: no-repeat;
 
}
.slidemenu ul li.hide {
  display: none;
}
.slidemenu ul li a {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  /*text-transform: uppercase;*/
  
  font-size: 12px;
  color: #FFF;
  
  zoom: 1;
}
.slidemenu ul li a:hover {
  /*background: url('/images/layout/menu-bg.aspx');*/
  text-decoration: none;
  color: #FFF;
}
.slidemenu ul li.active ul {
  display: block;
}
.slidemenu ul li ul {
  display: none;
  margin: 0px;
  padding: 0px;
}
.slidemenu ul li ul li {
}
.slidemenu ul li ul li a {
  display: block;
  background: #6699ff;
  padding: 10px 0px 10px 11px;
  margin: 1px 0px 0px 0px;
  font-size: 11px;
  text-transform: none;
  border-left: solid 3px #6699ff;
  
  zoom: 1;
  color: #FFF;
}
.slidemenu ul li ul li.on a {
  background: #3366cc;
  text-decoration: none;
  border-left: solid 3px #003366;

  color: #FFF;
}
.slidemenu ul li ul li a:hover {
  background: #3366cc;
  text-decoration: none;

  color: #FFF;
}

/*#2.Slide Menu ++++++++++++++ / Custom #*/
.slidemenu ul li ul li span {  /* for inactive link */
  display: block;
  background: #6699ff;
  padding: 10px 0px 10px 11px;
  margin: 1px 0px 0px 0px;
  font-size: 11px;
  text-transform: none;
  /*border-left: solid 3px #0476e8;*/
  
  zoom: 1;

  color: #FFF;
}


/***** 2nd submenu *****/
.slidemenu ul li ul li.sub2 a {
  background-color: #8AB9FD;
  text-decoration: none;
  /*border-left: solid 3px #0476E8;*/
  padding:3px 0 3px 21px;

  color: #FFF;
}

.slidemenu ul li ul li.sub2 a:hover {
  background: #23aff7;
  text-decoration: none;

  color: #FFF;
}

/*# Gallery-Navitation #*/
.Gallery-Navitation {
  float:left;
  width:100%;
}
.Gallery-Navitation ul {
  list-style: none;
}
.Gallery-Navitation ul li {
  font-weight: bold;
  color: #d5131f;
  /*float: left;*/
  margin: 5px 0px 3px 10px;
}
.Gallery-Navitation ul li ul {
  /*float: right;
  margin: 5px 0px 3px 10px;*/
  /*margin:-12px 0 3px 80px;*/
}
.Gallery-Navitation ul li ul li {
  /*clear: none;
  float: left;
  width: 80px;
  font-weight: normal;
  margin: -15px 0px 0px 0px;
  padding: 0px 5px 0px 10px;
  border-left: solid 1px #666;*/

  border-left:1px solid #666666;
  clear:none;
  float:left;
  font-weight:normal;
  margin:-17px -31px 4px 46px;
  padding:0px 0px 0px 13px;
  /*width:48px;*/
}

.IE6 .Gallery-Navitation ul li ul li {
  margin:-17px -31px 4px 26px;
  padding:0px 13px 0px 13px;
}

.Gallery-Navitation ul li ul li.on a {
  color: red;
}
/*#3.Breadcrums ++++++++++++++ #*/
.breadcrum {
  clear: both;
  margin: 2px 0px 5px 0px;
  color: #999;
  font-size: 10px;
}
.breadcrum a {
  color: #999;
}
.breadcrum a:hover {
  color: #999;
  text-decoration: underline;
}
.breadcrum a.on {
  color: #999;
  font-style: italic;
}

/*#4.Customized Style Elements #*/
/*#4.Customized Style Elements / ul Index Link #*/
ul.index-link {
  margin: 0px;
  padding: 0px;
}
ul.index-link li {
  margin: 0px 0px 5px 18px;
  padding: 0px 0px 0px 0px;
}
ul.index-link li a {
  color: #000;
  text-decoration: none;
}
ul.index-link li a:hover {
  color: #000;
  text-decoration: underline;
}
/*#4.Customized Style Elements / ul Home Bullet #*/
ul.home-bullet {
  margin: 0px 0px 15px 15px;
  padding: 0px !important;
}
ul.home-bullet li {
  margin: 0px 0px 4px 0px;
  padding: 0px;
}
/*#4.Customized Style Elements / ul Partners & Links #*/
ul.partners-links {
  margin: 10px 0px 0px 20px;
  padding: 0px;
}
ul.partners-links li {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  line-height: 18px;
}
ul.partners-links li a {
  margin-left: 2px;
  color: #333;
}
ul.partners-links li ul {
  margin: 10px 0px 10px 20px;
  padding: 0px;
}

/*#4.Customized Style Elements / Search Box #*/
.searchBox {
  clear: both;
  margin: 5px 0px 5px 7px;
}
.searchBox .label {
  font-size: 13px;
  font-weight: bold;
}
.searchBox .keywords {
  font-family: Arial;
  font-size: 11px;
  border: solid 2px #000;
  width: 145px;
  padding: 2px;
  vertical-align: middle;
}
.searchBox .go {
  width: 22px;
  height: 19px;
  cursor: pointer;
  border: none;
  vertical-align: middle;
}
/*#4.Customized Style Elements / Search Dialog & Result #*/
.SearchDialog {
  margin: 10px 0px;
}
.SearchDialog .CMSSearchDialogSearchForLabel,
.SearchDialog .CMSSearchDialogSearchModeLabel {
  display: inline-block;
  width: 100px;
  font-weight: bold;
}
.SearchDialog .CMSSearchDialogSearchButton {
  cursor: pointer;
  vertical-align: middle;
}
.SearchDialog .CMSSearchDialogSearchModeLabel {
  display: inline-block;
  width: 100px;
  font-weight: bold;
}
.SearchResults {
  margin: 10px 0px;
  padding: 15px 0px;
  border-top: dotted 2px #265DA6;  
}
.SearchResults .SearchResult {
  margin: 0px 0px 15px 0px;
}
.SearchResults .SearchResult .ResultTitle {
  font-weight: bold;
  font-size: 12px;
}
.SearchResults .SearchResult .ResultPath {
  margin-top: 3px;
  font-size: 11px;
}
.SearchResults .PagerControl {
  margin: 10px 0px;
  padding: 5px 0px;
  border-top: dotted 2px #d5131f;  
}






/*#iframe #*/



/*#h1 #*/
h1 {
  font-family: ClarendonBT;
  font-size: 24px;
  font-weight: normal;
  margin: 7px 0px;
}
/*#h2 #*/
h2 {
  font-family: ClarendonBT;
  font-size: 22px;
  font-weight: normal;
  margin: 7px 0px;
}
/*#h3 #*/
h3 {
  font-family: ClarendonBT;
  font-size: 20px;
  font-weight: normal;
  margin: 7px 0px 0px 0px;
}
/*#h4 #*/
h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 7px 0px;
}
/*#h5 #*/
h5 {
  font-size: 14px;
  font-weight: bold;
  margin: 7px 0px;
}
/*#h6 #*/
h6 {
  font-size: 12px;
  font-weight: bold;
  margin: 7px 0px 6px 0px;
}
/*#p #*/
p {
  line-height: 20px;
  margin: 10px 0px 10px 0px;
}
/*#hr #*/
hr {
  border-top: dotted 2px #265DA6;
  color: #fff;
  background-color: #fff;
  border-style: dotted none none none;
}
/*#ul #*/
ul {
  margin: 0px;
  padding: 0px;
}
ul li {
  line-height: 17px;
  margin: 0px 20px 8px 25px;
  padding: 0px;
}
/*#textarea#*/
textarea {
  font-family: Tahoma;
}

/*#Home Page#*/

/*#Home Page / Social Networking Links #*/
.socialLinks {
  color:#545454;
  margin-top:10px;
  margin-right:4px;
  padding-bottom:30px;
}
 
.socialLinks img {
  border:0;
}

/*#Home Page / Whereis SLSA Image #*/
.whereis_slsa_Image { 
  padding-top:7px;
  padding-bottom:7px;
  margin-left:5px;
}

/*#Home Page / Come Support  Image #*/
.comeSupportImage {
  padding-top:10px;
  padding-bottom:4px;
}

/*#Home Page / Photo Gallery Image #*/
.PhotoGalleryImage {
  padding-bottom:4px;
}

/*#Home Page / Buy Merchandise Image #*/
.BuyMerchandiseImage { 
  padding-bottom:4px;
}




/*#Static Logos #*/   /*** static logos in master template ***/
.staticLogos {
  margin: 0px;
  padding: 0px;
  background: url('/images/layout/content-bg.aspx');
  overflow: hidden;
  width: 900px;
}

/*#Static Logos /Logo Parades #*/   /*** logos parade for tables in master template ***/
.aussies_logos_parade { /* container */
}

.aussies_logos_parade hr{ /* first hr*/
  border-top:solid 1px #265DA6;
  width:880px;
}


.aussies_logos_parade table hr { /* second hr*/
  border-top:1px solid #265DA6;
  margin-left:0;
  width:685px;
}

.IE6 .aussies_logos_parade table hr {
  text-align:left;
}

.whereis_maps_sml {
  padding-left:10px;
  padding-right:0px;
  border: solid 0px;
}

.queensland_events_sml {
  padding-left:0px;
  padding-right:10px;
  border: solid 0px;
}

.logos_firstRow {
  margin-top:0px;
}

.logos_firstRow td img{
  vertical-align:middle;
  /*padding-right: 22px; */
  padding-left:0px;
  padding-right:19px;
  border: solid 0px;
}

.logos_secondRow {
  margin-bottom:0px;
}

.logos_secondRow td img {
  border:0 solid;
  padding-top:6px;
  padding-right:13px;
  padding-bottom:6px;  
  vertical-align:middle;
}

/*#Z Custom/Addons #*/

.divMarquee img {
  border:solid 0px;
}

/*#Result Table - For Past Resul Page#*/
.result-table {
}
.result-table th {
	background-color: #880000;
	font-weight: bold;
	color: #FFFFFF;
	height: 21px;
	text-align: left;
	padding-left: 10px;
}
.result-table td.no {
	background-color: #880000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	height: 22px;
	width: 3%;
}
.result-table td.name {
	background-color: #ca231d;
	padding-left: 7px;
	font-size: 11px;
	color: #FFFFFF;
	width: 42%;
}



/*#News#*/
.NewsWithSummary_v2 {
  margin: 15px 0px 0px 0px;
  padding: 0px;
}
.NewsWithSummary_v2 .NewsPTitle {
  margin: 3px 0px;
  padding: 0px;
  font-size: 13px;
  font-weight: bold;
}
.NewsWithSummary_v2 .NewsReleaseDate {
  margin: 3px 0px;
  padding: 0px;
  font-size: 11px;
  font-weight: normal;
}
.NewsWithSummary_v2 .NewsPBody {
  margin: 3px 0px;
  padding: 0px;
  font-weight: normal;
}

/*#Photo Gallery #*/
.PhotoGallery_Frame {
  background-color:black;
  border:5px solid;
  float:left;
  height:100px;
  margin:5px;
  overflow:hidden;
  width:150px;
  text-align:center;
}

.IE6 .PhotoGallery_Frame {
  height:100px;
  width:140px;
}

.PhotoGallery_Frame img{
  border:none;
}

.PhotoGallery .PagerControl {
  clear:both;
  text-align:center;
  outline: none;
}

.PagerControl {
  width: 600px;
  height: 50px;
}

.PagerControl .PagerNumberArea .PhotoGallery a {
  outline: none;
}
.PagerControl .PagerNumberArea .PhotoGallery a:active {
  outline: none;
}










.index-table {
}
.index-table th {
	font-weight: bold;
	font-style: italic;
	width: 50px;
	text-align: right;
	vertical-align: baseline;
	padding: 10px;
}
.index-table td {
	padding: 10px;
}
.index-table td a {
	text-decoration: none;
}
.index-table td a:hover {
	text-decoration: underline;
}
.index-table td ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 18px;
	list-style: none;
}



/*#z: Forum +++ #*/
.Forum {
}
.Forum .ForumFlat {
}
.Forum .ForumFlat .Table {
  width: 100%;
}
.Forum .ForumFlat .Table .Info {
}
.Forum .ForumFlat .Table .Info .ForumName {
  display: block;
  background-color: #880000;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 0px 5px 10px;
}
.Forum .ForumFlat .Table .Actions {
  background-color: #d5131f;
  height: 28px;
}
.Forum .ForumFlat .Table .Actions td {
  color: #fff;
}
.Forum .ForumFlat .Table .Actions td select {
  margin-right: 10px;
  font-size:11px;
}
.Forum .ForumFlat .Table .Actions .ActionLink {
  display: inline-block;
  padding: 0px 10px;
  color: #fff;
}
.ThreadTable {
  margin: 1px 0px;
}
.ThreadTable .Header {
  background-color: #d5131f;
}
.ThreadTable .Header td {
  text-align: center;
  color: #fff;
}
.ThreadTable .Header td.ThreadName {
  text-align: left;
  padding-left: 5px;
  border-right: solid 1px #fff;
}
.ThreadTable .Header td.Author
, .ThreadTable .Header td.Posts
, .ThreadTable .Header td.Views {
  padding: 5px 0px;
  border-right: solid 1px #fff;
}
.ThreadTable .Header td.Author {
  width: 120px;
}
.ThreadTable .Header td.Posts {
  width: 45px;
}
.ThreadTable .Header td.Views {
  width: 45px;
}
.ThreadTable .Header td.LastPost {
  width: 120px;
}
.ThreadTable .Thread {
  border-bottom: solid 1px #d5131f;
}
.ThreadTable .Thread td.ThreadImage
, .ThreadTable .Thread td.ThreadImageLocked {
  width: 16px;
  background: url('/images/layout/comments.aspx');
  background-repeat: no-repeat;
  background-position: 0px 13px;
}
.ThreadTable .Thread td.ThreadImageAnnouncement {
  width: 16px;
  background: url('/images/layout/information.aspx');
  background-repeat: no-repeat;
  background-position: 0px 13px;
}


.ThreadTable .Thread td.ThreadInfo {
  padding: 3px 0px 1px 5px;
  font-size: 11px;
  color: #666;
}
.ThreadTable .Thread td.ThreadInfo a.ThreadName {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.ThreadTable .Thread td.Author
, .ThreadTable .Thread td.Posts
, .ThreadTable .Thread td.Views
, .ThreadTable .Thread td.LastPost {
  text-align: center;
  font-size: 11px;
  padding: 5px 0px;
}
.ThreadTable .Pager td {
  padding: 5px 10px;
}
/*#z: Forum +++ / New Post #*/
.ForumNewPost {
}
.ForumNewPost .Title {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 25px;
  margin: 0px 10px;
}
.ForumNewPost .PostForm td {
  padding: 3px;
}
.ForumNewPost .PostForm td span { /* Error Message*/
  font-size: 11px;
}
.ForumNewPost .InfoLabel {
  display: inline-block;
  margin: 0px 0px 5px 10px;
}
.ForumNewPost .PostForm .ItemLabel span {
  width: 70px;
  padding: 0px 0px 0px 10px;
  font-size: 12px;
}
.ForumNewPost .PostForm .TextboxItem {
  width: 400px;
}
.ForumNewPost .PostForm .TextboxItemShort {
  width: 150px;
}
.ForumNewPost .PostForm .TextareaItem {
  font-size: 12px;
  width: 400px;
  height: 100px;
}
.ForumNewPost .PostForm .ContentButton {
  cursor: pointer;
  font-size: 12px;
}
.ForumBreadCrumbs {
  display: block;
  font-size: 11px;
  color: #fff;
  margin: 0px 0px 0px 10px;
}
.ForumBreadCrumbs a {
  color: #fff;
}
/*#z: Forum +++ / Post #*/
.Posts {
}
.Posts .PostsTable {
  width: 100%;
}
.Posts .PostsTable .Post {
  border-bottom: solid 1px #d5131f;
}
.Posts .PostsTable .Post .PostUserName {
  font-size: 11px;
  color: #333;
}
.Posts .PostsTable .Post .PostTime {
  font-size: 11px;
  color: #333;
}
.Posts .PostsTable .Post .PostSubject {
  display: block;
  font-weight: bold;
  margin: 3px 0px;
}
.Posts .PostsTable .Post .PostText {
  display: block;
  margin: 0px 0px 0px 10px;
}
.Posts .PostsTable .Post .PostActionLink {
  font-size: 11px;  
  color: red;
}
.Posts .PostsTable .Post a.ActionLink {
  font-size: 11px;
}
.ForumModerationInfo {
  margin: 0px 0px 0px 10px;
}
.ForumModerationInfo .ForumModerationInfoText {
  margin: 5px 0px;
}

.PostReply {
  padding: 5px 0px 10px 5px;
  border-bottom: solid 1px #d5131f;
}
.PostReply .PostUser {
  font-size: 11px;
  color: #333;
}
.PostReply .PostTime {
  font-size: 11px;
  color: #333;
}
.PostReply .PostSubject {
  display: block;
  font-weight: bold;
  margin: 3px 0px;
}
.PostReply .PostText {
  display: block;
  margin: 0px 0px 0px 10px;
}
.ForumManage {
  margin: 5px 0px;
}
.ForumManage a.ActionLink {
  display: inline-block;
  color: red;
  margin: 0px 5px 0px 0px;
}


/*#Weather#*/
.weather_title {
  display: block;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  margin: 8px 0px 8px 10px;
}
.weather_header { 
  font-size: 14px;
  color: #fff;
  margin: 8px 0px 8px 10px;
}
.weather_body {
  display: block;
  color: #fff;
  margin: 8px 0px 8px 10px;
  line-height: 19px;
}
.weather_col1 { 
}
.weather_col2 { 
}
.weather_row1 {
}


/*#Weather Widget Style for TAB#*/
.widget-twc {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.widget-twc li {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.widget-twc li a {
  display: block;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  width: 69px;
  height: 22px;
  background-image: url('/images/layout/widget-tab-bg.aspx');
  color: #fff !important;
  padding: 5px 0px 0px 0px;
  margin: 0px;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.widget-twc li a:hover {
  background-color: #85b5fd !important;
  background-image: none;
  text-decoration: none;
}
.widget-twc li.on a {
  background-image: none;
  background-color: #82b2fa;
}
.detail {
  clear: both;
  float: left;
  width: 276px;
  height: 200px;
  background-image: url('/images/layout/widget-detai-bg.aspx');
  background-repeat: repeat-x;
  color: #fff;
}

.detail .current .current_title,
.detail .forecast .forecast_title,
.detail .surf .surf_title,
.detail .tides .tides_title {
  clear: both;
  float: none;
  display: block;
  margin: 0px;
  padding: 15px 10px 10px 10px;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}

.detail .current .temperature,
.detail .current .wind,
.detail .current .humidity {
  display: inline-block;
  float: left;
  text-align: center;
  padding: 5px 10px 10px 10px;
}
.detail .current .title {
  font-weight: bold;
  font-size: 12px;
  color: #265DA6;
  padding-bottom: 6px;
}
.detail .current .value {
  font-size: 12px;
  color: #fff;
}


.detail .surf .sea,
.detail .surf .swell {
  float: left;
  padding: 5px 10px 5px 10px;
}
.detail .surf .wind {
  float: left;
  padding: 5px 10px 5px 10px;
  width: 250px;
}
.detail .surf .title {
  font-weight: bold;
  font-size: 12px;
  color: #265DA6;
}
.detail .surf .value {
  display: inline-block;
  font-size: 12px;
  color: #fff;
}

.detail .tides .tides_title {
  padding-bottom: 0px !important;
}
.detail .tide .dayname {
  clear: left;
  font-weight: bold;
  color: #fff;
  padding: 10px 0px 5px 10px;
}
.detail .tide .high-low {
  clear: left;
  float: left;
  width: 40px;
  font-weight: bold;
  color: #fff;
  padding: 0px 0px 0px 20px;

}
.detail .tide .time {
  float: left;
  width: 60px;
  color: #fff;
}
.detail .tide .value {
  float: left;
  width: 60px;
  color: #fff;
}
.detail .forecast .forecast_title {
  padding-bottom: 0px !important;
}
.detail .forecast .dayname {
  font-weight: bold;
  font-size: 13px;
}
.detail .forecast .conditions {
  font-size: 11px;
}
.detail .forecast .icon{
  text-align: right;
  padding-right: 10px;
}