@charset "utf-8";
/*
 * Base site CSS styles.
 * 
 * This file contains the base css for all skins. Do not add colours
 * or specific page template layout styles here. They should reside in 
 * the skin directory. This file is reserved for style information 
 * that is the default for all skins. Use the base.css for any
 * style overrides.
 * 
 * @author Michael Mifsud <info@tropotek.com>
 * @link http://www.tropotek.com/
 */
@import url('nav.css');


body {
  text-align: center;
  margin: 0;
  padding: 0 0 0px 0;
  background: #000 url('images/bg.jpg') top center no-repeat;
  color: #000;
}
#content {
  padding-bottom: 10px;
}
#container {
  margin-top: 70px;
  
}
table, tbody td {
  border: none;
  margin: 0;
  padding: 1px;
}
td {
  vertical-align: top; 
}
tbody tr:hover td { background: transparent; }

.container_16 {
  text-align: left;
  padding: 0;
  background-color: #FFF;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 4px !important;
  background-color: #EFEFEF;
}


a,  a:visited, a:focus, a:hover, a:active { color: #C00; background: transparent; text-decoration: none; }
a:focus, a:hover, a:active {  text-decoration:underline; }


.Cms_Modules_Article_View  h3.posted {
  font-style: italic;
  font-size: 0.8em;
}
.post .articleHeader {
  padding: 0;
  margin-bottom: 20px;
}

.meta, #search {
  display: none;
}


.headerWrap {
  background: #EFEFEF;
  /*background: #EFEFEF url('images/headBg.png') no-repeat top left;*/
}
#header {
  position: relative;
  
  padding: 0;
  margin: 0;
  width: 100%;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#header a.headLogo {
  background: transparent url('images/logo2.png') no-repeat top left;
  display: block;
  float: left;
  width: 300px;
  height: 138px;
}


#topNav {
  display: none;
  float: right;
  margin: 20px 0px 0px 0px;
}
#topNav ul {
  width: 100%; /* IE8 HAck */
}
#topNav li {
  margin: 5px 0px 5px 25px;
  font-weight: bold;
}
#headerNav { 
  background: transparent url('images/header-img.png') repeat-x top left;  
  border: solid 1px #D6D6D6;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
  padding: 0;
  width: 958px;
  font-size: 0.9em;
}
#headerNav ul.nav {
  padding: 0px 10px;
  float: left;
}

#headerNav li:hover ul, #headerNav li li:hover ul, #headerNav li li li:hover ul, 
#headerNav li.sfhover ul, #headerNav li li.sfhover ul, #headerNav li li li.sfhover ul {
  left: 0;
  width: 14em;
}


#headerNav li li a, #headerNav li li a:link, #headerNav li li a:visited {
  opacity: .93;
  filter: alpha(opacity=93);
  background: #EEEEEE;
  width: 14em;
  color: #4D4D4D;
  float: none;
}
	
#headerNav li li a:hover, #headerNav li li a:active {
  opacity: .93;
  filter: alpha(opacity=93);
  background: #C00;
  color: #FFFFFF;
  text-decoration:none;
}

#headerNav .topSearch {
  float: right;
}
#headerNav .topSearch input {
  background:url('images/bg_search.gif') no-repeat right #FFFFFF;
  color:  #000000;
  font-size:1.2em;
  width:140px;
  padding:0 5px 0 5px;
  margin:0.4em 0.6em 0 0;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #D6D6D6;	
}

#headerNav li.rssIcon {
  /*margin: 0;
  padding: 0;*/
}
#headerNav li.rssIcon a {
  background: transparent url('images/rss.gif') no-repeat top right;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 7px 0px;
  /*padding: 0;*/
}

ul.nav { 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:1.0em; 
}
ul.nav li a {
  color:#000000;
  text-decoration: none;
  display:block;
  float:left;
  padding:0 0.5em;
  height: 2.6em;
  line-height:2.6em;
}
.menuBox ul.nav li a {
  padding:0 1.5em;
}
ul.nav li a:hover {
  text-decoration:underline;
  color:#C00;
}
ul.main li:hover ul li a {
  color:#4D4D4D; 
  background:#EEEEEE; 	
  opacity: .93;
  filter: alpha(opacity=93);
}
	
ul.main li:hover ul li a:hover {
  color:#FFFFFF;
  background:#C00;
}

.post .articleHeader {
  background-color: #FFF;
}
.menuBox h3 {
  border: none;
  padding: 0px 0px 5px 0px;
}


.article, .menuBox, .boxes, .category .post, .listingResults, .Cms_Modules_Menu_SiteMap, .contentBox, 
.Cms_Modules_User_ChangePassword, .Cms_Modules_User_Signup {
  background:  url('images/bg_box.gif') bottom repeat-x  #FFFFFF;
  border: solid 1px #D6D6D6;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0 0 0;
}

.listingResults .resultRow {
  
}
.listingResults .even {
  background-color: #EEE;
  
}

.headerWrap {
  margin-bottom: 0px;
}


.Login label {
  display: block;
  float: left;
  width: 100px;
  text-align: right;
  line-height: 1.2em;
  padding: 4px 10px 4px 0px;
  clear: left;
}
.Login .remember {
  clear: both;
}
.Login .remember label {
  display: inline;
  clear: none;
}
.Login .submit {
  clear: both;
  margin-left: 110px;
}








#footer {
  padding: 0px 0px 10px 0px;
  font-size: 0.9em;
}
#footer .footerNav {
  float: left;
}
#footer .copyright {
  float: right;
}



.dialog iframe {
  overflow: hidden;
  border: none;
}
.webcam {
  position: absolute;
  background: transparent url('images/webcamButton.png') no-repeat top left;
  width: 190px;
  height: 31px;
  overflow: hidden;
  top: 10px;
  right: 10px;
}
.webcam a {
  position: absolute;
  /*border: 1px solid #333;*/
  display: block;
  float: left;
  height: 31px;
  overflow: hidden;
}
.webcam a.dock {
  background: transparent url('images/webcamButton.png') no-repeat -34px 0px;
  width: 80px;
  left: 34px;
}
.webcam a.lake {
  background: transparent url('images/webcamButton.png') no-repeat -112px 0px;
  width: 80px;
  left: 112px;
}

.webcam a.dock:hover {
  background-position: -34px -30px;
}
.webcam a.lake:hover {
  background-position: -112px -30px;
}


.logo {
  display: block;
  margin: 10px auto;
  width: 190px;
  height: 50px;
}
.logo.liquid {
  background: transparent url('images/liquid_force_logo.png') no-repeat 0px 0px;
}
.logo.system2 {
  background: transparent url('images/system2_logo.png') no-repeat 0px 0px;
}