* { margin:0; padding: 0; }
A { color: #72A545; background: inherit; text-decoration: none;}
A:link { text-decoration: none; color: #72A545; }
A:link:hover { color: #336600; background: inherit;  }
A:visited { text-decoration: none; color: #72A545; }
A:visited:hover { color: #999999; }
a img {border: 0 !important;}

BODY
{ 
 	background-color: #3A3A3A;
 	color: #555; 
 	font: 70%/1.5  Verdana, 'Trebuchet MS', arial, sans-serif;
 	text-align: center; 
 	margin: 15px 0;
} 

table
{ 
 font-size: 11px;
} 
td {
	padding: 2px;
}
td img {
	border: 2px solid transparent !important;
}

/* form elements */
form {
	margin:10px 15px; padding: 0;
	border: 1px solid #EAEAEA; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
INPUT {
	padding:3px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
TEXTAREA {
	width:400px;
	padding:4px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
INPUT.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #EAEAEA;
	padding: 2px 3px; 
	background: #CCC url('../images_techmania12/buttonbg.gif') repeat-x left bottom; 
	color: #333;/* color: #339900; */
}

SELECT
{
 background-color: white; 
 border-color: silver;
 font-size: 11px;
 padding: 2px;
}

SELECT OPTION
{
 background-color: white; 
}

/* images */
img {
	border: 0;
}

img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
	color: #72A545;	
}
ul span, ol span {
	color: #666666;
}

.button 
{

 font-weight: bold;
 background-color: white;
}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 1.5em;	
}
h2 {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #339900;
}
h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 1px;
}

h1, h2, h3, p { 
	padding: 0;
	margin: 10px 15px; 
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #EAEAEA;  
  border-left: 5px solid #72A545;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url('../images_techmania12/quotation.gif') no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #EAEAEA; 
	border-left: 5px solid #72A545;  
	font-weight: bold; 
}

.incomplete
{
 border-color: red;
}

.required
{
 border-color: red;
}

.nav {margin-left: 10px; padding:2px 0; }

.nav a{font-style: italic;}

.suggest
{
 border: 1px solid silver;
}

.link
{
 padding: 10px;
 border-bottom: 1px ridge #dfdfdf;
}

.category
{
 padding: 10px;
}

.commentposter
{
 background-color: #f2f7f2;
 border: 1px solid silver;
}

.commentposteralternate
{
 background-color: #eff7df;
 border: 1px solid silver;
}

.commentalternate
{
 padding: 5px;
 background-color: white;
 border: 1px solid silver;
}

.commentdate
{
 font-size: 9px;
 font-style: italic;
}

.details
{
 padding: 10px;
 margin: 10px;
 background-color: white;
 border: 1px solid silver;
}

.detailsborder
{
 border-bottom: 1px solid black;
 margin-left: 5px;
}

.labels
{
 font-weight: bold;
 padding-left: 3px;
}

.grouping
{
 border: 1px inset silver;
 padding: 5px;
 margin: 5px;
}

.important
{
 font-weight: bold;
}

th 
{
 background-color: #72A545;
 color: #FFFFFF;
}

.labelscolumn
{
 width: 30%;
 background-color: #ecf2f0;
 border: 1px solid silver;
 vertical-align: top;
 padding: 5px;
}

.optionscolumn
{
 width: 70%;
 background-color: #ccded1;
 border: 1px solid silver;
 vertical-align: top;
 padding: 5px;
}

.evencolumns
{
 background-color: #FBFFFB;
}

.oddcolumns
{
 background-color: #F6FFF6;
}

.categoryname, a.categoryname
{
 font-weight: bold;
 font-size: 14px;
}

.info
{
 display: block;
 border: 1px solid #D2D5D8;
 background-color: white;
 padding: 5px;
}

.editedby
{
 font-size: 9px;
}

.searchhighlight
{
 background-color: yellow;
}

.title
{
 font-size: 14px;
 padding: 3px;
 font-weight: bold;
 text-align: center;
}

.newpmhighlight
{
 font-weight: bold;
}

.quote
{
 padding: 3px;
 border: 1px solid #F7F7F7;
 background-color: #EEEEF3;
 margin: 3px;
}

.quoteby
{
 font-size: 10px;
 font-style: italic;
}

.posthistory
{
 overflow: auto;
 width: 100%;
 height: 300px;
}

.deletions
{
 width: 50%;
 background-color: silver;
 padding: 5px;
 border: 1px solid black;
 margin: 0 auto;
 text-align: center;
}

.modcpnav
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #EEEEF3; 
 color: gray;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.modcpnav:hover
{
 background-color: #D9DCE4;
 color: black;
}

.code
{
 font-family: monospace;
 font-size: 10px;
 background-color: #F7F7F7;
 padding: 2px;
 border: 1px solid #CCDED1;
 margin: 10px;
 overflow: scroll;
 width: 600px;
}

.areaheader
{
 background-color: #D9DCE4;
}

.areafooter
{
 background-color: #F7F7F7;
}

.imtextself
{
 color: gray;
}

.imtextother
{
 color: black;
}

.invisibleuser
{
 color: gray;
}

a.admincolor
{
 color: #3E97CF;
 font-weight: bold;
}

a.modcolor
{
 color: #AA3333;
}

a.sponsorcolor
{
 color: #11BB33;
}

a.bannedcolor
{
 color: gray;
}

.mutualbuddy
{
 font-weight: bold;
}

.smiliebox
{
 border: 1px dotted silver;
 background-color: silver;
 padding: 10px;
 width: 140px;
}

.linktools
{
 font-size: 11px;
 color: gray;

}

.linktools a {
 text-decoration: none;
 color: gray;
}

.subcatsmainpage
{
 font-size: 10px;
 margin: 0;
 padding: 3px;
}

.login
{
 float: right;
 padding: 5px;
 margin-bottom: 10px;
}

.sort
{
 padding: 5px;
 margin: 5px;
 border-left: 1px solid silver;
 border-right: 1px solid silver;
 background-color: #F7F7F7;
}

.box
{
 padding: 2px;
 margin-bottom: 10px;
}

.boxtitle
{
 background-color: #72A545;
 cursor: pointer;
 font-weight: bold;
 color: white;
 padding: 2px 2px 1px 5px;
}

.boxtitle img {
	border: 0 !important;
}

.boxbody
{
 padding: 5px;
}

.newlinks { }

.minilabels
{
 font-style: italic;
}

.tableheader
{
 background-color: #72A545;
 border: 1px solid #336600;
 color: white;
 padding: 2px 5px 2px 5px ;
}

.month 
{
 border-style: none;
 background-color: #F7F7F7;
 text-align: center;
 width: 90%;
}

.monthname 
{
 text-align: center;
 font-size: 13px;
 font-weight: bold;
 border: 1px outset;
}

.dayname td 
{
 text-align: center;
 font-weight: bold;
 background-color: gray;
 color: white;
 border: 1px outset;
}

.datepicker { }

.monthnavigation { font-family: Tahoma, Arial, sans-serif; }

.monthpicker { }

.yearpicker { }

.pickerbutton { }

.nomonthday 
{
 text-align: center;
 font-size: 10px;
 height: 60px;
 width: 10%;
 color: silver;
 vertical-align: top;
}

.monthday 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: #F7F7F7;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.today 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: silver;
 color: white;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.event 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: #F7F7F7;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.todayevent 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: #E4EAF3;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.eventcontent 
{
 font-size: 10px;
 width: 100%;
}

.rules
{
 border: 2px solid #FFAAAA;
 background-color: #EEEEF3;
 color: black;
 padding: 5px;
 margin: 5px;
 font-size: 14px;
}

.flatbutton
{
 border-style: solid;
 background-color: white;
}

.threadbottom
{
 border-width: 0;
 background-color: #EEEEF3;
}

.threadtools:link { text-decoration: none; }

.threadtools img
{
 vertical-align: middle;
 border-width: 0;
 margin-left: 4px;
}

.quotations
{
 border-width: 1px;
 border-style: solid;
 background-color: #EEEEF3;
 border-color: silver;
 width: 500px;
 padding: 5px;
 margin: 0 auto;
 text-align: center;
}

.shoutbg
{ 
 background-color: #f1fcf1; 
 background: #f3f9e7; 
 color: black;
} 

.shoutbg img { padding:0;}

.whiteboard
{
 background-color: white;
 border: 1px solid silver;
 margin: 10px;
 padding: 5px;
}

.homenav, .homenav:link, .homenav:visited
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #f3f8f3; 
 color: #465e17;
 padding: 5px;
 margin: 5px;
 text-decoration: none;
 font-weight: bold;
}

.homenav:hover, .homenav:link:hover, .homenav:visited:hover
{
 background-color: #556b2f;
 color: white;
 text-decoration: none;
}

.navbutton
{
 float: right;
 padding: 0;
 margin: 0;
 text-decoration: none;
 text-align: center;
}

.navbutton a
{
 text-decoration: none;
 background-color: #D9DCE4;
 color: #113366;
 padding-left: 8px;
 padding-right: 8px;
 margin-left: 4px;
}

.navbutton a:hover
{
 text-decoration: none;
 background-color: #113366;
 border: 1px solid silver;
 color: white;
 padding-left: 8px;
 padding-right: 8px;
 margin-left: 4px;
}

.linkdiv
{
 float: left; 
 width: 45%;
 padding: 10px;
 border-bottom: 1px dotted silver;
 background-color: #F7F7F7;
}

.statimage
{
 float: left;
 width: 40px;
 padding-left: 10px;
}

.internalreply
{
 border: 1px black solid;
 padding: 5px;
}

#chatarea
{
 border: 1px dotted black;
 background-color: #F7F7F7;
 width: 75%;
 height: 300px;
 overflow: auto;
 float: left;
 margin: 10px;
 padding: 5px;
 font-size: 14px;
}

#activechatters
{
 border: 1px dotted black;
 background-color: #F7F7F7;
 width: 15%;
 height: 300px;
 overflow: auto;
 float: left;
 margin: 10px;
 padding: 5px;
 font-size: 14px;
}

.posttextarea
{
 width: 97%;
}

.redirect

{
 padding: 20px;
 margin: 40px;
 background-color: #EEEEF3;
 border: 1px solid #D9DCE4;
 font-weight: bold;

}

.legend
{
 padding: 10px;
 margin: 10px;
 border: 1px solid #007788;
 width: 250px;

}

.ratingresponse

{
 background-color: white;
}

.thumbshot
{
 float: left;
 border: 2px solid #CCC;
 padding: 2px 2px 6px 2px;
 margin: 0 5px 5px 3px;
}

.denialpage
{
 border: 2px solid #FFAAAA;
 background-color: #EEEEF3;
 color: black;
 padding: 5px;

 margin: 5px;
 font-size: 14px;

}

.unit-rating
{
 list-style:none;
 margin: 0px;
 padding:0px;
 width: 100px;
 height: 20px;
 position: relative;
 background: url('../images_techmania12/ajaxstar.gif') top left repeat-x;		
}
.unit-rating li
{
 text-indent: -90000px;
 padding: 0px;
 margin: 0px;
 float: left;
}
.unit-rating li a
{
 display:block;
 width:20px;
 height: 20px;
 text-decoration: none;
 text-indent: -9000px;
 z-index: 20;
 position: absolute;
 padding: 0px;
}
.unit-rating li a:hover
{
 background: url('../images_techmania12/ajaxstar.gif') left center;
 z-index: 2;
 left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 20px; }
.unit-rating a.r2-unit { left: 20px; }
.unit-rating a.r2-unit:hover { width: 40px; }
.unit-rating a.r3-unit { left: 40px; }
.unit-rating a.r3-unit:hover { width: 60px; }
.unit-rating a.r4-unit { left: 60px; }	
.unit-rating a.r4-unit:hover { width: 80px; }
.unit-rating a.r5-unit { left: 80px; }
.unit-rating a.r5-unit:hover { width: 100px; }
.unit-rating li.current-rating
{
 background: url('../images_techmania12/ajaxstar.gif') left bottom;
 position: absolute;
 height: 20px;
 display: block;
 text-indent: -9000px;
 z-index: 1;
}	

.pagerank { font-size: 10px; padding-left: 5px;}

.toolsbar
{
 padding: 8px 3px;
 margin-top: 8px;
 font-size: 15px;
 text-align: center;
}

.toolsbar a
{
 padding: 9px 7px;
 margin-right: 10px;
 border: 1px dotted gray;
 text-decoration: none;
}

.popup
{
 padding: 5px;
 margin: 5px;
 background-color: #EEEEF3;
 border: 1px solid #D9DCE4;
 font-weight: bold;
}

.actionrow
{
 background-color: #C4C9CF;
 border-color: #E4E9EF;
 padding: 5px;
}

.alert
{
 padding: 10px;
 margin: 10px;
 background-color: #C4C9CF;
 border: 1px solid red;
}

.signature
{
 width: 70%;
 height: 2px;
 background-color: gray;
 border: 1px solid silver;
 margin-top: 14px;
 margin-bottom: 5px;
 text-align: left;
}

.memberstatus
{
 float: right;
 position: relative;
 width: 30%;
 background-color: #F7F7F7;
 border: 1px solid silver;
 padding: 7px;
}

.statussection
{
 font-size: 14px;
 background-color: #72a545;
 padding: 2px;
 margin-bottom: 5px;
 margin-top: 2px;
 margin-left: 0;
 margin-right: 0;
 display: block;
 color: #FFF;
}

.logobg
{
 background-image: url('../images_techmania12/headerbg.png');
 background-repeat: repeat-x;
 position: absolute;
 left: 0; top: 0;
 height: 80px;
 width: 100%;
 z-index: -1;
}

.main
{
 border-top: 1px solid silver;
 padding: 10px; 
 margin-bottom: 0;
}

.footer
{
 border-top: 1px solid silver;
 background-color: #F7F7F7;
 color: black;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}

.footer a, .footer a:hover
{
 text-decoration: none;
 border-bottom: 1px dotted black;
 color: black;
}

.linktitle, a.linktitle {font-weight: bold; }

.subcategoryname, .subcategoryname a, .subcategoryname a:hover { }

.catdescription
{
 text-align: center;
 font-size: 10px;
}

#similar
{
 font-size: 12px;
 margin: 10px;
 padding: 10px;
}

#similar .categoryname
{
 font-size: 12px;
 margin: 5px;
}

.logo
{
 float: left;
 width: 40%;
}

.cite
{
 padding: 3px;
 border: 1px solid blue;
 background-color: silver;
 margin: 3px;
}

/***   Additional CSS for Styles    ***/
/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
   TEMPLATE NAME: 	Techmania 1.0
	TEMPLATE CODE: 	S-0003
    VERSION:         1.1          	
 *******************************************/
 /********************************************
   HTML ELEMENTS
********************************************/ 

/* search */
#sidebar .search {
	background: #f2f2f2;
	margin: 0 15px;
	padding: 5px 0;	
}
#sidebar .search img {
	vertical-align: bottom;
}
#sidebar .search .textbox {
	background: #FFF url('../images_techmania12/input.png') no-repeat top left; 
	border: 1px solid #EAEAEA;
	font-size: 11px;
	padding: 3px;	
	width: 110px;
}
#sidebar .search input.searchbutton, #sidebar .search button.searchbutton { 
	margin: 0; 
	font: bold 100% Arial, Sans-serif;
	border: 1px solid #CCC; 
	background: #CCC url('../images_techmania12/buttonbg.gif') repeat-x left bottom; 
	padding: 1px; 
	height: 25px;
	color: #333;	
	width: 55px;
}
.search input.searchbutton, .search input.searchbutton, .search button.searchbutton, .search button.searchbutton { 
	margin: 0; 
	font: bold 100% Arial, Sans-serif;
	border: 1px solid #CCC; 
	background: #CCC url('../images_techmania12/buttonbg.gif') repeat-x left bottom; 
	padding: 2px; 
	height: 25px;
	color: #333;	
	width: 55px;
}

/*****************************
      LAYOUT 
******************************/
#wrap {
   margin: 0 auto ;
   padding:0;	
   text-align: left;
   background-color:#FFF;
   width: 990px;  	
}

/* header */
#header {
	position: relative;
   clear:left;
   width: 990px;
	height: 135px; 
	margin: 0; padding: 0;
	background: #000 url('../images_techmania12/headerbg.jpg') no-repeat right bottom;			
}
#header h1#logo-text {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #FFF;
	text-transform: none;

	/* change the values of top and right to adjust the position of the logo*/
	top: 36px; right: 35px;	
}
#header h1#logo-text img {
	border: 0 !important;
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font-weight: bold;
	font-size: 1em ;
	text-transform: none;
	letter-spacing: 1px;
	color: #FFF;
	
	/* change the values of top and right to adjust the position of the slogan*/
	top: 105px; right:35px;		
}

/* menu tabs */
#header #header-tabs {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 25px;
	background: #000;
   font: bold 1.1em Verdana, Tahoma, 'Trebuchet MS',  Sans-serif;  
} 
#header-tabs ul {		
	margin:0;
   padding:2px 0px 0px 7px;
   list-style:none;
}
#header-tabs li {
	display:inline;
   margin:0;
   padding:0;
}
#header-tabs a {
	float:left;
   background: url('../images_techmania12/tableft.gif') no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header-tabs a span {
	float:left;
   display:block;
   background: url('../images_techmania12/tabright.gif') no-repeat right top;
   padding:7px 15px 4px 8px;
   color: #CCC;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header-tabs a span {float:none;}
/* End IE5-Mac hack */
#header-tabs a:hover span {
	color:#FFF;
}
#header-tabs a:hover {
	background-position:0% -42px;
}
#header-tabs a:hover span { background-position: 100% -42px;}
#header-tabs #current a { background-position:0% -42px; }
#header-tabs #current a span { background-position:100% -42px; color: #FFF;}

/* main content */
#main {
	float: left;
	width: 735px;
	margin: 0; padding: 0;
	background-color: inherit;
}
#main h1 {
	padding: 8px 0 3px 25px;
	text-transform: none;
	background: url('../images_techmania12/square_arrow.gif') no-repeat 0% .7em;
	border-bottom: 2px solid #f2f2f2;	
	color: #339900;	
}	

/* sidebar */
#sidebar {
	float: right;
	width: 245px;
	margin: 0 0 10px 0; padding: 0;
	background-color: inherit;	
}
#sidebar h1 {
	padding: 8px 0px 3px 25px;
	background: url('../images_techmania12/square_arrow.gif') no-repeat 0% .7em;
	text-transform: none;	
	color: #339900;
}

#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 15px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
	display: block;
	font-weight: bold;
	color: #333;
	text-decoration:none;	
	padding: 2px 5px 2px 10px;
	background: #f2f2f2;
	border-left: 5px solid #CCC;	
	
	min-height: 18px;	
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #339900;
	border-left:5px solid #72A545;
}

/* footer */
#footer { 
	clear: both;
	height: 60px;
	color: #CCC;
	background: #000;
	margin: 0;	
	font-size: 92%;			
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF; 
}
#footer #footer-left {
	width: 68%;
	float: left;
	text-align: left;
	margin: 0; padding: 10px;
}
#footer #footer-right {
	width: 25%;
	float: right;
	text-align: right;
	margin: 0; padding: 10px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/*  
.hide  { display: none; }
.gray  { color: #CCC; }

.comment { 
	color: #333; 
	background: #FFF;
	text-align: left; 
	border-top: 1px dashed #EFF0F1;
	border-bottom: 1px dashed #EFF0F1; 
	padding: 5px 0;
	margin-top: 20px;
}

.imauthor
{
/*In the instant messenger, the username of the sender and the time sent.*/
 font-weight: bold;
}

.dpDiv
{
/*For the date picker: the div that holds the date picker calendar */

}

.dpTable
{
/*For the date picker: the table (within the div) that holds the date picker calendar */
 background-color: #dae1ed;
 color: #505050;
 border: 1px solid;
 border-color: #AAAAAA;
 font-family: Tahoma;
 font-size: 12px;
 text-align: center;
}

.dpTR
{
 /*For the date picker: a table row that holds date numbers (either blank or 1-31) */

}

.dpTitleTR
{
 /*For the date picker: the top table row that holds the month, year, and forward/backward buttons */
}

.dpDayTR
{
 /*For the date picker: the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */

}

.dpTodayButtonTR
{
 /*For the date picker: the bottom table row, that has the "This Month" and "Close" buttons */

}

.dpTD
{
/*For the date picker: a table cell that holds a date number (either blank or 1-31) */
 border: 1px solid;
 border-color: #506d99;
}

.dpDayHighlightTD
{
/*For the date picker: a table cell that holds a highlighted day (usually either today's date or the current date field value) */
 background-color: #CCCCCC;
 border: 1px solid;
 border-color: #AAAAAA;
}

.dpTDHover
{
/*For the date picker: the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
 background-color: #b4cdd6;
 color: #FF0000;
 border: 1px solid;
 border-color: #888888;
 cursor: pointer;
}

.dpTitleTD
{
 /*For the date picker: the table cell that holds the name of the month and the year */

}

.dpButtonTD
{
 /*For the date picker: a table cell that holds one of the forward/backward buttons */

}

.dpTodayButtonTD
{
 /*For the date picker: the table cell that holds the "This Month" or "Close" button at the bottom */

}

.dpDayTD
{
/*For the date picker: a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
 background-color: #CCCCCC;
 color: #ffffff;
 border: 1px solid;
 border-color: #AAAAAA;
}

.dpTitleText
{
/*For the date picker: additional style information for the text that indicates the month and year */
 color: #888888;
 font-size: 12px;
 font-weight: bold;
}

.ac_results
{
/* Autocomplete possibilities list */
 background-color: #ffffff;
 border-color: #000000;
 border: 1px solid;
 padding: 0px;
 overflow: hidden;
 z-index: 99999;
}

.ac_results ul
{
/* Autocomplete possibilities list element set */
 width: 100%;
 list-style-position: outside;
 list-style: none;
 padding: 0;
 margin: 0;
}

.ac_results li
{
/* Autocomplete possibilities list element */
 margin: 0px;
 padding: 2px 5px;
 cursor: default;
 display: block;
 font-family: sans-serif;
 font-size: 12px;
 line-height: 16px;
 overflow: hidden;
}

.ac_loading
{
/* Autocomplete loading indicator */
 background-color: #ffffff;
 background: url('../images_techmania12/indicator.gif') right center no-repeat;
}

.ac_odd
{
/* Autocomplete odd numbered rows */
 background-color: #eeeeee;
}

.ac_over
{
/* Autocomplete */
 background-color: #0A246A;
 color: #ffffff;
}

#searchbox
{
/* The search bar at the top.*/
 background-color: #F9F9F9;
 border-width: 1px 0px 1px 0px;
 border-style: solid;
 border-color: #E5E5FF;
 text-align: center;
 padding: 5px 0px 5px 0px;
 margin: 0px 60px 5px 60px;
 opacity: 1;
 -moz-border-radius: 10em;
 -webkit-border-radius: 10em;
 border-radius: 10em;
}

.submitbutton
{
/* Submit buttons.*/
 background-color: #F0FFF0;
 border: 1px outset #000000;
 color: #004400;
 font-size: 16px;
 margin: 5px;
 padding: 5px;
 font-weight: bold;
}

.submitbutton:hover
{
/* Mouseover of submit buttons.*/
 background-color: #007744;
 color: #ffffff;
}

.previewbutton
{
/* Preview buttons.*/
 background-color: #FFFFF0;
 border: 1px outset #000000;
 color: #AFAF22;
 font-size: 16px;
 margin: 5px;
 padding: 5px;
 font-weight: bold;
}

.previewbutton:hover
{
/* Mouseover of preview buttons.*/
 background-color: #DFDF66;
 color: #ffffff;
}

.gobutton
{
/* Go buttons.*/
 background-color: #F0F0FF;
 border: 1px outset #000000;
 color: #000022;
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

.gobutton:hover
{
/* Mouseover of go buttons.*/
 background-color: #000022;
 color: #FAFAFF;
}

.gobutton img, .bigbutton, img, .previewbutton img, .submitbutton img, .biglink img
{
/* Vertrically centered images within various elements.*/
 vertical-align: middle;
}

.bigbutton:hover
{
/* Mouseover of generic large buttons.*/
 background-color: #ffffff;
 color: #000000;
}

.incompleteblock
{
/* The area describing why a form submission failed and prompting to try again. Note it's a table.*/
 background-color: #FFEEEE;
 border: 1px solid;
 border-color: #FF0000;
 padding: 5px;
 margin: 10px;
 width: 95%;
 align: center;
}

.incompleteblock td
{
/* Table cells for the incomplete form submission area.*/
 vertical-align: middle;
 font-size: 17px;
 padding-left: 15px;
}

.requiredmarker
{
/* The red asterisk by required fields.*/
 color: #FF0000;
 font-weight: bold;
 vertical-align: top;
}

.onlinebuddies
{
/*In the buddy list, the line indicating how many are online.*/
 background-image: url('../images_techmania12/homenav.png');
 font-size: 16px;
 font-weight: bold;
 padding-left: 10px;
}

.offlinebuddies
{
/*In the buddy list, the line indicating how many are offline.*/
 background-image: url('../images_techmania12/homenav.png');
 font-size: 16px;
 font-weight: bold;
 padding-left: 10px;
}

a.biglink
{
/* Generic large links.*/
 background-color: #F0FFF2;
 color: #006600;
 border: 1px solid;
 border-color: #AACCAA;
 font-size: 16px;
 margin: 5px;
 padding: 5px;
 font-weight: bold;
 text-decoration: none;
}

.biglink:hover
{
/* Mouseover of generic large pseudobuttons.*/
 background-color: #ffffff;
 color: #000000; 
 text-decoration: none;
}

.postrating
{
/* The comment rating 'x of y found this helpful' area.*/
 font-size: 11px;
}

.oddrow, .oddrow td
{
/* For tables where rows need to stand out, the odd numbered ones.*/
 background-color: #F5FFF5;
 color: #000000;
 font-size: 14px;
 padding: 4px;
}

.evenrow, .evenrow td
{
/* For tables where rows need to stand out, the even numbered ones.*/
 background-color: #F9FFF9;
 color: #000000;
 font-size: 14px;
 padding: 4px;
}

 

 

.feedcontainer
{
/*The container for the link-associated RSS feeds.*/
 padding: 2px;
}

.feeddescription
{
/*The description in the link-associated RSS feeds.*/
 margin: 5px;
 margin-left: 10px;
 padding-left: 5px;
 border-left: 1px solid;
 border-left-color: #eeeeee;
}

#imchatarea
{
/*The instant messenger chat area.*/
 width: 95%;
 height: 200px;
 overflow: auto;
 float: left;
 margin: 10px;
 padding: 5px;
 font-size: 14px;
}

.lefticons
{
/*Little icons on the left of big boxes.*/
 float: left;
 padding: 5px;
}

.borderimagenormal
{
/*Borders around thumbnails.*/
 border: 2px solid;
 border-color: #000000;
}

.social
{
/*The addthis.com button.*/
}

.menubullets
{
/*Bulleted menu item lists.*/
 list-style-image: url('../images_techmania12/bullet.png');
 margin: 0;
 padding: 0;
 padding-left: 17px;
}

.menubullets li
{
/*The actual menu items.*/
 padding: 1px;
 margin: 0;
}

#cart
{
/*The shopping cart.*/

}

.addtocart
{
/*The add to cart button on the details page.*/
 background-color: #20AF80;
 border: 2px outset;
 border-color: #004400;
 color: #ffffff;
 text-decoration: none;
 font-size: 20px;
 font-weight: bold;
 padding: 8px;
}

.addtocart:hover
{
/*Mouseover hover for the add to cart button on the details page.*/
 background-color: #007744;
 color: #ffffff;
 border-color: #004400;
}

.carttotalsrow
{
/*The totals row in the cart checkout page.*/
 font-weight: bold;
 background-image: url('../images_techmania12/checkouttotalsbg.png');
 height: 30px;
 line-height: 30px;
}

.quicklogin
{
/*The quick login dropdown.*/
 background-color: #EEF5EE;
 border: 2px dotted;
 border-color: #dddddd;
 margin-bottom: 5px;
 padding: 0;
 width: 70%;
 height: 40px;
 line-height: 40px;
 text-align: center;
}

.previewframe
{
/*The iframe showing a preview of the details page.*/
 width: 95%;
 height: 400px;
 border: 1px solid;
 border-color: #CCCCCC;
}

.description
{
/*Listing decriptions.*/
font-size: 10px;
}html, body
{
/*Page height needed for maps to show.*/
 height: 100%;
}

a.admincolor, a.admincolor:visited
{
/*An administrator's name, linked to their profile.*/
 color: #3E973F;
 font-weight: bold;
}

a.modcolor, a.modcolor:visited
{
/*A moderator's name, linked to their profile.*/
 color: #0000AA;
}

a.bannedcolor, a.bannedcolor:visited
{
/*A banned user's name, linked to their profile.*/
 color: #808080;
}

a.sponsorcolor:link, a.sponsorcolor:visited
{
/*A sponsor's username, linked to their profile.*/
 color: #008800;
 font-weight: bold;
}

.threadtools:link, .threadtools:visited
{
/*Link text for the row of tool icons at the top of threads.*/
 text-decoration: none;
 padding: 10px;
}

.pagination
{
 /* The pagination links at the top and bottom of threads. */
 font-size: 16px;
}

#catleft
{
 /*The main display area on the left on the category page.*/
 float: left;
 width: 80%;
}

#catright
{
 /*The right side boxes are on the category page.*/
 float: right;
 width: 20%;
}

.stripeme
{
 /* Striped tables.*/
 width: 100%;
}

.postbitusername
{
 /*The username next to a post.*/
 font-size: 20px;
}

.ckeditorbackground
{
/*Set the color of the WYSIWYG editor.*/
 background-color: #F3FFF7;
}

.imlink, .imlink:link, .imlink:visited
{
/*The link to start an IM convo.*/
 text-decoration: none;
 color: #333333;
 font-weight: bold;
 border: 1px dashed;
 border-color: #AAAAAA;
 background-color: #DDDDDD;
 padding: 5px;
 margin: 5px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}

.ratingpercent
{
/*The border for the member rating percent image.*/
 width: 100px;
 height: 14px;
 border: 1px solid;
 border-color: #000000;
 margin: 5px;
}

.profiletable td
{
/*Section blocks on the view profile page.*/
 border: 6px double;
 border-color: #AACCBB;
 background-color: #E0EFE5;
 padding: 15px;
}

#selectLink
{
/* The multifile uploader button.*/
 border: 2px solid;
 border-color: #888888;
 padding: 10px;
 margin: 10px;
 text-decoration: none;
 color: #000000;
 background-color: #FFFFFF;
 font-weight: bold;
 font-size: 16px;
}

.uploadprogress
{
/* The multifile uploader progress.*/
 height: 5px;
 width: 100px;
 background-color: #CCCCCC;
}

.uploadprogressworking
{
/* The multifile uploader progress in progress file.*/
 height: 5px;
 background-color: #F00000;
}

.avatar
{
/*The large regular avatars.*/
 border: 1px solid;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.miniavatar
{
/*The microscopic avatars by names.*/
 border: 1px solid;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.folderimage
{
/*The folder images for categories/forums.*/
 padding-right: 10px;
}

.cke_contents
{
/*The standard WYSIWYG editor.*/
 height: 350px !important;
}

.cke_contents_basic
{
/*The basic WYSIWYG editor.*/
 height: 100px !important;
}

.center
{
/*To center stuff.*/
 text-align: center;
}

.lightboxgallery 
{
/*For the lightbox slideshow.*/
 padding: 4px;
}

.lightboxgallery ul
{
/*For the lightbox slideshow.*/
 list-style: none;
}

.lightboxgallery ul li 
{
/*For the lightbox slideshow.*/
 display: inline; 
}

.lightboxgallery ul img 
{
/*For the lightbox slideshow.*/
 box-shadow: 6px 6px 6px #AAAAAA;
}

.lightboxgallery ul a:hover img
{
/*For the lightbox slideshow.*/
 box-shadow: 3px 3px 3px #888888;
 color: #ffffff;
}

.attachmentsarea
{
/*Comment post attachments area.*/
 margin-left: 20px;
 color: #555555;
}

.standardtable
{
/*Most large tables.*/
 width: 100%;
}

.price
{
/*To highlight a price.*/ 
 background-color: #FAFEFB;
 border: 1px dotted;
 border-color: #FFFFFF;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 font-size: 18px;
 font-weight: bold;
 float: left;
 padding: 5px;
 margin: 5px;
}

.cartoption
{
/*Each shopping cart option block on the submit end edit pages.*/
 background-color: #FAFEFB;
 border: 1px solid;
 border-color: #FFFFFF;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 padding: 5px;
 margin: 5px;
}

.sitetitle
{
/*Text logo, if there's no image.*/
 padding: 10px;
 text-decoration: none;
 line-height: 74px;
}

.adbanner
{
/*Advertising banner area.*/
}

.currenthometab, .currenthometab:hover
{
/*The currently selected area in the member home*/
 background-color: #D9DCE4; 
 border: 1px solid;
 border-color: #EEEEEE;
 color: #001020;
 display: block;
 padding: 5px;
 padding-left: 15px;
 margin: 5px;
 text-decoration: none;
 background-image: url('../images_techmania12/homenavmouseover.png');
 background-repeat: x;
 border-radius: 10px;
 word-spacing: 4px;
 letter-spacing: 2px;
}

.navbutton #currenttab
{
/*The area we're in amongst the Options, Search, Private Messaging etc links area at the top of every page.*/
 opacity: 1;
 color: #444444;
 text-shadow: 1px 1px #AAAAAA, -1px -1px white;
 text-decoration: none;
}

.inout
{
/*Login, logout, register links area.*/  
 letter-spacing: 3px;
}

.individualinternal
{
/*Each individual internal reply to a comment.*/
 padding: 1px;
 margin: 1px;
 border-left: 0px dotted;
 border-top: 0px dotted;
 border-color: #AADDFF;
 border-top-left-radius: 10px;
}

.postinternal
{
/*Link to post internal reply.*/
 margin-top: 10px;
 margin-left: 100px;
 font-size: 14px;
}

.logintable
{
/*The login and lost password tables on the login page.*/
 width: 350px;
}
.categoryheader {
	color: #F3F9E7;
}

.bullet
{
 vertical-align: middle;
}

.datepickerform { margin: 0; }

.clear
{
 clear: both;
}

.floatattach
{
 float: left;
 margin: 5px;
}

.bait { visibility: hidden; width: 0; height: 0; display: none; }

.articlebar
{
 float: right;
}

.articlebar a
{
 display: block;
 padding: 5px;
 margin: 10px;
 border: 1px inset black;
 text-decoration: none;
}

additional classes */
.clear {	clear:both;	}

.floatleft
{
 /*Any div that should float on the left.*/
 float: left;
}

.floatright
{
 /*Any div that should float on the right.*/
 float: right;
}

.ratingscontainer
{
/* The container for each entire rating in the ratings list.*/
 background-color: #EEF1F5;
 padding: 10px;
 margin: 10px;
}

.ratingsbyline
{
/* The rating by x on date y line in the ratings list.*/
 border-bottom: 1px solid;
 border-bottom-color: #dddddd;
 font-weight: bold;
 padding-bottom: 10px;
 margin-bottom: 10px;
}

.ratingsstars
{
 /* The area with the star graphics in the ratings list.*/
}

.ratingscomment
{
/* The textual comment left by the rater, in the ratings list.*/
 margin-top: 5px;
}

#confirmModalOverlay
{
/*Modal yes no confirmation dialog overlay.*/
 background-color: #eeeeee;
 cursor: wait;
}

#confirmModalContainer
{
/*Modal yes no confirmation dialog container.*/
 height: 140px;
 width: 420px;
 font-family: Verdana;
 font-size: 16px;
 text-align:left;
 background: #ffffff;
 border: 2px solid;
 border-color: #336699;
}

#confirmModalContainer .header
{
/*For the modal yes no confirmation dialog.*/
 height: 30px;
 width: 100%;
 background: url('../images_techmania12/confirm_header.png') repeat-x;
 color: #ffffff;
 font-size: 1.1em;
 font-weight: bold;
 line-height: 30px;
}

#confirmModalContainer .header span
{
/*For the modal yes no confirmation dialog.*/
 padding-left: 8px;
}

#confirmModalContainer .message
{
/*For the modal yes no confirmation dialog.*/
 color: #004400;
 text-align: center;
 margin: 0;
 padding: 12px 4px;
 font-size: 1em;
}

#confirmModalContainer .buttons
{
/*For the modal yes no confirmation dialog.*/
 width: 160px;
 float:right;
 padding:10px 8px 0;
}

#confirmModalContainer .buttons div
{
/*For the modal yes no confirmation dialog.*/
 float: right;
 margin-left: 8px;
 width: 70px;
 height: 26px;
 color: #505050;
 font-weight: bold;
 text-align: center;
 background: url('../images_techmania12/confirm_button.png') repeat-x;
 border: 1px solid;
 border-color: #C0C0C0;
 cursor:pointer;
}

#confirmModalContainer a.modalCloseX, #confirmModalContainer a.modalCloseX:link, #confirmModalContainer a.modalCloseX:active, #confirmModalContainer a.modalCloseX:visited
{
/*For the modal yes no confirmation dialog.*/
 text-decoration: none;
 font-weight: bold;
 font-size: 1.1em;
 position: absolute;
 top: -1px;
 left: 400px;
 color: #dddddd;
}

#confirmModalContainer a.modalCloseX:hover
{
/*For the modal yes no confirmation dialog.*/
 color: #9bb3b3;
}

.nowrap
{
/*For use on table cells that shouldn't do wordwrap.*/
 white-space: nowrap;
}

.prevnext
{
/*WSN Gallery's next and previous navigator.*/
 margin-left:auto;
 margin-right:auto;
 text-align: center;
}

.imagearea
{
/*WSN Gallery's image display area on the details page.*/
 text-align: center;
}

.topleftdetail
{
/*WSN Gallery's top left rating and tools boxes on details page.*/
 float: left;
 margin-left: 35px;
 height: 35px;
 padding-top: 15px;
}

.directionsbox
{
/*The driving directions address input for google maps.*/
 display: none;
}

.selecteddirection, a.selecteddirection:hover
{
/*Whichever of 'directions to' or 'directions from' is selected, if either.*/
 text-decoration: none;
 font-weight: bold;
 color: #000000;
}

.categoryandsearchmap
{
/*The map div for categories and searches.*/
 width: 90%;
 height: 350px;
}

.categoryandsearchdirections
{
/*The map directions div for categories and searches.*/
 width: 90%;
}

.detailsmap
{
/*The map div for the details page.*/
 width: 500px;
 height: 300px;
}

.detailsdirections
{
/*The map directions div for the details page.*/
 width: 500px;
}

.tab, .tab:visited
{
/*Tabs on the details page in WSN Software Directory.*/
 margin-top: 10px;
 margin-left: 10px;
 padding: 5px;
 border: 1px solid gray;
 text-decoration: none;
}

.tabactive, .tabactive:visited
{
/*Tabs on the details page in WSN Software Directory.*/
 margin-top: 10px;
 margin-left: 10px;
 padding: 5px;
 border: 1px solid gray;
 text-decoration: none;
 font-weight: bold;
}

.sections, .sections:visited
{
/*Listing bit sections for screenshots etc in WSN Software Directory.*/
 color: #666666;
 font-size: 10px;
 margin: 1px;
 padding: 1px;
 border-top: 1px solid gray;
 border-bottom: 1px solid gray;
 text-decoration: none;
 font-weight: bold;
}

.topicpreviews
{ 
/*WSN Forum topic previews.*/
 display: none;
 padding: 0;
 font-size: 10px;
 height: 37px;
 overflow: hidden;
}

.articlebar a:hover
{
 /*Hover on hyperlinked text in right hand vertical options by article text.*/
 background-color: #D2D2D2;
 color: #000000;
}

.mappin
{
/*Google map pins.*/
 width: 220px;
 height: 120px;
}

.pinned td
{
 /*Sticky topic cells.*/
 background-color: #D2D9D3;
 border: 2px dotted;
 border-color: #BB8888;
 border-left: 0;
 border-right: 0;
}

.topiclist td
{
 /*Topic list cells.*/
 
}

.reportsforumcolumn
{
 /*Discussion threads related to reports.*/
 width: 30%; 
 font-size: 18px;
}

.titlecolumn
{
 /*The column the topic title is in for WSN Forum.*/
 width: 40%;
 vertical-align: middle;
 text-align: left;
}

.topstuff li
{
/*WSN Forum front page toplist.*/
 padding-bottom: 4px;
}

.fronttop
{
/*WSN SD front page toplist.*/
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 background-color: #F1FFF8;
 border: 1px solid #308050;
}

.fronttopalt
{
/*WSN SD front page toplist.*/
 background-color: #F7FFFA;
}

.categorymenu
{
/*WSN SD front page category menu.*/
 color: #000000;
 border: 1px solid;
 border-color: #35AF57;
 border-left: 0;
 border-top: 0;
 padding: 5px;
 margin: 3px;
 text-decoration: none;
 list-style-image: url('../images_techmania12/icon_search.png');
}

.catmenu, .catmenu:link, .catmenu:visited
{
/* Category sidebar menu list links for WSN SD*/
 background-color: #EEF4EE; 
 border: 1px outset;
 border-color: #CCCCCC;
 color: #001010;
 display: block;
 padding: 5px;
 padding-left: 15px;
 margin: 5px;
 text-decoration: none;
 font-weight: bold;
 font-size: 16px;
 font-family: sans-serif;
}

.catmenu:hover, .catmenu:link:hover, .catmenu:visited:hover
{
/* Category sidebar menu list links for WSN SD*/
 color: #001010;
 border: 1px inset;
 background-color: #EFF5EF; 
}

.bulkprice
{
/*Price on bulk sponsor page.*/ 
 background-color: #FAFBFE;
 border: 1px dotted;
 border-color: #FFFFFF;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 font-size: 18px;
 font-weight: bold;
 padding: 5px;
 margin: 5px;
}

.categoryleftmenu > ul > li > a
{
/* Category sidebar menu list links for WSN SD*/
 text-decoration: none;
 vertical-align: top;
}

.ui-autocomplete-loading
{
/*Autocomplete loading indicator.*/
 background:url('../images_techmania12/indicator.gif') no-repeat right center;
}
#lbPrevLink:hover
{
 /*Slideshow previous image link.*/
 background: transparent url('../images_techmania12/lightbox-btn-prev.gif') no-repeat 0 15%;
}

#lbNextLink:hover
{
 /*Slideshow next image link.*/
 background: transparent url('../images_techmania12/lightbox-btn-next.gif') no-repeat 100% 15%;
}

#lbCloseLink 
{
 /*Slideshow close link.*/
 background: transparent url('../images_techmania12/lightbox-btn-close.gif') no-repeat center;;
}
	

.toolsbararea
{
/*Tools at the bottom of the details page.*/
 padding: 10px;
 margin: 10px 0px 0px 0px;
 font-size: 18px;
}

.toolsbararea a
{
/*Tools at the bottom of the details page.*/
 padding: 1px 15px 1px 1px;
}

.selectedtool
{
 background-color: #D0F5F8;
 border: 1px dotted;
 border-color: #AAABAB;
}

.borderimageover
{
/*Borders around thumbnails mouseover.*/
 border: 2px inset;
 border-color: #888888;
}

a.smalllink
{
/* Generic small pseudobuttons.*/
 background-color: #D0EAFF;
 color: #006666;
 border: 1px solid;
 border-color: #AACCCC;
 font-size: 12px;
 margin: 5px;
 padding: 5px;
 margin-top: 1px;
 padding-top: 1px;
 margin-bottom: 1px;
 padding-bottom: 1px;
 text-decoration: none;
 border-radius: 10px;
}

.smalllink:hover
{
/* Mouseover of generic small pseudobuttons.*/
 background-color: #ffffff;
 color: #000000; 
 text-decoration: none;
}

#couponresult
{
/* Message after coupon is accepted.*/
 color: #008800;
 padding: 10px;
}

.internalrecent
{
/* Recent internal replies list on thread page.*/
 height: 120px;
 float: left;
 overflow-y: scroll;
}

input:-moz-placeholder
{  
/*Placeholder text for firefox.*/
 color: #999999;  
}

.mainarticle
{
/*WSN KB article text*/
 padding: 15px;
 font-size: 14px;
}

.forumlist
{
 /* Front page forum list in WSN Forum*/
 text-align: center;
}

#cart a
{
 font-size: 11px;
 line-height: 11px;
 margin: 0;
 padding: 0;
}

.thumbshots
{
/*Website thumbshots.*/
 border: 0px solid;
 border-color: #D9DCE4;
 border-radius: 5px;
}

.lbLoading
{
/*Slideshow loading indicator.*/
 background: background: #fff url('../images_techmania12/lightbox-ico-loading.gif') no-repeat center;
}

.reportpost
{
/*The report comment box in posts.*/
 padding: 10px;
 margin: 5px;
 margin-top: 0;
 border-radius: 10px;
 border: 1px solid;
 border-color: #FFFFFF;
 background-color: #FFFFFF;
 display: none; opacity: .8;
}

#topcontainer
{
/*Encloses the top part of the page.*/
 width: 100%;
}

.urlarea
{
/*Container for url pagerank and alexa.*/
 height: 105px;
}

.exiturl
{
 font-size: 16px;
 padding: 6px;
}

.details a, .details a:link, .details a:active, .details a:visited
{
 color: #555555;
}
.forumname, a.forumname, a.forumname:visited, a.forumname:active
{
 /* Forum names in WSN Forum on the front page.*/
 color: #526D6F;
}
 /*Lightbox slideshow stuff:*/
.lb-prev:hover { background-image: url('../images_techmania12/lightbox-prev.png'); }
.lb-next:hover { background-image: url('../images_techmania12/lightbox-next.png'); }
.lb-data .lb-close { background-image: url('../images_techmania12/lightbox-close.png'); }
.lb-cancel { background-image: url('../images_techmania12/lightbox-loading.gif'); }
#loading { background: url('../images_techmania12/loadingAnimation.gif') no-repeat center center; width: 208px;  height: 13px; }
.catmenu li
{
background: rgb(204,204,204); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}
th.categoryheader
{
 text-shadow: 0;
 border: 0;
 color: #000000;
}

.linkstable, .categoriestable
{
 border-spacing: 0;
}

.detailedinfo { width: auto; }
.cookienotice
{
 background-color: #999999;
}
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }
 INPUT, SELECT, TEXTAREA { border-width: 1px; }