.bodyarea /* to emulate postarea in wp which conflicts with Ajax*/
{
	background: #FFFFFF url(http://www.homeandgardenworld.co.uk/wp-content/themes/education_10/images/postarea.gif) top no-repeat;
	float: left;
	width: 728px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
.centre{ text-align:center;}
.center{ text-align:center;}
.small {font-size:9px;}

.searchtext {
width:200px; 
padding:3px; 
border: 1px outset #ABC645;
font-size:12px;
color:#ABC645;
font-weight:bold;
background-color:#EDEBD4;
margin: 0px 0px 4px 0px;
}
.searchbutton{ 
border: outset 1px silver;
font-weight: bold;
background-color: #ABC645;
color: #FFFFFF;
cursor:pointer;
padding: 2px;
margin: 0px 10px 0px 0px;
 }

.suggestform{ float:left;
}

/********* WSN ************/

.toplist {
font-size: 11px;
color: gray;
margin-bottom:5px;
border-bottom: gray 0px dashed;
padding:5px;
}


TABLE
{ 
font-size: 11px;
} 

INPUT 
{
background-color: white; 
border: 1px solid silver;
font-size: 11px;
}

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

TEXTAREA
{
background-color: white; 
border: 1px solid silver;
font-size: 11px;
}

IMG
{
border: 0;
}

.button 
{
border: outset 1px silver;
font-weight: bold;
background-color: #ABC645;
color: #FFFFFF;
cursor:pointer;
padding:2px;
}

h1
{
	color: #C35429;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h1 a,  h1 a:visited  {
	color: #C35429;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

h1 a:hover {
	color: #C35429;
	text-decoration: underline;
	}

h2
{
}

.incomplete
{
border-color: red;
}

.required
{
border-color: red;
}

.nav {
	width: 728px;
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: double #EAEAEA;
 }

.suggest
{
border: 1px solid silver;
}

.category
{
padding: 10px;
text-align:center;
}

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

.comment
{
padding: 5px;
background-color: #F3F7DF;
border: 1px solid silver;
}

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

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

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

.details
{
padding: 10px;
background-color: #F9F8EE;
border: #ABC645 dashed 1px;
}

.detailsborder
{
margin-top: 10px;
}

.labels
{
font-weight: bold;
}

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

.important
{
font-weight: bold;
color:#FF0000;
}

.columnheader 
{
	color: #000000;
	font-weight: bold;
	background-color:#ABC645;
	border: #ABC645 solid 1px;
	padding:3px;
	text-align:center;
}

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

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

.evencolumns
{
background-color: #F9F8EE;
}

.oddcolumns
{
background-color: #F9F8EE;
}

.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 #F3F7DF;
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: #F3F7DF;
color: black;
}

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

.areaheader
{
background-color: #F3F7DF;
}

.areafooter
{
background-color: #F3F7DF;
}

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

.link
{
	border: none;
	border-bottom: 1px double #DDDDDD; 
	margin-bottom: 20px; 
	padding: 4px; 
}

.linktitle {
font-size:15px;
font-weight:bold;
padding-bottom:8px
 }

.linktools
{
font-size: 11px;
color: gray;
margin-top:6px;
padding:3px;
display:block;
}

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

.linktools a:visited:hover
{
	color: #C35429;
	text-decoration: underline;
}

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

.fronttop {
border-bottom: #999999 dashed 1px;
font-size: 11px;
color: gray;
margin-top:3px;
margin-bottom:3px;
}



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

.login
{
font-size: 10px;
background-color: #F3F7DF;
border: 1px solid #7090F0;
float: right;
padding: 5px;
margin-bottom: 10px;
}

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

.box
{
background-color: #F9F8EE; 
margin-bottom: 10px;
padding:3px;
}

.boxtitle
{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	background-color:#ABC645;
	border: #ABC645 solid 1px;
	padding:3px;
}

.boxbody
{
padding: 5px;
}

.newlinks { }

.bullet
{
vertical-align: middle;
}

.minilabels
{
font-style: italic;
}

.tableheader
{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	background-color:#ABC645;
	border: #ABC645 solid 1px;
	padding:3px;
}

.month 
{
border-style: none;
background-color: #F3F7DF;
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 { }

.datepickerform { margin: 0; }

.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: #F3F7DF;
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: #F3F7DF;
height: 60px;
width: 10%;
vertical-align: top;
}

.todayevent 
{
text-align: center;
font-size: 11px;
font-weight: bold;
background-color: #F3F7DF;
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;
}

.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: #F3F7DF; 
background: #F3F7DF; 
color: black;
} 

.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: #F3F7DF; 
color: #C35429;
padding: 5px;
margin: 5px;
text-decoration: none;
font-weight: bold;
}

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

.navbutton
{
float: right;
padding: 0;
margin-top: 5px;
margin-bottom: 5px;
text-decoration: none;
text-align: center;
font-weight:bold;
color: #EDEBD4;
}

.navbutton a
{
text-decoration: none;
border-left: 1px solid #441609;
color: #EDEBD4;
padding-left: 8px;
padding-right: 8px;
margin-left: 4px;
}

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

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

.statimage
{
float: left;
width: 40px;
}

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

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

.floatrightbox
{
float: right;
margin-left:10px;
margin-bottom:10px;
width: 180px;
}

.floatleftbox
{
float: left;
margin-right:10px;
margin-bottom:10px;
width: 180px;
}

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

.clear
{
clear: both;
line-height:0; 
height:0;
}

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

#activechatters
{
border: 1px dotted black;
background-color: #F3F7DF;
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 #F3F7DF;
font-weight: bold;

}

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



}

.ratingresponse

{
background-color: white;
}

.thumbshot
{
float: left;

padding: 2px;
}

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

.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_default/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_default/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_default/ajaxstar.gif') left bottom;
position: absolute;
height: 20px;
display: block;
text-indent: -9000px;
z-index: 1;
}	

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

.pagerank { font-size: 6px; }

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

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

.articlebar
{
float: right;
}

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

.popup
{
padding: 5px;
margin: 5px;
background-color: #EEEEF3;
border: 1px solid #F3F7DF;
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;
margin-left: 10px;
width: 30%;
background-color: #F3F7DF;
border: 1px solid silver;
padding: 7px;
}

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

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

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

.catdescription
{
}

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



.footerouter{
background-image:url(../images_default/bgfooter.gif);
background-repeat: repeat-x;
color: #000000;
margin-bottom: 5px;
height:148px;
padding:20px;
text-align:center;
}

.footer a, .footer a:hover
{
color: #000000;
cursor:pointer;
}

A:link {  }

A:link:hover { }



.categoryname, a.categoryname

{

 font-weight: bold;

 font-size: 14px;

}



.main

{

 border-top: 1px solid silver;

 padding: 10px; 

 margin-bottom: 0;

}



.linktitle, a.linktitle 

{

 font-size: 16px;

}



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

}



.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: #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: #C0E0F0;

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