#topcontainer{
 background: #FFFFFF;
 height:180px;
 }
 
 #topcontainer h2 {
 	text-indent: -10000px;
}

.footnote {
font-size:9px;
text-align:center;
}


.indent {padding-left:10px;}


#wrap{
background-color:#FFE8F5;
width:960px;
margin:auto;
padding:0;
border: 2px ridge #EC008C;
}

#headerright{
margin: 20px 20px 20px 20px;
float:right;
width:250px;
color:#021E57;
font-size:14px;
}

/***** Navbar Menu ********************/


#navbar {
	clear: both;
	width: 960px;
	height: 26px;
	background: #EC008C;
	font-family: Arial, Tahoma, Verdana;
	color: #0088B3;
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-transform: uppercase;
	font-weight:bold;
	text-shadow: #333333 1px 1px;
	}

#navbar .wrap {
	}
	
#navbar ul {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navbar li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navbar li a {
	color: #FFFFFF;
	display: block;
    margin: 0;
	padding: 6px 13px 5px 13px;
	text-decoration: none;
	position: relative;
	border-right: 1px groove #FFE8F5;
	}

#navbar li a:hover, #navbar li a:active {
	color: #FFFFFF;
	background: #02276E;
	}
	
#navbar li a.sf-with-ul {
	padding-right: 20px;
	}	
	
#navbar li a .sf-sub-indicator {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 14px;
	right: 5px;
	}
	
#navbar li li a, #navbar li li a:link, #navbar li li a:visited {
	background: #EC008C;
	color: #FFFFFF;
	width: 138px; 
	font-size: 12px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-left: 1px solid #2C343F;
	border-right: 1px solid #2C343F;
	border-bottom: 1px solid #2C343F;
	position: relative;
	}
	
#navbar li li a:hover, #navbar li li a:active {
	color: #FFFFFF;
	background-color:#02276E;
	}

#navbar li li a .sf-sub-indicator {
	top: 10px;
	}

#navbar li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0;
	padding: 0;
	}

#navbar li ul a { 
	width: 140px;
	}

#navbar li ul a:hover, #navbar li ul a:active { 
	}

#navbar li ul ul {
	margin: -31px 0 0 159px;
	}

#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li.sfHover ul ul, #navbar li.sfHover ul ul ul {
	left: -999em;
	}

#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li.sfHover ul, #navbar li li.sfHover ul, #navbar li li li.sfHover ul {
	left: auto;
	}

#navbar li:hover, #navbar li.sfHover { 
	position: static;
	}
	
#navbar li.right {
	float: right;
	margin: 0;
	padding: 6px 10px 6px 10px;
	}

#navbar li.right a {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #0088B3;
	font-weight: normal;
	text-decoration: none;
	}
	
#navbar li.right a:hover {
	color: #0088B3;
	text-decoration: underline;
	}


/***** END Nav Menu ********************/

#content{
margin-top:8px;
width:100%;
padding: 10px;
}


.sidebar{
float:right;
width: 180px;;
padding:0px;
 margin: 0px 30px 0px 0px;
}

/* SIDEBAR MENU */
.sidebar .menu {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.sidebar .menu li {
 background: url(../images_default/bullet.png) no-repeat top left;
	display: block;
	margin-top: 0px 0px 0px 0px;
	padding: 0 0px 4px 16px;
}

.sidebar .menu a {}

.sidebar .menu a:hover {}

.menu li:hover,
.menu li a:hover{	}
/* END MENU */

.welcomebox{
float:left;
}

.featuredbox{
 background-color: #FFFFDF;
 color: #000000;
 margin: 0px 0px 10px 0px;
}


.featuredtitle{
 background-color: #EC008C;
 color: #000000;
 font-weight: bold;
 font-size: 14px;
 color: #FFFFFF;
 padding:3px;
}

.featuredbody{
 padding: 8px;
 border: 1px outset #EC008C;
 text-align:center;
}

hr{ color:#EC008C}

.moreinfo{ font-size:11px; font-style:italic; font-weight:normal;}

/***** WSN Links ********************/

A:link{
 text-decoration: none;
 color: #EC008C;
}


A:link:hover{
 text-decoration: none;
 color: #02276E;
}



A:visited{
 text-decoration: none;
 color: #EC008C;
}



A:visited:hover{
 text-decoration: none;
 color: #02276E;
}



BODY{
background-color:#FFFFDF;
 color: #000000;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
} 



TABLE

{

/*All HTML tables.*/

 font-size: 12px;

} 



INPUT

{

/*Input boxes where you type a short line.*/

 background-color: #FFFFFF; 

 color: #000000;

 border: 1px solid;

 border-color: #C0C0C0;

 font-size: 12px;

}



SELECT

{

/*Dropdown selectors.*/

 background-color: #FFFFFF; 

 color: #000000;

 border: 1px solid;

 border-color: #C0C0C0;

 font-size: 12px;

}



TEXTAREA

{

/*Text areas where you type multiple lines.*/

 background-color: #FFFFFF; 

 color: #000000;

 border: 1px solid;

 border-color: #C0C0C0;

 font-size: 12px;

}



IMG

{

/*Image elements.*/

 border: 0;

}



H1

{


 font-size: 24px;

 font-weight: normal;

 text-align: center;

}



H2

{

/*Secondary header element.*/

 font-size: 22px;

 font-weight: normal;

}



.button{
 background-color: #021E57;
 color: #FFFFFF;
 border: outset 2px #C0C0C0;
 font-weight: bold;
 cursor:pointer;
 padding:2px;
}



.main
{
float:left;
width:720px;
 padding: 0px; 
 margin: 0px 0px 0px 0px;
}



.footer{
 background-color: #FFFFDF;
 border-top: 1px solid #C0C0C0;
 color: #000000;
 padding: 0px 10px 10px 10px;
}

.footer a, .footer a:hover{
 text-decoration: none;
 border-bottom: 1px dotted #021E57;
 color: #000000;
}



.incomplete

{

/*Input boxes which the user failed to fill in but needs to.*/

 border: 1px solid;

 border-color: #FF0000;

}



.required

{

/*Input boxes that the user will need to fill in.*/

 border: 1px solid;

 border-color: #FF0000;

}



.link{
 color: #000000;
 border: 1px outset #EC008C;
 padding: 5px;
 text-align:center;
 width: 160px;
 background:#FFFFFF;
}



.category{
 background-color: #ffffff;
 color: #000000;
 border: 1px solid #CCCCCC;
 padding: 10px;
}



.commentposter

{

/*The left box showing details of the person who wrote a comment post.*/

 background-color: #D9DCE4;

 color: #000000;

 border: 1px solid;

 border-color: #C0C0C0;

}



.comment

{

/*A comment post.*/

 background-color: #E4EAF3;

 color: #000000;

 padding: 5px;

 border: 1px solid;

 border-color: #C0C0C0;

}



.commentposteralternate

{

/*Alternate rows for the person who wrote a comment post.*/

 background-color: #D9DCE4;

 color: #000000;

 border: 1px solid;

 border-color: #C0C0C0;

}



.commentalternate

{

/*Alternate rows for a comment post.*/

 background-color: #E4EAF3;

 color: #000000;

 border: 1px solid;

 border-color: #C0C0C0;

 padding: 5px;

}



.commentdate

{

/*The date on which a comment was posted.*/

 font-size: 9px;

 font-style: italic;

}



.details

{

/*The container around the listing details page.*/

 background-color: #FFFFFF;

 color: #000000;

 border: 1px solid;

 border-color: #C0C0C0;

 padding: 10px;

 margin: 10px;

}



.detailsborder{
}



.labels

{

/*Text used as a label for requesting input.*/

 font-weight: bold;

}



.important

{

/*Important text.*/

 font-weight: bold;

}



.columnheader

{

/*The column label label row at the top of some tables.*/

 background-image: url('../images_default/columnheader.png');

 background-repeat: repeat-x;

}



.labelscolumn

{

/*On pages asking for lots a bunch of input, like post reply, this is the left column with all the labels.*/

 background-color: #D9DCE4;

 color: #000000;

 border: 1px solid;

 border-color: #C0C0C0;

 width: 30%;

 vertical-align: top;

 padding: 5px;

}



.optionscolumn

{

/*On pages asking for lots a bunch of input, like post reply, this is the right column where you type the info.*/

 background-color: #D9DCE4;

 color: #000000;

 border: 1px solid;

 border-color: #C0C0C0;

 width: 70%;

 vertical-align: top;

 padding: 5px;

}



.oddcolumns

{

/*The table cell for odd numbered columns in big tables with many columns.*/

 background-color: #D9DCE4;

 color: #000000;

}



.evencolumns

{

/*The table cell for even numbered columns in big tables with many columns.*/

 background-color: #D9DCE4;

 color: #000000;

}



.categoryname, a.categoryname{
 font-size: 18px;
 text-decoration:none;
 text-transform: uppercase;
}



.editedby

{

/*The "Edited by postername at time" text at the bottom of posts after they're edited.*/

 font-size: 9px;

}



.searchhighlight

{

/*Highlighting for search terms in search results.*/

 background-color: #FFFF00;

 color: #000000;

}



.title

{

/*Listing titles.*/

 font-size: 14px;

 padding: 3px;

 font-weight: bold;

 text-align: center;

}



.newpmhighlight

{

/*The notification message indicating a new private message.*/

 font-weight: bold;

}



.quote

{

/*A quoted comment post.*/

 background-color: #EEEEF3;

 color: #000000;

 border: 1px solid;

 border-color: #FFFFDF;

 padding: 3px;

 margin: 3px;

}



.quoteby

{

/*The "X wrote:" for a quoted comment post.*/

 font-size: 10px;

}



.posthistory

{

overflow: auto;

 width: 100%;

 height: 300px;

}



.deletions

{

/*The box offering deletion options on the edit page for listings, categories and comments.*/

 background-color: #C0C0C0;

 color: #000000;

 border: 1px solid;

 border-color: #021E57;

 width: 50%;

 padding: 5px;

 margin: 0 auto;

 text-align: center;

}



.code

{

/*The box for text within the [code] WSN Code.*/

 background-color: #F5F5F5;

 color: #000000;

 border: 1px solid;

 border-color: #CCDED1;

 font-family: monospace;

 font-size: 10px;

 padding: 2px;

 margin: 10px;

 overflow: scroll;

 width: 600px;

}



.imtextself

{

/*In the instant messenger, text written by the viewer.*/

 color: #808080;

}



.imtextother

{

/*In the instant messenger, text written by the person the viewer is talking to.*/

 color: #000000;

}



a.admincolor

{

/*An administrator's name, linked to their profile.*/

 color: #3E97CF;

 font-weight: bold;

}



a.modcolor

{

/*A moderator's name, linked to their profile.*/

 color: #AA3333;

}



a.bannedcolor

{

/*A banned user's name, linked to their profile.*/

 color: #808080;

}



.mutualbuddy

{

/*Someone on your buddy list who also has you on their buddy list, as displayed on the buddy list page.*/

 font-weight: bold;

}



.smiliebox

{

/*The box in which you select smilies.*/

 background-color: #C0C0C0;

 color: #000000;

 border: 1px dotted;

 border-color: #C0C0C0;

 padding: 10px;

 width: 140px;

}



.linktools

{

/*The assortment of options with mini-icons in the listing bit.*/

 font-size: 12px;

 color: #808080;

}



.linktools a

{

/*Linked text inside the assortment of options with mini-icons in the listing bit.*/

 text-decoration: none;

 color: #808080;

}



.subcatsmainpage

{

/*Subcategories beneath the main category listing.*/

 font-size: 10px;

 margin: 0;

 padding: 3px;

}



.login

{

/*The quick login box at the top.*/

 background-color: #D9DCE4;

 color: #000000;

 border: 1px solid;

 border-color: #7090F0;

 font-size: 10px;

 float: right;

 padding: 5px;

 margin: 0px 0px 10px 0px;

}



.sort

{

/*The "Show X sorted by Y" areas for sorting listings and categories.*/

 background-color: #F5F5F5;

 color: #000000;

 border-left: 1px solid;

 border-right: 1px solid;

 border-color: #A5A5FA;

 padding: 5px;

 margin: 5px;

}



.box{
 background-color: #FFFFDF;
 color: #000000;
 margin: 0px 0px 10px 0px;
}



.boxtitle{
 background-color: #EC008C;
 color: #000000;
 font-weight: bold;
 font-size: 14px;
 color: #FFFFFF;
 padding:3px;
}

.boxbody{
 padding: 8px;
 border: 1px outset #EC008C;
}



.newlinks 

{ 

/*The listings in the toplist box (which defaults to newest listings) on the front page.*/

}



.bullet

{

 /*Things that need to be middle-aligned.*/

 vertical-align: middle;

}



.minilabels

{

/*Small labels, like in the information boxes on category pages.*/

 font-style: italic;

}



.tableheader

{

/*The title line heading big boxes like on the details page and big tables like on the submit/edit pages.*/

 background-color: #EEEEEE;

 color: #000000;

 border: 1px solid;

 border-color: #EEEEFF;

 background-image: url('../images_default/titlebar.png');

 padding-left: 5px;

}



.month

{

/*For the calendar, the month area.*/

 background-color: #F5F5F5;

 border-style: none;

 text-align: center;

 width: 90%;

}



.monthname

{

/*For the calendar, the month name text.*/

 text-align: center;

 font-size: 13px;

 font-weight: bold;

 border: 1px outset;

}



.dayname td

{

/*For the calendar, the row for days of the week names.*/

 background-color: #808080;

 text-align: center;

 font-weight: bold;

 color: #FFFFFF;

 border: 1px outset;

}



.datepicker 

{ 

 /*For the calendar, the date picker.*/

}



.datepickerform 

{

 /*For the calendar, the form containing the date picker.*/

 margin: 0; 

}



.monthnavigation

{

/*For the calendar, the month navigation.*/

 font-family: Tahoma, Arial, sans-serif;

}



.monthpicker 

{

/*For the calendar, the month picker.*/

}



.yearpicker 

{

/*For the calendar, the year picker.*/

}



.pickerbutton 

{

/*For the calendar, the picker button.*/

}



.nomonthday

{

/*For the calendar, table cell for days that aren't in the current month.*/

 text-align: center;

 font-size: 10px;

 height: 60px;

 width: 10%;

 color: #C0C0C0;

 vertical-align: top;

}



.monthday

{

/*For the calendar, table cell for days this month.*/

 background-color: #F5F5F5;

 text-align: center;

 font-size: 12px;

 font-weight: bold;

 height: 60px;

 width: 10%;

 vertical-align: top;

}



.today

{

/*For the calendar, table cell for today.*/

 background-color: #C0C0C0;

 text-align: center;

 font-size: 12px;

 font-weight: bold;

 color: #FFFFFF;

 height: 60px;

 width: 10%;

 vertical-align: top;

}



.event

{

/*For the calendar, table cell for an event day.*/

 background-color: #F5F5F5;

 text-align: center;

 font-size: 12px;

 font-weight: bold;

 height: 60px;

 width: 10%;

 vertical-align: top;

}



.todayevent

{

/*For the calendar, table cell for today if there's an event today.*/

 background-color: #E4EAF3;

 text-align: center;

 font-size: 12px;

 font-weight: bold;

 height: 60px;

 width: 10%;

 vertical-align: top;

}



.eventcontent

{

/*For the calendar, event content.*/

 font-size: 10px;

 width: 100%;

}



.rules

{

/*The submission rules box.*/

 background-color: #EEEEF3;

 border: 2px solid;

 border-color: #FFAAAA;

 color: #000000;

 padding: 5px;

 margin: 5px;

 font-size: 14px;

}



.threadbottom

{

/*The bottom row of search etc in threads.*/

 background-color: #EEEEF3;

 border-width: 0;

}



.threadtools:link

{

/*Link text for the row of tool icons at the top of threads.*/

 text-decoration: none;

 padding: 10px;

}



.threadtools img

{

 vertical-align: middle;

 border-width: 0;

}



.quotations

{

/*The box containing a random quote if the quotes system is on.*/

 background-color: #EEEEF3;

 border: 1px solid;

 border-color: #C0C0C0;

 width: 500px;

 padding: 5px;

 margin: 0 auto;

 text-align: center;

}



.shoutbg

{

/*The shoutbox background.*/

 background-color: #E4EAF3; 

 color: #000000;

} 



.whiteboard

{

/*The moderator whiteboard in the ModCP.*/

 background-color: #FFFFFF;

 border: 1px solid;

 border-color: #C0C0C0;

 margin: 10px;

 padding: 5px;

}



.homenav, .homenav:link, .homenav:visited

{

/*The member home left side menu.*/

 background-color: #D9DCE4; 

 border: 1px solid;

 border-color: #CCCCCC;

 color: #001020;

 display: block;

 padding: 5px;

 padding-left: 15px;

 margin: 5px;

 text-decoration: none;

 font-weight: bold;

 background-image: url('../images_default/homenav.png');

 background-repeat: x;

}



.homenav:hover, .homenav:link:hover, .homenav:visited:hover

{

/*The member home left side menu: mouseover hover.*/

 background-color: #113366;

 border-color: #CCCCCC;

 color: #002336;

 background-image: url('../images_default/homenavmouseover.png');

 background-repeat: x;

 text-decoration: none;

}



.navbutton
{
/*The Options, Search, Private Messaging etc links area at the top of every page.*/
 padding: 8px;
 margin: 0;
 text-decoration: none;
 background-color: #00266D;
 border-width: 0px 0px 1px 0px;
 border-style: solid;
 border-color: #E5E5FF;
  font-weight:bold;
}

.navbutton a
{
/*Link text for the Options, Search, Private Messaging etc links area at the top of every page.*/
 color: #FFFFFF;
 text-decoration: none;
 padding: 8px 8px 8px 8px;
 margin: 0px 0px 0px 4px;
}

.navbutton a:hover, .navbutton a:hover
{
/*Link text mouseover for the Options, Search, Private Messaging etc links area at the top of every page.*/
 background-image: url('../images_default/navbutton.png');
 background-repeat: repeat-x;
 color: #021E57;
 text-decoration: none;
 padding: 8px 8px 8px 8px;
 margin: 0px 0px 0px 4px;
}



.statimage

{

/*The statistics image container on the front page.*/

 float: left;

 width: 40px;

}



.floatleft{
 float: left;
 margin-right: 10px;
}



.floatright{
 float: right;
 margin-left: 10px;
 }



.internalreply

{

/*The box showing an internal reply to a comment.*/

 border: 1px solid;

 border-color: #021E57;

 padding: 5px;

}



.clear

{

 clear: both;

}



#chatarea

{

/*The chat room chat area container.*/

 background-color: #F5F5F5;

 border: 1px dotted;

 border-color: #021E57;

 width: 75%;

 height: 300px;

 overflow: auto;

 float: left;

 margin: 10px;

 padding: 5px;

 font-size: 14px;

}



#activechatters

{

/*The chat room "currently active chatters" list box.*/

 background-color: #F5F5F5;

 border: 1px dotted;

 border-color: #021E57;

 width: 15%;

 height: 300px;

 overflow: auto;

 float: left;

 margin: 10px;

 padding: 5px;

 font-size: 14px;

}



.posttextarea

{

/*The text area where people type a new comment post.*/

 width: 97%;

}



.redirect

{

/*The box containing the redirect message on redirect pages.*/

 background-color: #EEEEF3;

 border: 1px solid;

 border-color: #D9DCE4;

 font-weight: bold;

 padding: 20px;

 margin: 40px;

}



.ratingresponse

{

/*For the buy/sell/trade feedback system, the response to a rating.*/

 background-color: #FFFFFF;

}



.thumbshot

{

/*For the buy/sell/trade feedback system, the response to a rating.*/

 float: left;

 width: 120px;

 padding: 2px;

}



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



.denialpage

{

/*The submission denial page.*/

 background-color: #EEEEF3;

 border: 2px solid;

 border-color: #FFAAAA;

 color: #000000;

 padding: 5px;

 margin: 5px;

 font-size: 14px;

}



.unit-rating

{

/*Part of the AJAX star rating system.*/

 list-style:none;

 margin: 0px;

 padding: 0px;

 width: 100px;

 height: 20px;

 position: relative;

 background: url('../images_default/ajaxstar.png') top left repeat-x;

}



.unit-rating li

{

/*Part of the AJAX star rating system.*/

 text-indent: -90000px;

 padding: 0px;

 margin: 0px;

 float: left;

}



.unit-rating li a

{

/*Part of the AJAX star rating system.*/

 display: block;

 width: 20px;

 height: 20px;

 text-decoration: none;

 text-indent: -9000px;

 z-index: 20;

 position: absolute;

 padding: 0px;

}



.unit-rating li a:hover

{

/*Part of the AJAX star rating system.*/

 background: url('../images_default/ajaxstar.png') left center;

 z-index: 2;

 left: 0px;

}



.unit-rating li.current-rating

{

/*Part of the AJAX star rating system.*/

 background: url('../images_default/ajaxstar.png') left bottom;

 position: absolute;

 height: 20px;

 display: block;

 text-indent: -9000px;

 z-index: 1;

}	



.bait 

{

 visibility: hidden;

 width: 0;

 height: 0;

 display: none; 

}



.pagerank

{

/*PageRank text.*/

 font-size: 6px;

}



.toolsbar

{

/*Tools at the bottom of the details page.*/

 padding: 10px;

 margin: 10px 0px 0px 0px;

 font-size: 18px;

 text-align: center;

}



.toolsbar a

{

/*Hyperlink text in the tools at the bottom of the details page.*/

 padding: 10px;

 margin: 0px 10px 0px 0px;

 border: 1px dotted;

 border-color: #808080;

 text-decoration: none;

}



.articlebar

{

 /*Right hand vertical options by article text.*/

 float: right;

}



.articlebar a

{

 /*Hyperlinked text in right hand vertical options by article text.*/

 display: block;

 padding: 5px;

 margin: 10px;

 border: 1px inset;

 border-color: #021E57;

 text-decoration: none;

}



.alert

{

/*Important alert box.*/

 background-color: #C4C9CF;

 border: 1px solid;

 border-color: #FF0000;

 padding: 10px;

 margin: 10px;

}



.signature

{

/*Member signatures below posts.*/

 background-color: #808080;

 border: 1px solid;

 border-color: #C0C0C0;

 width: 70%;

 height: 2px;

 margin: 14px 0px 5px 0px;

 text-align: left;

}



.memberstatus

{

/*The member information area on the details page.*/

 background-color: #F5F5F5;

 border: 1px solid;

 border-color: #C0C0C0;

 float: right;

 width: 30%;

 padding: 7px;

}



.statussection

{

/*Sections in the member information area on the details page.*/

 background-color: #E4E9EF;

 font-size: 14px;

 padding: 2px;

 margin: 2px 0px 5px 0px;

 display: block;

}



.logobg

{

/*The background behind the logo... you can edit this via the logo uploader page too.*/

 background-image: url('../images_default/headerbg.png');

 background-repeat: repeat-x;

 position: absolute;

 left: 0; top: 0;

 height: 80px;

 width: 100%;

 z-index: -1;

}



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



.subcategoryname, .subcategoryname a, .subcategoryname a:hover

{

 /*The subcategories area beneath a category.*/

}



.catdescription{
}



#similar

{

/*Similiar listings/categories.*/

 font-size: 12px;

 margin: 10px;

 padding: 10px;

}



#similar .categoryname

{

/*Category name for similiar listings/categories.*/

 font-size: 12px;

 margin: 5px;

}



.logo{
 background: url(../images_default/headerbg.jpg);
 }



.cite

{

/*Citations using the [cite] WSN Code.*/

 background-color: #C0C0C0;

 border: 1px solid;

 border-color: #0000FF;

 padding: 3px;

 margin: 3px;

}



.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;

}



.dpDayHighlight

{

/*For the date picker: additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 

 color: #4060ff;

 font-weight: bold;

}



.dpButton

{

/*For the date picker: the forward/backward buttons at the top */

 background-color: #d8e8ff;

 color: #888888;

 font-family: verdana;

 font-size: 10px;

 font-weight: bold;

 padding: 0px;

}



.dpTodayButton

{

/*For the date picker: the "This Month" and "Close" buttons at the bottom */

 background-color: #d8e8ff;

 color: #888888;

 font-family: verdana;

 font-size: 10px;

 font-weight: bold;

}



.ac_results

{

/* Autocomplete possibilities list */

 background-color: #FFFFFF;

 border-color: #021E57;

 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_default/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.*/
 padding: 10px;
 margin: 0px 0px 0px 0px;
}


.submitbutton

{

 /* Submit buttons.*/

 background-color: #F0FFF0;

 border: 1px outset #021E57;

 color: #006600;

 font-size: 16px;

 margin: 5px;

 padding: 5px;

 font-weight: bold;

}



.submitbutton:hover{
 background-color: #021E57;
 color: #FFFFFF;
 cursor:pointer;
}



.previewbutton

{

 /* Preview buttons.*/

 background-color: #FFFFF0;

 border: 1px outset #021E57;

 color: #AFAF22;

 font-size: 16px;

 margin: 5px;

 padding: 5px;

 font-weight: bold;

}



.previewbutton:hover

{

 /* Mouseover of preview buttons.*/

 background-color: #DFDF66;

 color: #FFFFFF; 

}



.gobutton{
 background-color: #F0F0FF;
 border: 1px outset #021E57;
 color: #000022;
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding: 0;

}



.gobutton:hover{
 background-color: #021E57;
 color: #FAFAFF;
 cursor:pointer;
}



.gobutton img, .bigbutton img, .previewbutton img, .submitbutton img, .biglink img

{

 /* Vertrically centered images within various elements.*/

 vertical-align: middle; 

}



.bigbutton

{

 /* Generic large buttons.*/

 background-color: #F0FFFF;

 border: 1px outset #021E57;

 color: #006666;

 font-size: 16px;

 margin: 5px;

 padding: 5px;

 font-weight: bold;

}



.bigbutton:hover

{

 /* Mouseover of generic large buttons.*/

 background-color: #FFFFFF;

 color: #000000; 

}



.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;

}



.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;

 font-size: 16px;

}



.incompleteblock td

{

 /* Table cells for the incomplete form submission area.*/

 vertical-align: middle;

}



.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_default/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_default/homenav.png');

 font-size: 16px;

 font-weight: bold;

 padding-left: 10px;

}



a.biglink

{

 /* Generic large links.*/

 background-color: #F0FFFF;

 color: #006666;

 border: 1px solid;

 border-color: #AACCCC;

 font-size: 16px;

 margin: 5px;

 padding: 5px;

 font-weight: bold;

 text-decoration: none;

}



.biglink:hover

{

 /* Mouseover of generic large links.*/

 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: #DCFAFF;

 color: #000000;

 font-size: 14px;

 padding: 4px;

}



.evenrow, .evenrow td

{

 /* For tables where rows need to stand out, the even numbered ones.*/

 background-color: #305070;

 color: #FFFFFF;

 font-size: 14px;

 padding: 4px;

}



#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_default/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: #333333;

 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: #666666;

 font-weight: bold;

 text-align: center;

 background: url('../images_default/confirm_button.png') repeat-x;

 border: 1px solid;

 border-color: #bbb;

 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;

}



.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;

}



.nowrap

{

/*For use on table cells that shouldn't do wordwrap.*/

 white-space: nowrap;

}



#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;

}



.prevnext

{

/*WSN Gallery's next and previous navigator.*/

 margin-left:auto;

 margin-right:auto;

 text-align: center;

}



.gobutton img, .bigbutton, img, .previewbutton img, .submitbutton img, .biglink img

{

/* Vertrically centered images within various elements.*/

 vertical-align: middle;

}



.borderimagenormal

{

/*Borders around thumbnails.*/

 border: 2px solid;

 border-color: #000000;

}



.social

{

/*The addthis.com button.*/

}



.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;

}



.menubullets

{

/*Bulleted menu item lists.*/

 list-style-image: url('../images_default/bullet.png');

 margin: 0;

 padding: 0;

 padding-left: 17px;

}



.menubullets li

{

/*The actual menu items.*/

 padding: 1px;

 margin: 0;

}



#cart

{

/*The shopping cart.*/

 float: right; 

 width: 20%;

}



.addtocart

{

/*The add to cart button on the details page.*/

 background-color: #20AF80;

 border: 2px outset;

 border-color: #006600;

 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_default/checkouttotalsbg.png');

 height: 30px;

 line-height: 30px;

}



.quicklogin

{

/*The quick login dropdown.*/

 background-color: #EDEFF5;

 border: 2px dotted;

 border-color: #DDDDDD;

 margin-bottom: 5px;

 padding: 0;

 width: 60%;

 height: 40px;

 line-height: 40px;

 text-align: center;

}



.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;

}



.previewframe

{

/*The iframe showing a preview of the details page.*/

 width: 95%;

 height: 400px;

 border: 1px solid;

 border-color: #CCCCCC;

}



.imauthor

{

 /*In the instant messenger, the username of the sender and the time sent.*/

 font-weight: bold;

}

.description
{
/*Listing decriptions.*/
font-size: 10px;
}

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