body {color: #666; background: #fff; margin: 0; padding: 0; }

table {width: 100%; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }

a {color: #5E5E6C /*#3333CC*/; text-decoration: none; font-weight:  ; background-color: transparent;}
a:hover {color: #6699FF;}

h1 {}
h2 {color: #2B99E7;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	font-size: 16px;}
h3 {}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; list-style: disc inside; text-align: left;}
ol { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; color: #DDE0E7;}

input.formButton {}

.item {border: 1px solid #cccccc;}
.itemHead {padding: 3px; background-color: #DDE0E7; color: #121B37;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #19358F; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background-color: #DDE0E7; color: #121B37; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

td#headerlogo { padding-left: 10px; vertical-align: middle; text-align:center; }
td#headerbanner {width: 100%;  text-align: right; padding: 80px 8px 0 0; }
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);}

td#leftcolumn {width: 135px; border-right: 0px solid #cccccc; font-size:12px;}
td#leftcolumn th {background-color: #A7E1ED; color: #FFFFFF; vertical-align: middle;}
td#leftcolumn div.blockTitle {padding: 3px; background-color: #DDE0E7; color: #639ACE; font-weight: bold;}
/*td#leftcolumn div.blockContent {padding: 2px; line-height: 120%;}*/


#centercolumn {font-size: 12px;}
#centercolumn th {background-color: #DDE0E7; color: #121B37; vertical-align: middle;}

#centerCcolumn, #bottomCcolumn {padding: 0px 0px 1px 0px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 0px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-bottom: 0px solid #dddddd; padding: 0px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
	width: 50%; padding: 0px 3px 0px 0px;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
	padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
	border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;
}

div#content {text-align: left; padding: 8px;}

td#rightcolumn {width: 170px; border-left: 1px solid #dddddd; font-size:12px;}
td#rightcolumn th {background-color: #DDE0E7; color: #121B37; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}

td#rightcolumn div.blockContent {padding: 0px; line-height: 120%;}

tr#footerbar {text-align:center; background-image: url(hbar.gif);}

td#mainmenu a  { height: 15px; background-color: #E6F3FC; display: block; margin: 0; padding: 2px; border-right: 1px solid #DBDBDD; border-bottom: 1px solid #DBDBDD; border-left: 1px solid #c0c0c0;}
td#mainmenu a:hover {background-color: #ffffff;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid #c0c0c0; border-right: 1px solid #ccc; border-bottom: 1px solid #DBDBDD; border-left: 1px solid #c0c0c0;}
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #DBDBDD; border-bottom: 1px solid #DBDBDD; border-left: 1px solid #c0c0c0;}
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #DBDBDD; border-bottom: 1px solid #DBDBDD; border-left: 1px solid #c0c0c0;}

td#usermenu a {height: 15px; background-color: #e6e6e6; display: block; margin: 0; padding: 2px; border-right: 1px solid #DBDBDD; border-bottom: 1px solid #DBDBDD; border-left: 1px solid #c0c0c0;}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {border-top: 1px solid #c0c0c0;}
td#usermenu a.highlight {background-color: #fcc;}



.outer {border: 1px solid #F5F5F5;}
.head {background-color: #E2E4E6; padding: 5px; font-weight: bold;}
.even {background-color: #EFEFEF; padding: 5px;}
.odd {background-color: #F7F7F7; padding: 5px;}
.foot {background-color: #E2E4E6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #EFEFEF; padding: 5px;}
tr.odd td {background-color: #F7F7F7; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; height: 200px; overflow: auto;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid #c0c0c0; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller;}
.comDateCaption {font-weight: bold; font-style: normal;}




  
  /*  /LIGHT/LIGHTBOX   */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; 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;}
* {outline:none}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
/*
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }
*/

#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }
#prevLink:hover {background: url(../../images/prevlabel.gif) left 10% no-repeat; }
#nextLink:hover {background: url(../../images/nextlabel.gif) right 10% no-repeat; }
#bottomNavClose:hover { background-color: #07429A}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #fff; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #07429A; }









/*- Menu Tabs J--------------------------- */

  #tabsJ {
      float:center;
      width:100%; font-family:arial; 

      font-size:9px;
      line-height:normal;
	  border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
	margin:0;
	padding:2px 0px 0 0px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left; font-weight:bold;
      display:block;
      background:url("tabrightJ.gif") no-repeat right top;
      padding:5px 16px 4px 16px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
	
	
    #tabsJ a:hover span {
      color:#083D65;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      } 
	  
	  
	  
	  
	#tabsJ a.active  span {
      color:#083D65;
      }
    #tabsJ a.active  {
      background-position:0% -42px;
      }
    #tabsJ a.active span {
      background-position:100% -42px;
      }
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  /*- Menu Tabs J--------------FIM------------- */