A:link { text-decoration: underline; color: #113366; }

A:link:hover { color: teal; }

A:visited { text-decoration: underline; color: #113366; }

A:visited:hover { color: teal; }



BODY

{ 

 background-color: white;

 color: black;

 font-family: verdana, arial;

 font-size: 11px;

} 



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: white;

}



H1

{

 font-size: 24px;

 font-weight: normal;

 text-align: center;

}



H2

{

 font-size: 22px;

 font-weight: normal;

}



.incomplete

{

 border-color: red;

}



.required

{

 border-color: red;

}



.nav { }



.suggest

{

 border: 1px solid silver;

}



.link

{

 padding: 10px;

 border-bottom: 1px dotted silver;

 background-color: WhiteSmoke;

}



.category

{

 padding: 10px;

}



.commentposter

{

 background-color: #D9DCE4;

 border: 1px solid silver;

}



.comment

{

 padding: 5px;

 background-color: #E4EAF3;

 border: 1px solid silver;

}



.commentposteralternate

{

 background-color: #D9DCE4;

 border: 1px solid silver;

}



.commentalternate

{

 padding: 5px;

 background-color: #E4EAF3;

 border: 1px solid silver;

}



.commentdate

{

 font-size: 9px;

 font-style: italic;

}



.details

{

 padding: 10px;

 margin: 10px;

 background-color: white;

 border: 1px solid silver;

}



.detailsborder

{

 border: 1px solid black;

}



.labels

{

 font-weight: bold;

}



.grouping

{

 border: 1px inset silver;

 padding: 5px;

 margin: 5px;

}



.important

{

 font-weight: bold;

}



.columnheader 

{

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

 background-repeat: repeat-x;

}



.labelscolumn

{

 width: 30%;

 background-color: #D9DCE4;

 border: 1px solid silver;

 vertical-align: top;

 padding: 5px;

}



.optionscolumn

{

 width: 70%;

 background-color: #D9DCE4;

 border: 1px solid silver;

 vertical-align: top;

 padding: 5px;

}



.evencolumns

{

 background-color: #D9DCE4;

}



.oddcolumns

{

 background-color: #D9DCE4;

}



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

 background-color: #EEEEF3;

 margin: 3px;

}



.quoteby

{

 font-size: 10px;

 font-style: italic;

}



.posthistory

{

 overflow: auto;

 width: 100%;

 height: 300px;

}



.deletions

{

 width: 50%;

 background-color: silver;

 padding: 5px;

 border: 1px solid black;

 margin: 0 auto;

 text-align: center;

}



.modcpnav

{

 display: block;

 border: 1px solid #CCCCCC;

 background-color: #EEEEF3; 

 color: gray;

 padding: 2px;

 margin: 5px;

 text-decoration: none;

}



.modcpnav:hover

{

 background-color: #D9DCE4;

 color: black;

}



.code

{

 font-family: monospace;

 font-size: 10px;

 background-color: WhiteSmoke;

 padding: 2px;

 border: 1px solid #CCDED1;

 margin: 10px;

 overflow: scroll;

 width: 600px;

}



.areaheader

{

 background-color: #D9DCE4;

}



.areafooter

{

 background-color: WhiteSmoke;

}



.imtextself

{

 color: gray;

}



.imtextother

{

 color: black;

}



.invisibleuser

{

 color: gray;

}



a.admincolor

{

 color: #3E97CF;

 font-weight: bold;

}



a.modcolor

{

 color: #AA3333;

}



a.sponsorcolor

{

 color: #11BB33;

}



a.bannedcolor

{

 color: gray;

}



.mutualbuddy

{

 font-weight: bold;

}



.smiliebox

{

 border: 1px dotted silver;

 background-color: silver;

 padding: 10px;

 width: 140px;

}



.linktools

{

 font-size: 11px;

 color: gray;



}



.linktools a



{

 text-decoration: none;

 color: gray;

}



.subcatsmainpage

{

 font-size: 10px;

 margin: 0;

 padding: 3px;

}



.login

{

 font-size: 10px;

 background-color: #D9DCE4;

 border: 1px solid #7090F0;

 float: right;

 padding: 5px;

 margin-bottom: 10px;

}



.sort

{

 padding: 5px;

 margin: 5px;

 border-left: 1px solid silver;

 border-right: 1px solid silver;

 background-color: whitesmoke;

}



.box

{

 background-color: #E4EAF3; 

 margin-bottom: 10px;

}



.boxtitle

{

 background-color: #113366;

 cursor: pointer;

 font-weight: bold;

 color: white;

}



.boxbody

{

 padding: 5px;

}



.newlinks { }



.bullet

{

 vertical-align: middle;

}



.minilabels

{

 font-style: italic;

}



.tableheader

{

 background-color: #113366;

 border: 1px solid #111133;

 color: white;

 padding-left: 5px;

}



.month 

{

 border-style: none;

 background-color: WhiteSmoke;

 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: WhiteSmoke;

 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: WhiteSmoke;

 height: 60px;

 width: 10%;

 vertical-align: top;

}



.todayevent 

{

 text-align: center;

 font-size: 11px;

 font-weight: bold;

 background-color: #E4EAF3;

 height: 60px;

 width: 10%;

 vertical-align: top;

}



.eventcontent 

{

 font-size: 10px;

 width: 100%;

}



.rules

{

 border: 2px solid #FFAAAA;

 background-color: #EEEEF3;

 color: black;

 padding: 5px;

 margin: 5px;

 font-size: 14px;

}



.flatbutton

{

 border-style: solid;

 background-color: white;

}



.threadbottom

{

 border-width: 0;

 background-color: #EEEEF3;

}



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



.threadtools img

{

 vertical-align: middle;

 border-width: 0;

}



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

 background: #E4EAF3; 

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

 color: #113366;

 padding: 5px;

 margin: 5px;

 text-decoration: none;

 font-weight: bold;

}



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

{

 background-color: #113366;

 color: white;

 text-decoration: none;

}



.navbutton

{

 float: right;

 padding: 0;

 margin: 0;

 text-decoration: none;

 text-align: center;

}



.navbutton a

{

 text-decoration: none;

 background-color: #D9DCE4;

 border: 1px solid silver;

 color: #113366;

 padding-left: 8px;

 padding-right: 8px;

 margin-left: 4px;

}



.navbutton a:hover

{

 text-decoration: none;

 background-color: #113366;

 border: 1px solid silver;

 color: white;

 padding-left: 8px;

 padding-right: 8px;

 margin-left: 4px;

}



.linkdiv

{

 float: left; 

 width: 45%;

 padding: 10px;

 border-bottom: 1px dotted silver;

 background-color: WhiteSmoke;

}



.statimage

{

 float: left;

 width: 40px;

}



.floatleft

{

 float: left;

}



.floatright

{

 float: right;

}



.internalreply

{

 border: 1px black solid;

 padding: 5px;

}



.clear

{

 clear: both;

}



#chatarea

{

 border: 1px dotted black;

 background-color: WhiteSmoke;

 width: 75%;

 height: 300px;

 overflow: auto;

 float: left;

 margin: 10px;

 padding: 5px;

 font-size: 14px;

}



#activechatters

{

 border: 1px dotted black;

 background-color: WhiteSmoke;

 width: 15%;

 height: 300px;

 overflow: auto;

 float: left;

 margin: 10px;

 padding: 5px;

 font-size: 14px;

}



.posttextarea

{

 width: 97%;

}



.redirect



{

 padding: 20px;

 margin: 40px;

 background-color: #EEEEF3;

 border: 1px solid #D9DCE4;

 font-weight: bold;



}



.legend

{

 padding: 10px;

 margin: 10px;

 border: 1px solid #007788;

 width: 250px;







}



.ratingresponse



{

 background-color: white;

}



.thumbshot

{

 float: left;



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



.pagerank { font-size: 6px; }



.toolsbar

{

 padding: 10px;

 margin-top: 10px;

 font-size: 18px;

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

 font-weight: bold;

}



.actionrow

{

 background-color: #C4C9CF;

 border-color: #E4E9EF;

 padding: 5px;

}



.alert

{

 padding: 10px;

 margin: 10px;

 background-color: #C4C9CF;

 border: 1px solid red;

}



.signature

{

 width: 70%;

 height: 2px;

 background-color: gray;

 border: 1px solid silver;

 margin-top: 14px;

 margin-bottom: 5px;

 text-align: left;

}



.memberstatus

{

 float: right;

 width: 30%;

 background-color: WhiteSmoke;

 border: 1px solid silver;

 padding: 7px;

}



.statussection

{

 font-size: 14px;

 background-color: #E4E9EF;

 padding: 2px;

 margin-bottom: 5px;

 margin-top: 2px;

 margin-left: 0;

 margin-right: 0;

 display: block;

}



.logobg

{

 background-image: url('../images_default/ocsearch-header.jpg');

 background-repeat: no-repeat;
 background-color: #F79541;
 position: absolute;

 left: 0; top: 0;

 height: 102px;

 width: 100%;

 z-index: -1;

}



.main

{

 border-top: 1px solid silver;

 padding: 10px; 

 margin-bottom: 0;

}



.footer

{

 border-top: 1px solid silver;

 background-color: whitesmoke;

 color: black;

 padding-left: 10px;

 padding-right: 10px;

 padding-bottom: 10px;

}



.footer a, .footer a:hover

{

 text-decoration: none;

 border-bottom: 1px dotted black;

 color: black;

}



.linktitle { }



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



.catdescription

{

 text-align: center;

 font-size: 10px;

}



#similar

{

 font-size: 12px;

 margin: 10px;

 padding: 10px;

}



#similar .categoryname

{

 font-size: 12px;

 margin: 5px;

}



.logo

{

 float: left;

 width: 40%;

}



.cite

{

 padding: 3px;

 border: 1px solid blue;

 background-color: silver;

 margin: 3px;

}

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

.linktitle, a.linktitle { }

.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 70px 5px 70px;
 opacity: 1;
}

.submitbutton
{
/* Submit buttons.*/
 background-color: #F0FFF0;
 border: 1px outset #000000;
 color: #006600;
 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: #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;
}

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

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