/*
  Implicit Desire by Blue Munka Gfx http://bluemunka.xurst.com/
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
  background-color: #4d4d4d;
  color: #999999;
  font-size : 12px;
}


#header {
  background-color: #000000;
  font-size: 1px;
  letter-spacing: -1px;
}
#logo{ height:150px; background:url(images/global_noises_header.jpg) no-repeat right top;}
#logo a{display:block; height:150px; text-indent: -4000px; }

#toolbar {
  
  font-size: 1px;
  letter-spacing: -1px;
  }

/*images handling by Noisy*/
a img {
border:0 none transparent;
}


/*TOOLBAR*/
.bg {background: url(images/button4.gif);}
.menu {padding:0 0 0 24px; margin:0; list-style:none; height:30px; background:#000 url(images/button1a.gif) repeat-x; position:relative; font-family: Verdana, Arial, Helvetica, sans-serif;  }
.menu li.top {display:block; float:left; position:relative;}
.menu li.right {margin-right:2px;}
.menu li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 12px 0 0px; height:30px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 0px; height:30px; background:url(images/down1.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(images/button4hover.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4hover.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4hoverdown.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(images/button4hover.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button4hover.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4hoverdown.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:3px; top:30px; right:2px; background: #505050; padding:3px 0; border:1px solid #808080; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #000000; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#8CCCEC url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#8CCCEC; color:#000080;}
.menu :hover ul.sub li a.fly:hover {background:#8CCCEC url(images/arrow_over.gif) 80px 7px no-repeat; color:#000080;}
.menu :hover ul li:hover > a.fly {background:#8CCCEC url(images/arrow_over.gif) 80px 7px no-repeat; color:#000080;}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}
/*END TOOLBAR*/

/*THUMBS in viewforum*/
.thumbox {
    background: #222222 url(images/row4.gif) top right repeat-x;
	padding:0px 0 0 0;
	border-left: 1px #404040 solid;
	border-top: 1px #444444 solid;
	}
.thumbox img{width:60px; height:60px;border:0 none transparent;}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
/*THUMBS in viewforum*/


/*CAROUSEL in viewtopic*/
.more-products { margin-left:auto; margin-right:auto; width:940px; border:solid 1px #7f7f7f; position:relative; height:135px; overflow:hidden; background: #FFFFFF url(images/juno-techno-september.gif) top center no-repeat;}
.more-products-holder {width:804px; position:relative; overflow:hidden; top:34px; left:70px;}
.more-products-holder .jcarousel-clip{width:804px; position:relative; overflow:hidden; }
.more-products ul{list-style-type: none; position:relative; overflow:hidden; width:805px;margin:0px;padding:0px;}
.more-products ul li{ float:left; border-right:dashed 1px #ccc;padding:0px 10px; }
.more-products ul li.last{ border-right:0; }
.more-products ul li img {width:94px; height:94px;}

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:60px; left:0; width:30px; height:32px;}
.more-nav a.next{ background:url(images/next.png); left:890px;}
.more-nav a.prev{ background:url(images/prev.png); left:20px;}

.myspan {position:absolute; width:100%; height:27px; top:0; left: 0; text-indent: -4000px; z-index: 1;}

.more-products2 { margin-left:auto; margin-right:auto; width:940px; border:solid 1px #7f7f7f; position:relative; height:135px; overflow:hidden; background: #FFFFFF url(images/juno-progressive-september.gif) top center no-repeat;}
.more-products2 ul{list-style-type: none; position:relative; overflow:hidden; width:805px;margin:0px;padding:0px;}
.more-products2 ul li{ float:left; border-right:dashed 1px #ccc;padding:0px 10px; }
.more-products2 ul li.last{ border-right:0; }
.more-products2 ul li img {width:94px; height:94px;}

.more-products3 { margin-left:auto; margin-right:auto; width:940px; border:solid 1px #7f7f7f; position:relative; height:135px; overflow:hidden; background: #FFFFFF url(images/juno-deep-september.gif) top center no-repeat;}
.more-products3 ul{list-style-type: none; position:relative; overflow:hidden; width:805px;margin:0px;padding:0px;}
.more-products3 ul li{ float:left; border-right:dashed 1px #ccc;padding:0px 10px; }
.more-products3 ul li.last{ border-right:0; }
.more-products3 ul li img {width:94px; height:94px;}
/*END CAROUSEL in viewtopic*/



.pm-new {
  font-size: 10px;
  font-weight: bold;
  visibility: visible;
}

.pm-none {
  visibility: hidden;
}

/* General font families for common tags */
a.topic-new, a.topic-new:visited { color: #859cad; }
a.topic-new:hover, a.topic-new:active { color: #859cad; }

font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { text-decoration: none; color : #859cad; }
a:hover   { text-decoration: underline; color : #859cad; }
hr  { height: 0px; border: solid #141414 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline { background-color: #4d4d4d; font-size : 12px; border: 0px #141414 solid; }

.bodyline2 { background-color: #44453f; font-size : 12px; border: 0px #141414 solid; }

/* This is the outline round the main forum tables */
.forumline  { background-color: #141414; font-size : 12px; border: 0px solid; }


/* Main table cell colours and backgrounds */

td.row1,td.row2,td.row3,td.row4,td.row3Right,td.spaceRow
 {
	
	background: #222222 url(images/row4.gif) top right repeat-x;
	padding: 4px;
	border-left: 1px #404040 solid;
	border-top: 1px #444444 solid;
}
  
td.row_h {
	background: #222222 url(images/row_h.gif) top left no-repeat;
	padding: 4px;
	border-left: 1px #404040 solid;
	border-top: 1px #444444 solid;
}

td.rowpic {
    background-color: #3d3d3d;
}

td.catBottom {
      background-color:#3d3d3d; border: #141414; border-style: solid; height: 28px; border-width: 0px 0px 0px 0px; 
}

td.cat,td.catHead, td.catSides, td.catLeft, td.catRight {
  background: #222222 url(images/cat_bg.gif) top right repeat-x;
  border-width: 0px 0px 0px 0px;
  
}

td.forumicon {
     background: #222222 url(images/row4.gif) top right repeat-x;
     height:50px;
	 /*padding-right: 8px;*/
	 vertical-align:middle;
	 border-width: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
}


th.thTop,th.thHead, th.thSides ,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	color: #C0C0C0;
	font-size: 1.1em;
	font-weight: bold;
	background: url(images/cellpic3.gif) top right repeat-x;
	white-space: nowrap;
	padding: 0px 5px;
	border-width: 0px 0px 0px 0px; 
	height: 25px; 
}


/* The largest text used in the index page title and topic title etc. */
.maintitle,h1,h2  {
      font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
      text-decoration: none; line-height : 120%; color : #999999;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #999999; }
a.gen,a.genmed,a.gensmall { color: #859cad; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #859cad; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu   { font-size : 11px; color : #999999 }
a.mainmenu    { text-decoration: none; color : #859cad;  }
a.mainmenu:hover{ text-decoration: underline; color : #859cad; }


/* Forum category titles */
.cattitle   { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #999999}
a.cattitle    { text-decoration: none; color : #859cad; }
a.cattitle:hover{ text-decoration: underline; color : #859cad; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink    { font-weight: bold; font-size: 12px; color : #999999; }
a.forumlink   { text-decoration: none; color : #859cad; }
a.forumlink:hover{ text-decoration: underline; color : #859cad; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav      { font-weight: bold; font-size: 11px; color : #999999;}
a.nav     { text-decoration: none; color : #859cad; }
a.nav:hover   { text-decoration: underline; color : #859cad; }


/* titles for the topics: could specify viewed link colour too */
.topictitle     { font-weight: bold; font-size: 11px; color : #999999; }
a.topictitle:link   { text-decoration: none; color : #859cad; }
a.topictitle:visited { font-weight: bold; text-decoration: none; color : #859cad; }
a.topictitle:hover  { text-decoration: underline; color : #859cad; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name     { font-size : 11px; color : #999999;}

/* Location, number of posts, post date etc */
.postdetails    { font-size : 10px; color : #999999; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #859cad }
/*a.postlink:visited { font-weight: bold; text-decoration: none; color : #859cad; }
a.postlink:visited { font-weight: normal; text-decoration: none; color : gray; }*/
a.postlink:visited { font-weight: normal; text-decoration: none; color : #859cad; }
a.postlink:hover { text-decoration: underline; color : #859cad}


/* Quote & Code blocks */
.code {
  font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #999999;
  background-color: #4d4d4d; border: #141414; border-style: solid;
  border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; line-height: 125%;
  background-color: #4d4d4d; border: #141414; border-style: solid;
  border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright    { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; letter-spacing: -1px;}
a.copyright   { color: #859cad; text-decoration: none;}
a.copyright:hover { color: #859cad; text-decoration: underline;}


/* Form elements */
input, input.post, textarea, textarea.post, select {
  background-color : #999999;
  border: 1px;
  border-color : #141414;
  border-style: solid;
  color : #141414;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
  background-color : #999999;
  color : #141414;
  font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
  border: 1px;
  border-color : #141414;
  border-style: solid;
}

/* The main submit button option */
input.mainoption {
  background-color : #999999;
  font-weight : bold;
  border: 1px;
  border-color : #141414;
  border-style: solid;
}

/* None-bold submit button */
input.liteoption {
  background-color : #999999;
  font-weight : normal;
  border: 1px;
  border-color : #141414;
  border-style: solid;
}

/* radio Gadget */
#radiogadget {
  background:url(images/radiogadget.gif) top left no-repeat;
  width:400px;
  height:30px;
  margin: 8px auto; 
  border: 0px;
}
.radiogadget2{
  padding: 7px 7px 7px 100px;
  font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color :#728442;
  font-weight : normal;
  border: 0px;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { color: #999999; background-color: #3d3d3d; border-style: none; }

/* Color table page: http://www.pimpmyforum.nl/colourtable.htm
Allows you to enter a colour to set the margin colour so you can match colours. */

select {
	/* width: 150px; */
	/*color: PowderBlue;*/
	color:#B0E0E6;
	background-color: #606575; 
	height: 18px;
	vertical-align: middle;
	border: 1px solid #696969;
}
select:hover {
  border-color:  Black #4682B4 #4682B4 Black;
}
/* for text fields in between buttons * /
input[type=text] {
  border-width:1;
  color: PowderBlue;
  border-style:solid;
  border-color: Black SteelBlue SteelBlue Black;
	background-color:#606575;
}*/
/* for edit fields in post screen */
input.post, textarea.post {
  color: #909090;
  border-width:1px;
  border-style:solid;
  border-color: Black #305050 #305050 Black;
	background-color: #3c3c3c;
}
input.post {
  height:20px;
  vertical-align:middle;
}




/* START MOD eXtreme buttons * www.pimpmyforum.nl */
a.xbtn {
  font-family:'copperplate gothic light';
}
.xbtn, .xbtn_2state, a.xbtn, a.xbtn:visited, a.xbtn:link {
  color: Navy;
  background-color: #405560;
  background-image: url(templates/subSilver/images/gradient_button.png);
  background-position:bottom;

  height:24px;
  padding: 1px 10px 3px 10px;
  border-width:1px;
  border-style:solid;
  border-color:#696969;

  font-size:11px;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  text-decoration:none;
}
.small, .xbtn_2state {
  padding: 0px 5px 2px 5px;
  font-size:12px;
  height:20px;
}
.xbtn:hover, a.xbtn:hover, .hover {
  color: #B0C4DE;
  border-style:solid; /* Inset and outset use white and black, to use colours, use this: */
  border-color: #4682B4 Black Black #4682B4;
  background-color: #2F4F4F;
  text-decoration:none;
}
.xbtn:active, a.xbtn:active, .active  {
  color: #00CED1;
  border-style:solid; /* Inset and outset use white and black, to use colours, use this: */
  border-color: Black #4682B4 #4682B4 Black;
  background-color: #2F4F4F;
  outline:none; /* FF */
  text-decoration:none;
}
.xbtn:focus, a.xbtn:focus, .focus {
  color: #00CED1;
  border-style:solid; /* Inset and outset use white and black, to use colours, use this: */
  border-color: Black #4682B4 #4682B4 Black;
  background-color: #2F4F4F;
  outline:none; /* FF */
  text-decoration:none;
}

/* Popup menu container */
.xmnu {
  position:absolute;
  z-index:1;
  border-width:1px;

  color: Navy;
  border-style:solid;
  border-color: #4682B4 Black Black #4682B4;
	background-color: #405560;

  background-image: url(templates/subSilver/images/gradient_menu.png);
  background-position: bottom;
	padding:2px;
}

/* Viewport for scrolling menu */
.xmnu_viewport {
  position:relative;
  overflow:hidden;
}
/* Little scroll up/down buttons to scroll viewport*/
.xmnu_scroll_up, .xmnu_scroll_down {
  display:block;
  height:8px;
  margin:0px 2px;
  border-width:1px;
  border-style:solid;
  border-color: #4682B4 Black Black #4682B4;
	/*background-color: {T_TD_COLOR2};*/
  background-image: url(templates/subSilver/images/gradient_button.png);
  background-position:bottom;
  cursor:default;
  font-size:4px;
}
.xmnu_scroll_down {
  border-style:solid;
  border-color: Black #4682B4 #4682B4 Black;
}
/* Table for menu items */
.xmnu_table {
  position:relative;
  border-spacing:2px;
  cursor:default;
  overflow:hidden;
  color: Navy;
}
/* Menu item = table cell */
.xmnu_td, .xmnu_td_hover {
  font-size:11px;
  padding:0px 8px 0px 2px;
  border-width:1px;
  border-style:solid;
  border-color: #696969;
  cursor:default;
  text-align:left;
  white-space:nowrap;
}
.xmnu_td:hover, .xmnu_td_hover {
  color: #B0C4DE;
  background-color: #708090;
}
/* Colour picker */
.xmnu_color, .xmnu_color_hover {
  width:10px;
  height:12px;
  padding:0px;
  border-width:1px;
  border-style:solid;
  border-color: Black #4682B4 #4682B4 Black;
  font-size:4px;
}
.xmnu_color_text {
  font-size:11px;
  text-align:center;
  vertical-align:middle;
  color: Navy;
}
/* Special characters picker */
.xmnu_char, .xmnu_char_hover {
  width:10px;
  height:10px;
  text-align:center;
  font-size:11px;
  overflow:hidden;
  border-width:1px;
  border-style:solid;
  border-color: Black #4682B4 #4682B4 Black;
  cursor:default;
}
.xmnu_char:hover, .xmnu_char_hover {
  color: #B0C4DE;
  background-color: #708090;
}
img.buylinks { vertical-align: middle; }




/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");