body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

html
{
	background:url(/images/common/bg.gif) repeat-x 0 0 #dcdcdc fixed;
	height:100%;
	width:100%;
}

body
{
	color:#333;
	font:normal normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	min-height:100%;
}

/** headers **/
h1
{
	color:#2d2d2d;
	font:normal normal normal 20px/30px  Lucida, Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	padding:0;
}
h2
{
	color:#2d2d2d;
	font:normal normal bold 14px/18px Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0;
}
h3
{
	font:normal normal normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	padding:0 0 5px 0;
	margin:0;
}
h5
{
	color:#999999;
	font:normal normal normal 10px/20px Verdana, Arial, Helvetica, sans-serif;
	margin:0 5px 5px 5px;
	padding:0;
}
p
{
	padding:0;
	margin:0 0 12px 0;
	font:inherit;
	overflow:hidden;
}
p:last-child , p.last /* good job IE :'( */
{
	margin:0;
}
/* feedback */
p.ok
{
	background: url(/images/common/icon.ok.small.png) no-repeat 0 2px;
	color:#0c0;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0 0 5px 25px;
	width:auto;
}
p.warning
{
	background:url(/images/common/icon.warning.png) no-repeat 0 2px #fffcb2;
	border:1px solid #edf258;
	color:#000;
	margin:0 0 10px 0;
	padding:8px 0 8px 33px;
	width:auto;
}

img
{
	vertical-align:text-bottom;
}

a
{
	color:#cc0000;
	text-decoration:none;
	cursor:pointer;
}
a:hover
{
	color: black;
	text-decoration: underline;
}

/** HEADER **/
#header
{
	background:url(/images/common/topbanner.jonc.nl.gif) no-repeat;
	height:75px;
	margin:0 auto 0 auto;
	padding:0;
	width:980px;
}
#header-logo
{
	float:left;
	padding:0;
	margin:10px 0 0 10px;
/*	height:60px;
	width:180px;*/
}
#header-photo
{
	border:0;
	float:right;
	margin:8px 0 0 0;
}
div#header-options
{
	float:right;
	font:normal normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	height:55px;
	margin:8px 10px 0 10px;
	padding:0 0 0 0;
	overflow:hidden;
	width:270px;
}
a.headerlink
{
	color:#f55;
	text-decoration:none;
}
/* header:search */
#google-searchbox
{
	float:right;
	height:30px;
	margin:10px 0 0 80px;
	overflow:hidden;
	width:260px;
}
#google-searchbar
{
	background:url(/images/common/searchbar_bg.gif) repeat-x white;
	border:1px solid #ccc;
	padding:3px;
	top:0;
	height:16px;
	margin:0;
	width:200px;
}
#google-searchbutton
{
	font-size:10px;
	border:0;
	margin:0 0 0 3px;
	height:26px;
}

/**
*
* navigational bar
*
*/
#navbar
{
	background:url(/images/common/nav.main.gif) repeat-x 0 0;
	height:24px;
	font:normal normal bold 11px Lucida, Arial, Helvetica, sans-serif;
	margin:0 auto 0 auto;
	width:980px;
	padding:0;
}

#navbar li,
#navbar li.active
{
	cursor:pointer;
	float:left;
	line-height:24px;
	margin:0 0 0 4px;
	padding:0 0 0 4px;
}

#navbar li.active
{
	background:url(/images/common/nav.active.gif) 0 0 no-repeat;
	color:white;
}

#navbar li a,
#navbar li.active a
{
	color:#666;
	display:block;
	padding:0 10px 0 6px;
}

#navbar li.active a
{
	background:url(/images/common/nav.active.gif) transparent top right no-repeat;
}

div.submenu
{
	background:url(/images/common/nav.submenu.gif) 0 0 no-repeat;
	height:22px;
	margin:0 auto 0 auto;
	overflow:hidden;
	padding:5px 10px 0 10px;
	width:960px;
	
}
/*div.submenu a
{
	color:#555;
	float:left;
	line-height:24px;
	margin:0 10px 0 15px;
	padding:0;
	display:block;	
}*/

/*#submenu-jonc-firstitem { margin-left:18px }
#submenu-myjonc-firstitem { margin-left:80px }
#submenu-photo-firstitem { margin-left:161px }
#submenu-forum-firstitem { margin-left:228px }
#submenu-hotspots-firstitem { margin-left:293px }
#submenu-community-firstitem { margin-left:170px }
#submenu-asianparty-firstitem { margin-left:462px }
#submenu-videos-firstitem { margin-left:558px }
#submenu-space-firstitem { margin-left:632px }*/

/**
*
* react options
*
*/
ul.react-options
{
	overflow:hidden;
	width:200px;
}
ul.react-options li
{
	float:right;
	padding:0 0 0 5px;
}
ul.react-options li a
{
	display:block;
	text-decoration:none;
}
ul.react-options li a span
{
	visibility:hidden;
}
ul.react-options li a.react-edit
{
	background:url(/images/forum/icon_post_edit.gif) no-repeat;
	width:42px;
	height:20px;
}
ul.react-options li a.react-delete
{
	background:url(/images/forum/icon_post_delete.gif) no-repeat;
	width:20px;
	height:20px;
}

/*
*/
ul.genericlist
{
}
ul.genericlist li
{
	padding:0 0 5px 0;
}
ul.genericlist li:last-child
{
	padding:0;
}

/** IMAGE FRAME **/
.imageFrame
{
	width:85px;
	height:85px;
	background:url(/images/common/imageframe.png) no-repeat;
	margin:4px 0 0 0;
}
.imageFrame img
{
	width:75px;
	height:75px;
	padding:5px;
}

/* normal for in paragraphs */
ul.list
{
	list-style-type:disc;
	border:3px solid red;
	list-style-position:inside;
}

/**
* pagination system
*/
ul.paging
{
	font:normal normal normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0 0 0;
	overflow:hidden;
	width:100%; /* IE6 */
}

ul.paging li
{
	float:left;
	margin:0 5px 0 0;
}

ul.paging li.current
{
	display:block;
	padding:0 5px 0 5px;
}

ul.paging li a
{
	display:block;
	padding:0 5px 0 5px;
}

/**
* formatting
*/
strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

small
{
	font:normal normal normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	padding:0;
	margin:0;
}

blockquote
{
	border:1px dotted #ccc;
	font:normal normal normal "Trebuchet MS" 13/18px;
	letter-spacing:0.3px;
	padding:25px 25px 25px 40px;
	margin:18px 18px 0 18px;
	text-align:justify;
	font-style:italic;
	background:url(/images/common/quote.png) no-repeat 12px 10px;
}

cite
{
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	padding:0;
	margin:0 0 10px 0;
}

span.underline
{
	text-decoration: underline;
}

/**
* form #1
*/
form.form
{
	width:100%;
}

form.form dl.formelement
{
	overflow:hidden;
	margin:0 0 5px 0;
}

form.form dl.formelement dt
{
	float:left;
	margin:0 10px 0 0;
	padding:3px 0 0 0;
	width:150px;
}

form.form dl.formelement dd
{
	float:left;
	width:460px;
}

input.text, textarea.textarea, select.select, input.radio, input.search
{
	border:1px solid #cccccc;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:3px 0 0 3px;
	width:99%;
}

input.text
{
	height:20px;
}
input.text:focus, textarea.textarea:focus
{
	border:1px solid #c00;
}

label
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 0 0 10px;
	margin:0;
}

input.radio
{
	border:0;
	width:auto;
}

/* listing with arrows */
ul.listing-arrows
{
	overflow:hidden;
	width:100%;
}
ul.listing-arrows li
{
	background:url(/images/common/ul.arrow.gif) no-repeat 0 4px;
	padding:0 0 5px 12px;
}

/* general entry listing; date, title and score/reaction */
ul.listing
{
	overflow:hidden;
	width:100%;
}
ul.listing li
{
	overflow:hidden;
	margin:0;
	padding:0;
	width:100%;
}
ul.listing li span.date,
ul.listing li span.datetime
{
	display:block;
	float:left;
	width:50px;
}
ul.listing li span.datetime
{
	width:130px;
}
ul.listing li span.description
{
	display:block;
	float:left;
	white-space:nowrap;
	width:auto;
	overflow:hidden;
}
ul.listing li span.reactions
{
	float:right;
	width:33px;
	text-align:right;
}
/** --- generaly entry listing --- **/

/**
*
* thumbnails of 85x85 pixels
*
*/
ul.listing-thumbnails
{
	overflow:hidden;
	width:100%;
}

ul.listing-thumbnails li
{
	float:left;
	height:125px;
	margin:0 15px 0 0;
	overflow:hidden;
	text-align:center;
	width:85px;
}

/**
*
* listing tiles as\sume an image of 75x75 pixels, including border
*
*/
ul.listing-tiles
{
	overflow:hidden;
	width:100%;
}

ul.listing-tiles li
{
	float:left;
	width:49%;
	height:90px;
	overflow:hidden;
	padding:0;
	margin:0;
}

ul.listing-tiles li .imageFrame
{
	float:left;
}

ul.listing-tiles li .tile-description
{
	float:left;
	margin:0;
	padding:5px 5px 0 5px;
	width:65%;
	overflow:hidden;
}

/**
*
* listing assumes an image of 75x75 pixels on the left side, on the right side description.
*
*/
ul.listing-singlerow
{
	overflow:hidden;
	margin:0 0 10px 0;
	padding:0;
	width:623px;
}
ul.listing-singlerow:last-child
{
	margin:0;
}
ul.listing-singlerow li
{
	overflow:hidden;
	margin:0 0 15px 0;
	width:100%;
}
ul.listing-singlerow li:last-child
{
	margin:0;
}
ul.listing-singlerow li .imageFrame
{
	float:left;
}
ul.listing-singlerow li .tile-description
{
	float:left;
	margin:0;
	padding:0 0 0 15px;
	overflow:hidden;
	width:520px;
}

span.thumbnail
{
	width:200px;
	height:200px;
	background-color:black;
	background-repeat:no-repeat;
	background-position:50% 50%;
	display:block;
}

img.thumbnail
{
	width:75px;
	height:75px;
}

#footer
{
	font:normal normal normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 auto 0 auto;
	overflow:hidden;
	padding:66px 0 10px 0;
	width:950px;
}
#poweredby
{
	display:block;
	padding:0;
	margin:0;
	width:200px;
	float:right;
	text-align:right;
}
#copyright
{
	display:block;
	float:left;
	text-align:left;
	width:200px;
}

/**
* General button
*/
button.button
{
	background:url(/images/common/button.bg.gif) repeat-x 50% 50%;
	border:1px solid #ccc;
	color:black;
	font:normal normal bold 12px/18px Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	text-decoration:none;
	cursor:pointer;
	padding:0;
	margin:0 5px 0 0;
	height:24px;
}

button.button.disabled
{
	cursor:auto;
	color:#cccccc;
}

/**
*
* poll
*
*/
ul.poll
{
	overflow:hidden;
}
ul.poll li
{
	margin:0 0 5px 0;
	overflow:hidden;
	width:100%;
}
ul.poll li .gauge
{
	background:#ccc;
	height:8px;
	overflow:hidden;
	width:100%;
}
ul.poll li .gauge.fill
{
	background:#c00;
	height:10px;
}

/**
*
*/
ul.sidebar
{
	font:normal normal bold 11px/16px Arial, Helvetica, sans-serif;
}
ul.sidebar li
{
	padding:0;
	margin:0;
	border-bottom:1px solid #eee;
}
ul.sidebar li:last-child
{
	border-bottom:0;
}

ul.sidebar li a
{
	padding:3px;
	color:#333333;
	width:auto;
	display:block;
}

ul.sidebar li a:hover
{
	background:#fee;
	text-decoration:none;
}

ul.sidebar li a img
{
	vertical-align:bottom;
	margin-right:10px;
}

ul.sidebar li.current
{
	color:black;
}
ul.sidebar li.active
{
	background:#fdd;
}

span.required
{
	color:red;
}

/** MEMBERS **/
ul.members
{
	overflow:hidden;
	width:100%; /* IE6 fix */
}
ul.members li
{
	float:left;
	overflow:hidden;
	text-align:center;
	width:85px;
	margin:0 10px 10px 0;
}

div.wait
{
	background:url(/images/common/wait.gif) no-repeat 0 0;
	font:normal normal normal 10px/16px Arial, Helvetica, sans-serif;
	height:28px;
	margin:0;
	padding:8px 0 0 40px;
}

div.jonc-colorpicker
{
	width:30px;
	height:100%;
	border:1px solid #666;
}

/**
* ranking
*/
img.ranking
{
	cursor:pointer;
}

/**
* listview; static component; single item
*/
ul.listview
{
	border:1px solid #ccc;
	overflow:visible;
	height:285px;
	font:normal normal normal 12px/20px Arial, Helvetica, sans-serif;
}

ul.listview li
{
	padding:0;
	margin:0;
	overflow:hidden;
	width:100%;
}

ul.listview li a
{
	display:block;
	width:auto;
	color:#000;
}

ul.listview li a:hover
{
	background:#fdd;
	text-decoration:none;
	color:#000;
}

ul.listview li.selected
{
	background:#fbb;
	color:#000;
}

ul.listview li span
{
	display:block;
	float:left;
}

/**
* gallery specific
*/
div.gallery.button.browse
{
	background:url(/images/mygallery/icon.add.png) no-repeat 0 1px;
	padding:0 0 0 20px;
}

div.gallery.button.upload
{
}

/** ARTICLE **/
img.article-align-1
{
	float:left;
}
img.article-align-2
{
	float:right;
}

span.largequote
{
	display:block;
	margin:0;
	padding:0;
	font:normal normal normal 20px/30px Arial, Helvetica, sans-serif;
	color:#c33;
	width:200px;
	text-align:center;
	overflow:hidden;
}

span.largequote.topleft
{
	float:left;
	padding:10px 30px 10px 0;
}

span.largequote.topright
{
	float:right;
	padding:10px 0 10px 30px;
}

span.largequote.midleft
{
	float:left;
	margin:30px 30px 20px 0;
}

span.largequote.midright
{
	float:right;
	margin:30px 0 20px 30px;
}

/** ALL REPLIES SHOULD BE USING THE UL.REPLY CONSTRUCTION (16/08/2007) **/
ul.reply
{
	background:url(/images/common/reply.header.jpg) no-repeat 50% 0;
	overflow:hidden;
	padding:30px 0 30px 0;
	margin:0 0 10px 0;
	width:620px;
}
ul.reply li.replyavatar
{
	float:left;
	width:100px;
}
ul.reply li.replycontent
{
	float:left;
	margin:5px 0 0 0;
	width:510px;
}
ul.reply:last-child
{
	margin:0;
}

/**
* mini scroller (2 pics)
*/
ul.album-mini-scroller
{
	overflow:hidden;
	width:100%;
}
ul.album-mini-scroller li
{
	float:left;
	overflow:hidden;
	width:86%;
}
ul.album-mini-scroller li.navleft
{
	float:left;
	padding:35px 0 0 0;
	width:7%;
}
ul.album-mini-scroller li.navright
{
	float:right;
	padding:35px 0 0 0;
	width:7%;
}

/**
*
* for a list of links with "large" icons (32 x 32)
*
*/
ul.iconlinks
{
	margin:0;
	padding:0;
}

ul.iconlinks li
{
	overflow:hidden;
	height:32px;
	padding:0 0 10px 0;
	margin:0;
}

ul.iconlinks li img
{
	float:left;
	margin:0 10px 0 0;
}

ul.iconlinks li a
{
	line-height:32px;
}

.accordionHeader
{
	border-bottom:1px solid #ccc;
}

/* tips on the right */
div.tipbox
{
	margin:0;
	padding:20px;
	color:#999;
	font:normal normal normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	width:85%;
}
div.tipbox ul.tips
{
	color:#999;
	font:normal normal normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	list-style-position:inside;
	list-style-type:disc;
}
div.tipbox ul.tips li
{
	margin:0 0 10px 0;
}
div.tipbox ul.tips li:last-child
{
	margin:0;
}

/** agenda **/
ul.agenda
{
}
ul.agenda li
{
	padding:10px 10px 0 0;
}
ul.agenda li:last-child
{
	padding:10px 10px 0 0;
}

/** TABS **/
ul.tabs
{
	border-bottom:1px solid #fcc;
	font:normal normal normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	overflow:hidden;
	width:100%;
}
ul.tabs li
{
	float:left;
	margin:0;
	padding:5px 0 5px 0;
}
ul.tabs li a
{
	padding:10px;
}
ul.tabs li a.active-tab {
	background:url(/images/common/tab.gif) repeat-x #fcc;
}
div.tab-body
{
	display:none;
}
div.tab-body.active-tab-body
{
	display:block;
}

img.frontpage-icon
{
	margin:0 15px 0 0;
	vertical-align:middle;
	behavior:url(/iepngfix/iepngfix.htc);
}

/** SECTIONS **/
div.doublesection
{
	overflow:hidden;
}
div.doublesection div.leftcolumn
{
	float:left;
	width:655px;
	margin:0 5px 0 0;
}
div.doublesection div.rightcolumn
{
	float:right;
	margin:0;
	width:300px;
}

div.doublesection.article div.leftcolumn
{
	float:left;
	width:700px;
	margin:0 7px 0 0;
}

div.frontpage div.leftcolumn
{
	float:left;
	width:250px;
}

/** PAGE CONTENTS **/
#page
{
	background:url(/images/common/page.bg.gif) 0 0 repeat-y;
	border-bottom:1px solid #ccc;
	margin:0 auto 0 auto;
	height:100%;
	width:960px;
	padding:0 10px 0 10px;
}

.jonctooltip
{
	background:url(/images/common/bg.gif) repeat-x 0 0 #dcdcdc;
	border:1px solid #ccc;
	color:#000;
	padding:10px;
	text-align:center;
}

ul.listing-videos /* also used for frontpage hotspots */
{
	overflow:hidden;
	width:100%;
}
ul.listing-videos li
{
	float:left;
	margin:0 0 15px 0;
	overflow:hidden;
	width:49%;
}
ul.listing-videos li .imageFrame
{
	float:left;
	margin:0 10px 0 0;
}

/* titles */
div#title_hotspots
{
	background:url(/images/common/string.h1.hotspots.gif) no-repeat;
	width:86px;
	height:15px;
	margin:0 0 10px 0;
}
div#title_forum
{
	background:url(/images/common/string.h1.forum.gif) no-repeat;
	width:63px;
	height:15px;
	margin:0 0 10px 0;
}
div#title_newsfeed
{
	background:url(/images/common/string.h1.newsfeed.gif) no-repeat;
	width:110px;
	height:15px;
	margin:0 0 10px 0;
}
div#title_chat
{
	background:url(/images/common/string.h1.chat.gif) no-repeat;
	width:100px;
	height:15px;
	margin:0 0 10px 0;
}
div#title_blog
{
	background:url(/images/common/string.h1.blogs.gif) no-repeat;
	width:100px;
	height:15px;
	margin:0 0 10px 0;
}
div#title_hotspots span,
div#title_forum span,
div#title_newsfeed span,
div#title_chat span,
div#title_blog span
{
	display:none;
}
div.wnd
{
	background:url(/images/common/window.empty.png) no-repeat;
	height:307px;
	padding:15px 10px 0 15px;
}
div.wnd_agenda
{
	background:url(/images/common/window.agenda.png) no-repeat;
	height:490px;
	margin:9px 0 0 0;
	padding:15px 10px 0 15px;
}
div.wnd_mid
{
	background:url(/images/common/window.empty.200.png) no-repeat;
	height:190px;
	padding:15px 10px 0 15px;
	width:635px;
}
div.wnd_small
{
	background:url(/images/common/window.empty.300x200.png) no-repeat;
	height:300px;
	padding:15px 10px 0 15px;
}
img.profilephoto-small
{
	height:24px;
	width:24px;
	vertical-align:middle;
}
div.wnd_special
{
	height:260px;
	padding:10px 10px 10px 15px;
	margin:0 0 5px 0;
	width:300px;
}

a.calltoaction
{
	background:url(/images/common/button.calltoaction.png) no-repeat;
	display:block;
	color:#888800;
	font:normal normal bold 11px/9px Verdana, Arial, Helvetica, sans-serif;
	width:193px;
	height:8px;
	padding:20px;
	margin:0 0 20px 0;
	text-align:center;
}
a.calltoaction:hover
{
	text-decoration:none;
}
a.readmore
{
	background:url(/images/common/readmore.gif) no-repeat 0 4px;
	padding:0 0 0 12px;
}
ol.numbers
{
	list-style-type:decimal;
	list-style-position:inside;
}
ul.disc
{
	list-style-type:disc;
	list-style-position:inside;
}

/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb
{
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 10px 5px;
	overflow:hidden;
}

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Rules for the top corners and border */
.bt
{
	background:url(/images/common/window.normal.gif) no-repeat 100% 0;
	behavior:url(/iepngfix/iepngfix.htc);
	margin:0 0 0 24px;
	height:15px;
}

.bt div
{
	background:url(/images/common/window.normal.gif) no-repeat 0 0;
	behavior:url(/iepngfix/iepngfix.htc);
	height:15px;
	width:24px;
	position:relative;
	left:-24px;
}

/* Rules for the bottom corners and border */
.bb
{
	background:url(/images/common/window.normal.gif) no-repeat 100% 100%;
	behavior:url(/iepngfix/iepngfix.htc);
	margin:0 0 0 24px;
	height:15px;
}

.bb div
{
	background:url(/images/common/window.normal.gif) no-repeat 0 100%;
	behavior:url(/iepngfix/iepngfix.hc);
	height:15px;
	width:24px;
	position:relative;
	left:-24px;
}

/* Insert the left border */
.i1
{
	background:url(/images/common/window.normal.border.gif) repeat-y 0 0;
	behavior:url(/iepngfix/iepngfix.ht);
	padding:0 0 0 5px;
}
/* Insert the right border */
.i2
{
	background:url(/images/common/window.normal.border.gif) repeat-y 100% 0;
	behavior:url(/iepngfix/iepngfix.ht);
	padding:0 5px 0 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3
{
	background:#fff;
	border-width:1px 0;
	padding:0 10px;
	overflow:hidden;
}
/* CSS for the box ends here */

/**
*
*/
div.forum-topic-header
{
	overflow:hidden;
}

div.forum-topic-information
{
	overflow:hidden;
	width:100%;
	
}

/**
* general forum header
*/
div.forum-header
{
	margin:0 0 10px 0;
	overflow:hidden;
	padding:0;
	width:100%;
}
div.forum-footer
{
	background:url(/images/common/reply.header.jpg) no-repeat 50% 0;
	margin:30px 0 0 0;
	overflow:hidden;
	padding:30px 0 0 0;
	width:100%;
}
div.forum-header div.forum-details , div.forum-footer div.forum-details
{
	float:left;
	overflow:hidden;
	width:75%;
}
div.forum-header div.forum-options , div.forum-footer div.forum-options
{
	float:right;
	overflow:hidden;
	width:20%;
}

/**
* viewforum.php
*/
ul.viewforum-topiclisting
{
	overflow:hidden;
	padding:0 0 2px 0;
}
ul.viewforum-topiclisting li
{
	float:left;
	text-align:center;
	width:10%;
}
ul.viewforum-topiclisting li.icon
{
	width:5%;
}
ul.viewforum-topiclisting li.topic-lastpost
{
	text-align:left;
	width:15%;
	padding:0 10px 0 0;
}
ul.viewforum-topiclisting li.topic-title
{
	overflow:hidden;
	text-align:left;
	width:50%;
}
ul.viewforum-topiclisting li.topic-replies,
ul.viewforum-topiclisting li.topic-views
{
	float:right;
	text-align:right;
	width:12%;
}

div.forum-topic-footer
{
	overflow:hidden;
}

/**
*
*/
div.forum-topic-poll
{
	border:1px dotted #ccc;
	margin:20px auto 0 auto;
	padding:10px;
	width:550px;
}



ul.forum-post
{
	background:url(/images/common/reply.header.jpg) no-repeat 50% 0;
	overflow:hidden;
	padding:30px 0 30px 0;
	margin:0;
	width:100%;
}

ul.forum-post li
{
	float:left;
}

ul.forum-post li.forum-post-poster
{
	width:20%;
}

ul.forum-post li.forum-post-content
{
	width:80%;
}

ul.forum-post li.forum-post-content ul.post-options
{
	float:right;
	overflow:hidden;
	margin:0;
	padding:0;
}

ul.forum-post li.forum-post-content ul.post-options li
{
	float:left;
	padding:0;
}

ul.forum-post li.forum-post-content ul.post-options li a
{
	margin:0 0 0 5px;
}

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}




/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/* Tooltip styles */
.prototip .default { width: 150px; color: #fff; }
.prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.prototip .pinktip { border: 5px solid #a1a1a1; }
.prototip .pinktip .toolbar { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; }
.prototip .pinktip .title { padding: 5px; }
.prototip .pinktip .content { background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .darktip { width: 250px; border: 5px solid #a1a1a1; }
.prototip .darktip .toolbar { background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.prototip .darktip .toolbar a.close { background: url(close_hover.gif);}
.prototip .darktip .toolbar a.close:hover { background: url(close.gif);}
.prototip .darktip .title { padding: 5px;}
.prototip .darktip .content { background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }

.prototip .silver { width: 300px; border: 5px solid #cccccc; color: #fff; font: 11px Arial, Helvetica, sans-serif;}
.prototip .silver .toolbar { background: #2e2e2e; color: #fff; font-weight: bold; }
.prototip .silver .toolbar a.close:hover { background: url(close_hover_red.gif);}
.prototip .silver .title { padding: 5px; }
.prototip .silver .content { background: #fff; color: #666666; padding: 5px;}

.protoClassic { width: 300px; border: 5px solid #8c939c; }
.protoClassic .toolbar { background: #96b8e2 url(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover { background: url(close_hover_red.gif);}
.protoClassic .title { padding: 5px; }
.protoClassic .content { background: #fff; color: #333333; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }