/*
*
* th23 Site
* styles/../theme/th23_site.css
* (c) 2007 by Thorsten Hartmann (www.th23.net)
*
*/

/* CHANGES/ADDITIONS */

/* body */
html, body {
	color:#444444;
	background-color:#F5F5F5;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	text-align:left;
	margin:0px;
	padding:0px;
}

/* links */
h3, 
a, 
a:link, 
a:visited, 
a:active {
	color:#444444;
	text-decoration:none;
}
a:hover { 
	color:#D46400;
	text-decoration:underline;
}
/* links within content area */
a.postlink,
a.postlink:link,
a.postlink:visited,
a.postlink:active {
	background:transparent;
	text-decoration:none;
	color:#444444;
	border-bottom:1px dashed #3300FF;
}
a.postlink:hover {
	background:transparent;
	text-decoration:none;
	color:#D46400;
	border-bottom:1px solid #D46400;
}
/* fix links within content area */
.content {
	padding-bottom:1px;
}

/* first items (tabs only prosilver) */
h2, 
#tabs.th23notop {
	margin-top:0px;
}

/* last items (only prosilver) */
p.th23nomarginafter {
	margin-bottom:0.5em;
}

/* messages */
.panel {
	background-color: #FFFFFF;
}

/* highlight cells/lines more clearly */
ul.topics li.bg1:hover, 
ul.topics li.bg2:hover, 
li.row:hover {
  background-color: #F6E346;
  background-image: url("./images/th23_site_cell_highlight.gif");
  background-repeat: repeat-x;
}

/* list background/border */
.forabg {
	background-color: #000000;
	background-image: url("./images/th23_site_cell_border.gif");
}
.forumbg {
	background-color: #000000;
	background-image: url("./images/th23_site_cell_border.gif");
}
ul.forums {
	background-color: #FEFCFF;
	background-image: url("./images/th23_site_cell_inner.gif");
}
.bg1 {
	background-color: #E3E3E3; /* #E1E1E1 */
}
.bg2 {
	background-color: #FFFFFF; /* #EAEAEA */
}
.bg3 {
	background-color: #D9DADC; /* #CADCEB */
}

/* profile separator */
.postprofile {
	border-left-color: #EFEFEF;
}

/* tabs/sub-tabs */
#tabs a {
	background-image: url("./images/th23_site_tabs1.gif");
}
#tabs a span {
	background-image: url("./images/th23_site_tabs2.gif");
	color: #68696D;
}
#tabs .activetab a {
	border-bottom-color: #D9DADC;
}
#navigation a {
	background-color: #BFC0C2;
	background-image: url("./images/th23_site_subtabs.gif");
}
#navigation a:hover {
	background-color: #B6B8BA;
}

/* LAYOUT */

/* wrap */
#th23wrap {
	/*
	min-width: 650px;
	width: 760px;
	margin: 0 auto;
	*/
}

/* header */
#th23pageheader {
	/* 
	min-height: 120px;
	height: auto !important;
	height: 120px;
	background-image: url('./images/th23_site_header_bg.gif');
	background-repeat: repeat-x;
	 */
	padding: 0px;
	text-align: left;
	padding-top: 10px;
}
#th23pageheader h1, 
#th23pageheader h3 {
	color: #FFFFFF;
	margin: 0px;
	border: none;
	font-size: 1.5em;
	/* text-indent: -5000px; */
}
#th23pageheader h1 {
	padding-top: 0px;
	font-size: 4.0em;
}
.th23pageheader-box {
	margin:0px 25px 15px;
	background-repeat: no-repeat; 
	/* position header graphic on the right
	background-position: 100% 0pt; 
	*/
	background-position: 0pt 0pt;
}
.th23pageheader-box span.corners-top { 
	background-image: url('./images/th23_site_corners_pageheader_left.png');
	margin: 0pt;
}
.th23pageheader-box span.corners-top span { 
	background-image: url('./images/th23_site_corners_pageheader_right.png');
}
.th23pageheader-box span.corners-bottom { 
	background-image: url('./images/th23_site_corners_pageheader_left.png');
	margin: 0pt;
}
.th23pageheader-box span.corners-bottom span { 
	background-image: url('./images/th23_site_corners_pageheader_right.png');
}
.th23pageheader-text {
	float: left;
	height: 120px; 
	padding-left: 15px;
	/* background: url('http://www.phpbb.com/theme/images/logo_phpbb.png') no-repeat 15px 10px; */
}
.th23pageheader-bg-desc {
	color: #FFFFFF;
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 10px;
}

/* searchbox */
.th23-site-search-box {
	margin-top: 85px;
	margin-right: 15px;
	position: relative;
	display: block;
	float: right;
	clear: right;
	text-align: left;
	white-space: nowrap; /* For Opera */
}
.th23-site-search-box-input {
	width: 125px;
	height: 19px;
	background: url("./images/th23_site_search.png") 2px -48px no-repeat;
	padding-top: 3px;
	padding-left: 22px;
	background-color: #EEEEEE;
	border: 1px solid #333333;
	font-size: 12px;
}
.th23-site-search-box-input:hover {
	background-position: 2px 2px;
	border-color: #0075B0;
}

/* navigation bar */
#th23-site-menu { 
	height: 29px;
	background: #000000 url("./images/th23_site_menu_bg.gif") 0px 0px repeat-x;
	list-style: none;
	padding: 0px 25px;
	margin-bottom: 10px;
}
/* optional start */
.th23-site-menu-corner {
	display: block;
	width: 10px;
	height: 29px;
}
.th23-site-menu-corner-left {
	float: left;
	background: url("./images/th23_site_menu_corner_left.gif") no-repeat;
}
.th23-site-menu-corner-right {
	float: right;
	background: url("./images/th23_site_menu_corner_right.gif") no-repeat;
}
/* optional end */
.th23-site-menu-button {
	float: left;
	height: 29px;
	padding: 0px 5px;
}
.th23-site-menu-button-right {
	float: right;
}
.th23-site-menu-button-active {
	/* tbd */
	background: #F5F5F5;
}
.th23-site-menu-button a {
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 7px 5px 7px 5px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
.th23-site-menu-button-active a {
	color: #000000;
}
.th23-site-menu-button a.th23-site-menu-home {
	background: url("./images/th23_site_home.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a.th23-site-menu-private {
	background: url("./images/th23_site_private.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a.th23-site-menu-law {
	background: url("./images/th23_site_law.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a.th23-site-menu-technology {
	background: url("./images/th23_site_technology.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a.th23-site-menu-forum {
	background: url("./images/th23_site_forum.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a.th23-site-menu-about {
	background: url("./images/th23_site_about.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a.th23-site-menu-register {
	background: url("./images/th23_site_register.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a.th23-site-menu-login {
	background: url("./images/th23_site_login.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a.th23-site-menu-profile {
	background: url("./images/th23_site_profile.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a.th23-site-menu-message {
	background: url("./images/th23_site_message.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a.th23-site-menu-logout {
	background: url("./images/th23_site_logout.png") 5px -45px no-repeat;
	padding-left: 30px;
}
.th23-site-menu-button a:hover {
	color: #000000;
	background-color: #D7D7D7;
	background-position: 5px 5px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	text-decoration: none;
}
.th23-site-menu-button-active a:hover {
	background-color: transparent;
	background-position: 5px -45px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

/* css pm "popup" */
#th23pmpopup {
	position:absolute; 
	width:30%; 
	left:35%; 
	top:150px; 
	z-index:1000;
	font-size:1.3em; 
}
#th23pmpopupbox {
	background-color:#FFFF33;
	padding:12px;
}
#th23pmpopupbutton {
	float:right; 
	position:relative; 
	top:-6px; 
	right:-3px;
}
#th23pmpopupbutton input {
	border:solid 1px #000000; 
	font-size:10px; 
	font-weight:bold;
}

/* breadcrumbs (li only prosilver) */
#th23breadcrumbs {
	margin: 0px 25px 15px;
	font-size:1.1em;
}
#th23breadcrumbs li {
	font-size:1.0em;
}
#th23breadcrumbs span {
	padding-left:0.5em;
	vertical-align:middle;
}
#th23breadcrumbs a {
	padding-left:0.5em;
	padding-right:0.5em;
	cursor:pointer;
}

/* center */
#th23pagecenter {
	margin:25px;
	margin-top:0px;
}

/* center - general */
#th23nav {
	position:absolute;
	top:auto;
	left:25px;
	width:200px
}
#th23main {
	margin-left:220px;
}
#th23nav, 
#th23main .th23head {
	font-weight:normal;
	font-size:1.3em;
}
#th23nav a { 
	font-weight:bold;
}

/* center - hover links */
.th23hover {
	background:transparent none no-repeat;
	padding-left:22px;
	display:block;
	min-height:18px;
}
a.th23hover:link, 
a.th23hover:visited, 
a.th23hover:active {
	background-position:0px -50px;
}
a.th23hover:hover {
	background-position:0px 0px;
}

/* center - head */
.th23head,
a.th23head:link,
a.th23head:visited, 
a.th23head:active, 
a.th23head:hover {
	text-decoration:none; 
	color:#FFFFFF;
}
/* center - head - corners */
span.th23head { 
	border-style:solid; 
	border-width:1px; 
	-moz-border-radius-topleft:8px; 
	-moz-border-radius-topright:8px; 
	padding-left:10px; 
	padding-right:10px; 
}
/* center - head - with icon */
span.th23headicon { 
	position:relative; 
	left:-18px;
	z-index:1;
	padding-left:32px; 
}
.th23headiconimg {
	position:relative; 
	left:10px; 
	z-index:2;
}

/* center - box */
.th23box {
	border-style:solid; 
	border-width:1px; 
	-moz-border-radius-topright:8px; 
	-moz-border-radius-bottomleft:8px; 
	-moz-border-radius-bottomright:8px;
	padding:10px;
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-bottom:14px;
}

/* center - nav list */
#th23nav ul {
	list-style-type:none; 
	padding:0px; 
}
#th23nav ul.th23topul {
	margin:-10px 0px;
}
#th23nav ul.th23topul li {
	margin:10px 0px;
}
#th23nav ul.th23subul {
	margin:-3px 0px;
}
#th23nav ul.th23subul li {
	margin:3px 0px;
}

/* center - message: notice / warning / error */
.th23noticehead {
	border-color:#008000;
	background-color:#008000;
}
.th23noticebox {
	border-color:#008000;
	background-color:#91FF91;
	text-align:center;
	font-size:1.2em;
}
.th23warninghead {
	border-color:#FFCC00;
	background-color:#FFCC00;
}
.th23warningbox {
	border-color:#FFCC00;
	background-color:#FFFF99;
	text-align:center;
	font-size:1.2em;
}
.th23errorhead {
	border-color:#FF0000;
	background-color:#FF0000;
}
.th23errorbox {
	border-color:#FF0000;
	background-color:#FFB0B0;
	text-align:center;
	font-size:1.2em;
}

/* center - content area */
#th23content {
	/* currently unused */
}

/* center - info area */
#th23info h3 {
	border-bottom:1px solid #CCCCCC;
	font-size:1.05em;
	font-weight:bold;
	margin:3px 0px;
	padding-bottom:2px;
	text-transform:uppercase;
}
#th23info .th23marginafter {
	margin-bottom:1.5em;
}
#th23info p {
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:0.5em;
}

/* footer */
#th23pagefooter {
	text-align: center;
	clear: both;
}

/* COLORS */

/* black */
.th23color0, 
a.th23color0:link, 
a.th23color0:visited, 
a.th23color0:active {
	color:#444444;
}
a.th23color0:hover {
	color:#000000; 
}
.th23color0head { 
	border-color:#000000;
	background-color:#000000;
}
.th23color0box {
	border-color:#000000; 
	background-color:#FFFFFF; 
}

/* (light-)grey */
.th23color1, 
a.th23color1:link, 
a.th23color1:visited, 
a.th23color1:active {
	color:#AAAAAA;
}
a.th23color1:hover { 
	color:#555555; 
}
.th23color1head { 
	border-color:#666666;
	background-color:#666666;
}
.th23color1box {
	border-color:#666666; 
	background-color:#EEEEEE;
}

/* (light-)blue */
.th23color2, 
a.th23color2:link, 
a.th23color2:visited,
a.th23color2:active { 
	color:#0099FF; 
}
a.th23color2:hover { 
	color:#330099; 
}
.th23color2head { 
	border-color:#330099;
	background-color:#330099;
}
.th23color2box {
	border-color:#330099;
	background-color:#EEEEFF;
}

/* (light-)green */
.th23color3,  
a.th23color3:link,  
a.th23color3:visited,
a.th23color3:active { 
	color:#AADD11; 
}
a.th23color3:hover { 
	color:#009900; 
}
.th23color3head { 
	border-color:#009900;
	background-color:#009900;
}
.th23color3box {
	border-color:#009900;
	background-color:#EEFFEE; 
}

/* (light-)orange */
.th23color4, 
a.th23color4:link, 
a.th23color4:visited,
a.th23color4:active { 
	color:#FF9900; 
}
a.th23color4:hover { 
	color:#BB3333; 
}
.th23color4head { 
	border-color:#BB3333;
	background-color:#BB3333;
}
.th23color4box {
	border-color:#BB3333;
	background-color:#FFFFEE; 
}

/* (light-)purple */
.th23color5, 
a.th23color5:link, 
a.th23color5:visited,
a.th23color5:active { 
	color:#FF66DD; 
}
a.th23color5:hover { 
	color:#CC0099; 
}
.th23color5head { 
	border-color:#CC0099; 
	background-color:#CC0099; 
}
.th23color5box { 
	border-color:#CC0099; 
	background-color:#FFEEFF; 
}

/* (light-)brown */
.th23color6, 
a.th23color6:link, 
a.th23color6:visited,
a.th23color6:active { 
	color:#BC6823; 
}
a.th23color6:hover { 
	color:#804818; 
}
.th23color6head { 
	border-color:#804818; 
	background-color:#804818; 
}
.th23color6box { 
	border-color:#804818; 
	background-color:#F0E9E1; 
}