body 
{
 line-height: 1.2em;
 font-size:small;
 font-family:Tahoma;
}

.adver {

	padding:10px 3px 10px 30px;
	text-align:center;
}

a {
	color: #2E9FED;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}

/**Common Tags **/
h2 a {
    color: #08AAE7;
    margin:0px;
   font-size:small;
}

h2 a:hover {
    text-decoration: underline;
    font-size:small;


}
h3 a {
    color: #08AAE7;
    margin:0px;
   font-size:small;
}

h3 a:hover {
    text-decoration: underline;
  font-size:small;
}

a {
    text-decoration: none;
} 

#container {
	margin: 0px auto;
	background-color: #fff;
	color: #707070;
	border: .1em #E8F7FC dotted;
	width: 750px;
     BORDER-RIGHT: #d5e6eb 1px solid;  BORDER-LEFT: #d5e6eb 1px solid;
}


#top {

/*background: url('../imagesd/GU.png');*/

background: url('../imagesd/header-bg.png');
    /*background: url('../imagesd/3mainbg.png');*/
    height: 114px;
    padding: .1em;
} 

#navigation {
    background: #fff;
}



#top h1{
    padding: 10px 10px 0px 0px;
    margin: 0;
    color: #c9eefe;
    font: normal 1.8em Georgia, "Times New Roman", Arial;
    direction:rtl;
} 
#top h1 a{
    padding: 10px 10px 0px 0px;
    margin: 0;
    color: #c9eefe;
    font: normal 1em Georgia, "Times New Roman", Arial;
    direction:rtl;
} 

#top a:link, #header a:visited, #header a:active
{
        text-decoration : none;

          FONT: 24pt "Trebuchet MS", Tahoma, Arial; COLOR: #c9eefe;  LETTER-SPACING: -1px

}


 #top h2{
    padding: 10px 10px 0px 0px;
    margin: 0;
    color: #fff;
    font: normal 1.8em Georgia, "Times New Roman", Arial;
    direction:rtl;
} 
#top p {
    color: #fff;
    padding: 0px 10px 0px 0px;
	direction:rtl;

} 

 
 


#navigation #menu ul {
    /*border-bottom: 1px solid #5f5d5d;*/
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: auto;
    position: relative;
    display: block;
    height: 30px;
    text-transform: uppercase;
    font-size:small;
    font-weight: bold;
    /*background: transparent url('../imagesd/1.gif') repeat-x top left;*/
    background: transparent url('../imagesd/gradient_tcat.gif') repeat-x top left;
    border-top: 1px solid #C0E2D4;

}

 #navigation li {
    display: inline;
    margin: 0;
    padding: 0;
}


 #navigation #menu li a {
    display: block;
    float: right;
    color: #333;
    text-decoration: none;
    padding: 8px 30px 0 30px;
    height: 21px;
    background: transparent url('../imagesd/divider2.gif') no-repeat top right;
}

 #navigation #menu li a:hover {
 /*   background: transparent url('../imagesd/navhover1.gif') no-repeat top right;*/
    text-decoration: underline;
}

 #navigation #menu li a.current, #navigation #menu li a.current:hover {
    color: #fff;
    background: transparent url('../imagesd/navon1.gif') no-repeat top right;
}

 #subnav {
    background: #EEEEEE url('../imagesd/subnav_gradient.png') repeat-x scroll 0 0;
    font-size: 11px;
    font-weight: bold;
	padding: 5px 5px 0px 0px;
    text-align: right;
    height:25px;
}

 #subnav a {
    padding: 1px 14px 0 17px;
    color: #333;
}

 #subnav a:hover {
    text-decoration: underline;
}

 #subnav .shop a {
    background: url('../imagesd/shirt.png') no-repeat;
} 
#subnav .mail a {
    background: url('../imagesd/envelope.png') no-repeat;
} 
#subnav .feed a {
    background: url('../imagesd/feed.png') no-repeat;
} 
#leftnav {
    margin: 0 0 0 70%;
    padding: .5em;
    direction:rtl;
}

/** Left Part **/
/**Most read comment **/
 .tabbed li {
  display: inline;


}
 .tabbed {
    border: 1px solid #D5E6EB;
}
 .tabbed a {
	font-family:Verdana, Tahoma;
	color: #2E9FED;
	font-size:11px;

	  /* text-decoration: underline;*/

}
 .tabbed dt a {

	font-weight:bold;

}
 .tabbed dd a {
	font-family:Verdana, Tahoma;
	color: #707070;
	font-size:11px;
		  /* font-weight:bold;*/
	  /* text-decoration: underline;*/

}
 .tabbed dt {
 border-top:thin #EAEEF1 dotted ;

}
 .tabbed a:hover {
	color: #FF9900;

}

 .tabbed ul {
    margin: 0;
    padding: 0;
    height:24px;
   /* background: #ccc;*/
    background: transparent url('../imagesd/graall.gif') repeat-x top left;

}
 .tabbed ul li a, .headline-list li a {
	font-family:Verdana, Tahoma;
	color: #2E9FED;
	font-size:12px;
	font-weight:bold;
	text-decoration: underline;
} 
.tabbed ul li a {
    padding: 2px 2px 0 20px;
    border-right: 1px solid #D5E6EB;
} 
.tabbed ul li a:hover,.headline-list li a:hover, .tabbed ul li a:active, .tabbed ul li a:focus {
	color: #FF9900;
	font-size:12px;
	font-weight: bold;
	text-decoration: underline;
}

ol {
    list-style: none;
    list-style-image: none;

} 
.tabbed-inner li {
display: block;
margin-top:8px;
border-top: .1em #D5E6EB dotted;
/*background-color:#E2F0FC*/



} 
.tabbed-inner dt {
display: block;
margin-top:4px;
/*margin-bottom:10px;*/
/*border-top: .1em #D5E6EB dotted;*/
/*background-color:#E2F0FC*/

} 

.tabbed-inner dd{
/*display: block;*/
	margin-top: -5px;
	margin-bottom: -5px;

font-size:10px;
margin:0px;
} 


.ddsub {
color:#759059;
font-size:5px;
margin: -5px 0px 0px 0px;
} 

.tabbed-inner ol{
	padding:10px;
	margin:3px 3px 3px 3px;
} 
.tabbed-inner dl{
	padding:10px;
	margin:3px 3px 3px 3px;
} 



.infromy {
 margin-bottom:5px;
 margin-top:5px;

}



.infromy ul{
 font-size:x-small;

}

/**Left part Hot jobs **/
.thumb img {
    float: left;
    margin: 0;
    border:0px;
} 

.thumbad{
	float: right;
	margin: 0px 0px 5px 0px;




}
.thumb p {
    margin-left: 70px;}
.desc{
    color:000;
   font-size:small;
    font-family:Tahoma;


} 

.clearfix {
    margin-top: 1em;
    background: #ccc;
   font-size: 9px;
    background: transparent url('../imagesd/graall.gif') repeat-x top left;
}
#event ul{
	padding:5px;
	margin:3px 3px 3px 3px;
	list-style:none;
 text-align:left;
}
 #section {
    background: #efefed;
    border: 1px solid #D5E6EB;
}
 #event, #news, #designs, #asis {
    border: 1px solid #D5E6EB;
}
 .news {
    border: 1px solid #999999;
	font-size:small;
    margin: 0;
    padding: 2px 0;
    width: 195px;

}
 .signup {
    border: 1px solid #999999;
	font-size:small;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 50px;
}
 #designs {
    padding: 10px 10px 10px 10px;
    height:150px;
direction: ltr;

}
#asis{
    padding: 10px 10px 10px 10px;
    height:150px;
direction: ltr;

}
.headline-listume {
	color: #727272;
	font-size:12px;
	text-decoration: none;
        display: block;

}

.headline-listume dt a{
	color: #2E9FED;
	font-size:12px;
	font-weight: bold;
	text-decoration: underline;
	margin:3 0 0 auto;
}
.headline-listume dt a:hover{
	color: #2E9FED;
	font-size:12px;
	font-weight: bold;
	text-decoration: underline;
	margin:3 0 0 auto;
}


 #designssugg {
    padding: 10px 10px 10px 10px;
    height:700px;

}

/**Content part **/ 
#content {
	padding: 10px 10px 10px 0px;
    width: 69%;
    float: left;
}
 #content #post {
    margin: 10px 10px 0px 3px;
	/*border:2px #E4EFF4 solid ;*/

}

 #post {
	height:400px;

}
.postPrivacy{
	height:700px;
}
 .stand_first {
         margin: 10px 10px 20px 20px;
	direction: rtl;

}
#nav{ height:20px;font-size:14px;}
#nav h1 { font-size:14px;font-weight:bold;}

 #content h2, #content h1,#content h3 {
    margin: 0 0 0 0;
    font-size: 1em;
}

/**Post Article list part **/

.coll {
	float: right;
    direction:rtl;
	width: 480px;
	margin: 0;
	text-align: right;
	/*padding: 0.3em 1.2em 0.3em 0.3em;*/
	border: .1em #C2D9DF dotted;
  padding:3px 10px 3px 10px;
 BACKGROUND-POSITION: right bottom; 
 BACKGROUND-IMAGE: url('../imagesd/soft_bg.gif');
 BACKGROUND-REPEAT: repeat-x;
 BACKGROUND-COLOR: #ffffff;


} 

.colheader {
	border-bottom:medium #D3E7ED dotted;
	padding:4px;
    direction:rtl;
	background:#F8FBFB;
} 
.coll h2 {
	border: thin #F4F9FB solid;
	padding:4px;
	background:#F8FBFB;
} 
.h2samilr{
	border: thin #800080 solid;
	padding: 4px;
	background: #800080;


}
.collsugg {
	float: right;
    direction:rtl;
	width: 730px;
	margin: 0;
	text-align: right;
	padding: 0.3em 1.2em 0.3em 0.3em;
	border-bottom: .1em #EAEAEA dotted;
} 

.colldownload {
	float: right;
    direction:rtl;
	width: 450px;
	margin: 0;
	text-align: right;
	padding: 0.3em 1.2em 0.3em 0.3em;
	border-bottom: .1em #EAEAEA dotted;
} 
.colldownload a {
 color:#707070;

}
.colright{
	/*border: 1px #00FF00 solid;*/
float: left;
	width: 120px;
	margin: 0;
	padding: 0.3em .8em 0.3em 0.3em;
	height:600px;


} 



.coll li{

	}

.coll ul{
{
    margin: 0;
    padding: 0;
    background: #D5E6EB;
}
.coll ul li a{
    margin: 0;
}


.colr {
    float: right;
    width: 180px;
    margin: 0;
    border: 1px solid #E9EDF2;
    padding: 1em;
} 


.colc {
  /*  margin-left: 210px;
    margin-right: 210px;*/
    padding: 1em;
    float:left;
    width: 180px;
    margin: 0;
    padding: 1em;
} 
.stamp {
	font-size:small;
} #box {
    margin: 10px 10px 10px 15px;
} .teaser-box .story-ref {
    width: 240px;
    float: left;
} #box {
    height: 120px;
    border: 1px solid #E9EDF2;
    padding: 5px 5px 5px 5px;
} .cleaner {
    clear: both;
} .snap img {
    float: left;
} .snap a:hover, a {
    text-decoration: none;
} .snap p {
    margin-left: 75px;
}


ul.headline-last {
    list-style: none;
    margin: 0px 0px 0px 20px;
    padding: 0px;
} .snap ul li a {
	font-size:small;
    line-height: 0px;
    color: #08AAE7;
}

/**Footer part **/
 #footer {
    border-top: 1px dotted gray;
    clear: both;
    margin: 0;
    color: #333;
    text-align: center;
    font-size: .9em;
}
 #footer {
    min-height: 22px;
    background: transparent url(images/footbg.png) repeat;
} #footer p, p a {
    color: #fff;
}
#footer a {
    text-decoration: none;
}

A:visited:hover
{
/*Mouseover of a hyperlink to a visited page.*/
 color: #008080;
} 

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

.button
{
/*Form submit buttons.*/
 background-color: #ffffff;
 color: #000000;
 border: outset 1px;
 border-color: #C0C0C0;
 font-weight: bold;
}

.main
{
/*The main outline from the top navigation down toward the footer.*/
 border-top: 1px solid;
 border-color: #C0C0C0;
 padding: 10px; 
 margin: 0px 0px 0px 0px;
}

.footer
{
/*The footer area at the bottom with links to admin panel, sitemap, sponsorhip etc.*/
 background-color: #F1F2F5;
 color: #000000;
 padding: 20px;
 margin: 10px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}

.footer a, .footer a:hover
{
/*Links in the footer area at the bottom with links to admin panel, sitemap, sponsorhip etc.*/
 text-decoration: none;
 border-bottom: 1px dotted;
 border-color: #000000;
 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
{
/*The listing bit table cell.*/
 background-color: #F5F5F5;
 color: #000000;
 border-bottom: 1px dotted;
 border-color: #A5A5FA;
 padding: 10px;
}

.category
{
/*The category table cell.*/
 background-color: #ffffff;
 color: #000000;
 border: 1px solid;
 border-color: #ffffff;
 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;
}

.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
{
/*The border outline around the details page container.*/
 border: 1px solid;
 border-color: #000000;
}

.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');
 height: 25px;
 line-height: 25px;
 background-repeat: repeat-x;
 font-weight: bold;
 padding-left: 5px;
 padding-right: 5px;
 white-space: nowrap;
}

.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;
 background-image: url('../images_default/labelsbg.png');
}

.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;
 background-image: url('../images_default/optionsbg.png');
}

.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
{
/*Text for category names on the front page, and subcategory names in category display page.*/
 font-weight: bold;
 font-size: 18px;
}

.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-left: 2px solid #607090;
 padding: 3px;
 margin: 3px;
 font-size: 10px;
 padding-left: 15px;
 margin-left: 15px;
}

.quoteby
{
/*The "X wrote:" for a quoted comment post.*/
 font-size: 10px;
 font-weight: bold;
}

.posthistory
{
/*The thread history area on the post reply page.*/
 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: #000000;
 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;
}

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

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

.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
{
/*Little boxes with options, like the "Additions" and "Online Users" and "Tag Cloud" boxes.*/
 color: #000000;
 margin: 0px 0px 10px 0px;
}

.boxtitle
{
/*The title area for little boxes with options, like the "Additions" and "Online Users" and "Tag Cloud" boxes.*/
 background-color: #113366;
 color: #ffffff;
 border: 1px solid;
 border-color: #AAAACC;
 background-image: url('../images_default/boxbar.png');
 height: 25px;
 line-height: 25px;
 cursor: pointer;
 font-weight: bold;
 font-size: 14px;
 vertical-align: middle;
 color: #ffffff;
 padding-left: 5px;
 padding-right: 5px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-topleft-radius: 10px;
 -webkit-border-topright-radius: 10px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

.boxbody
{
/*The content area for little boxes with options, like the "Additions" and "Online Users" and "Tag Cloud" boxes.*/
 padding: 5px;
 border: 1px solid;
 border-color: #AAAACC;
 background-image: url('../images_default/boxbg.png');
}

.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: #000055;
 color: #ffffff;
 border: 1px solid;
 border-color: #EEEEFF;
 color: #ffffff;
 font-weight: bold;
 background-image: url('../images_default/boxbar.png');
 height: 25px;
 line-height: 25px;
 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;
 background-image: url('../images_default/boxbg.png');
 width: 500px;
 padding: 5px;
 margin: 0 auto;
 text-align: center;
 -moz-border-radius: 3em;
 -webkit-border-radius: 3em;
 border-radius: 3em;
}

.shoutbg
{
/*The shoutbox background.*/
 background-color: #E4EAF3; 
 color: #000000;
 background-image: url('../images_default/boxbg.png');
} 

.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.*/
 float: right;
 padding: 0;
 margin: 0;
 text-decoration: none;
 text-align: center;
}

.navbutton a
{
/*Link text for the Options, Search, Private Messaging etc links area at the top of every page.*/
 color: #113366;
 background-image: url('../images_default/navbutton.png');
 background-repeat: x;
 text-decoration: none;
 padding: 0px 8px 0px 8px;
 margin: 0px 0px 0px 4px;
 -moz-border-radius-topleft: 4em;
 -moz-border-radius-topright: 4em;
 -webkit-border-topleft-radius: 4em;
 -webkit-border-topright-radius: 4em;
 border-top-left-radius: 4em;
 border-top-right-radius: 4em;
}

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

.statimage
{
/*The statistics image container on the front page.*/
 float: left;
 width: 40px;
}

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

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

.internalreply
{
/*The box showing an internal reply to a comment.*/
 border: 1px solid;
 border-color: #000000;
 padding: 5px;
}

#chatarea
{
/*The chat room chat area container.*/
 background-color: #F5F5F5;
 border: 1px dotted;
 border-color: #000000;
 width: 75%;
 height: 400px;
 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: #000000;
 width: 15%;
 height: 400px;
 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;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}

.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
{
/*Attachments display in the listing bit.*/
 float: left;
 margin: 5px;
}

.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: #000000;
 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: 78px;
 width: 100%;
 z-index: -1;
}

.linktitle, a.linktitle
{
/*Listing titles.*/
 font-size: 18px;
}

.subcategoryname, .subcategoryname a, .subcategoryname a:hover
{
 /*The subcategories area beneath a category.*/
}

.catdescription
{
/*Category description text.*/
 text-align: center;
 font-size: 10px;
}

#similar
{
/*Similiar listings/categories.*/
 font-size: 12px;
 margin: 10px;
 padding: 10px;
}

#similar .categoryname
{
/*Category name for similiar listings/categories.*/
 font-size: 12px;
 margin: 5px;
}

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

.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_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.*/
 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;
}

.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;
 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_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: #D9DCE4;
 color: #000000;
 font-size: 14px;
 padding: 4px;
}

.evenrow, .evenrow td
{
/* For tables where rows need to stand out, the even numbered ones.*/
 background-color: #D0D5E0;
 color: #000000;
 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: #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_default/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;
}

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

.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: #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_default/checkouttotalsbg.png');
 height: 30px;
 line-height: 30px;
}

.quicklogin
{
/*The quick login dropdown.*/
 background-color: #EEF1F5;
 border: 2px dotted;
 border-color: #dddddd;
 margin-bottom: 5px;
 padding: 0;
 width: 70%;
 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;
}

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

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