<?php global $csspp; $_csspp = &$csspp; ?>

/*
	Login sidebar
	=============
*/
	div.login {
		text-align: center;
		font-size: 10px;
	}
	
	input.login {
		font-size: 10px;
		width: 100px;
		border: 1px solid #464646;
		background-color: #e5e5e5;
		color: #111;
	}
	
	p.login_error {
		color: #FF0000;
		font-weight: bold;
		font-size: 8pt;
	}

/*
	Language selector
	=================
*/
	div.module-setlanguage {
		text-align: center;
	}

/*
	Upload
	======
*/
	a.upload {
		text-decoration: none;
		color: #14293D;
	}
	div.upload_browse {
		width: 100%;
		background-color: #FFFFF4;
		margin: 0px;
	}
	
	td.editor_upload {
		text-align: center;
	}

/*
	Picture Browser
	===============
*/
	table.picture_browser {
		width: 100%;
	}

/*
	Editor
	======
*/
	div.editor {
		border: solid 1px #000000;
		text-align: center;
		padding: 1px;
		background-color: #EEEEEE;
	}
	div.editor_buttons {
		width: 100%;
		background-color: #EEEEEE;
	}
	div.toolbar {
		width: 100%;
	}
	iframe.editor {
		border: 0px;
		background-color: #FFFFFF;
	}
	.source_editor {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	p.smiley-toolbar {
		font-size: 9px;	
	}

/*
	Menu
	====
*/
	/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	.sf-menu {
		line-height:	1.0;
	}
	.sf-menu ul {
		position:		absolute;
		top:			-999em;
		width:			10em; /* left offset of submenus need to match (see below) */
	}
	.sf-menu ul li {
		width:			100%;
		text-align:		left;
	}
	.sf-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.sf-menu li {
		float:			left;
		position:		relative;
	}
	.sf-menu a {
		display:		block;
		position:		relative;
		color: 			#000000;
		font-weight:	bold;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left:			0;
		top:			2.5em; /* match top ul list item height */
		z-index:		99;
	}
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}
	
	/*** DEMO SKIN ***/
	.sf-menu {
		float:			left;
		margin-bottom:	1em;
	}
	.sf-menu a {
		border-left:	1px solid #fff;
		border-top:		1px solid #CFDEFF;
		padding: 		.75em 1em;
		text-decoration:none;
	}
	.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			#13a;
	}
	.sf-menu li {
		/*background:		#BDD2FF;*/
		background:		#E8E8E8;
		width: 140px;
	}
	.sf-menu li li {
		/*background:		#AABDE6;*/
		background:		#E8E8E8;
		width: 170px;
	}
	.sf-menu li li li {
		/*background:		#9AAEDB;*/
		background:		#E8E8E8;
	}
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
		background:		#CFDEFF;
		outline:		0;
	}
	
	/*** arrows **/
	.sf-menu a.sf-with-ul {
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	.sf-sub-indicator {
		position:		absolute;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
	}
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top:			.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}
	
	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
	
	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}

/*
	Tooltip
	=======
*/
	.tooltip-message {
		display: none;
	}

/*
	ErrorBox
	=======
*/
	.errorbox {
		color: #990033;
		text-decoration: none;
		text-align: left;
	
		background-color: #FFF1E8;
		border: dotted 1px #993300;
		padding: 5px;
	
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		
		filter:alpha(opacity=85);
		-moz-opacity:.85;
		opacity:.85;
		
		z-index: 10000;
	}


/*
	Forum
	=====
*/
	div.forum {
		border-top: solid 1px #CCCCCC;
		background: url(../images/etc_background.png);
		background-repeat: repeat-x;
		margin: 0px;
		padding-bottom: 10px;
	}
	
	div.post {
		border: solid 1px #cccccc;
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	table.heading {
		background: url("themes/global/images/bg30p.png") repeat scroll 0 0 transparent;
		padding: 0px;
		margin: 0px;
		width: 100%;
		border-collapse: collapse;
		table-layout: fixed;
	}
	
	td.heading {
		padding: 5px;
		text-align: top;
	}
	
	td.heading-25 {
		padding: 5px;
		text-align: top;
		height: 25px;
	}
	
	td.comment {
		padding: 5px;
		background: url("themes/global/images/bg60p.png") repeat scroll 0 0 transparent;
		border-top: dotted 1px #cccccc;
		vertical-align: middle;
	}
	
	td.date {
		text-align: right;
	}
	
	td.avatar {
		width: 96px;
		text-align: center;
		vertical-align: top;
		border-right: dotted 1px #cccccc;
		padding: 5px;
	}
	
	a.forum {
		color: #000000;
		font-weight: bold;
	}
	
	span.admin {
		padding-left: 5px;
		border-left: dotted 1px #D1D17B;
	}
	
	span.anon {
		font-style: italic;
	}
	
	span.name {
		font-weight: bold;
	}

/*
	TinyMCE
	========
*/
	iframe.tinymce_upload
	{
		width: 100%;
		height: 300px;
		border: 0px;
	}
	
/*
	Poll
	====
*/

	p.poll_title {
		font-weight: bold;
		text-align: left;
	}
	
	span.poll_date {
		font-size: 0.8em;
		font-weight: normal;
	}
	
/*
	Static Pages
	============
*/
#static_header {
	background: #DEDEDE;
	border: solid 1px #AAAAAA;
	position: relative;
	z-index: 1;
}

#static_header_inner {
	display: block;
	height: 180px;
	overflow: hidden;
}

#static_header_inner.hidden {
	height: 0px;
	overflow: hidden;
}

/*
	Mini Gallery
	============
*/

.mini_gallery_inner {
}

.mini_gallery_inner.closed {
	height: 200px;
	overflow: hidden;
}
.mini_gallery_inner.opened {
}