/* The Beyondjazz Theme for phpBB version 2+. Created by Lensco http://www.lensco.be */

/* General page style. The scroll bar colours only visible in IE5.5+ */

body {
 font-family:  Helvetica, Arial, sans-serif;
 font-size: 11px;
 line-height: 11px;
 margin: 0;
 background: url("http://www.beyondjazz.net/templates/bjv2/images/interface/bg.jpg");
 color: #4E4E4E;
}

/*---- text & link styles ----*/

a:link, a:visited {
	text-decoration: none;
	color: #348B22;
}

a:hover {
	text-decoration: none;
	color: #80884F;
}

a.menu:link, a.menu:visited {
	text-decoration: none;
	color: #ffffff;
}

a.menu:hover {
	color: #888888;
}

a.brown:link, a.brown:visited {
	text-decoration : none;
	color: #7D854B;
}

a.brown:hover {
	color: #348B22;
}

a.fplink:link, a.fplink:visited { color: #000000; text-decoration: none; }
a.fplink:visited { color: #7D854B; }
a.fplink:hover { color: #000000; }


h3,h4 {
	margin-bottom: 10px;
	}

/*---- div styles ----*/

#container {
	position: relative;
	margin: 0 auto;
	width: 780px;
}

#content {
	background: url("http://www.beyondjazz.net/templates/bjv2/images/interface/bg_content.jpg");
	border-width: 0 3px;
	border-color: #348B22;
	border-style: solid;
	width: 774px;
	text-align: left;
}

#menu {
	background: url("http://www.beyondjazz.net/templates/bjv2/images/interface/bg_menu.jpg");
	background-repeat: no-repeat;
	background-color: #B4B896;
	width: 780px;
	height: 30px;
	color: #ffffff;
}

.content_pane {
	background-color: #F5F5F5;
	padding: 5px;
	font-size: 11px;
}

.content_pane_nopad {
	background-color: #F5F5F5;
	padding: 0px;
	font-size: 11px;
}

.content_pane_links {
	background-color: #C1C5AA;
	vertical-align: 6px;
	font-size: 11px;
	padding: 4px 4px 3px 4px;
}

#footer {
	background: url("http://www.beyondjazz.net/templates/bjv2/images/interface/bg_footer.jpg");
	background-repeat: no-repeat;
	width: 760px;
	height: 26px;
	text-align: left;
	bottom: 0px;
}

/* General font families for common tags */
hr { border: solid #348B22 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline { 
 background-color: #ffffff;
 background: url("http://www.beyondjazz.net/templates/bjv2/images/interface/bg_content.jpg");
 border-width: 0 3px;
 border-color: #348B22;
 border-style: solid;
 padding: 6px;
}

/* This is the outline round the main forum tables
.forumline { background-color: #F4F5EE; border: 2px #C8C8A0 solid; } */

/* Main table cell colours and backgrounds */
td.row1 { background-color: #F5F5F5; }
td.row2 { background-color: #EBEBEB; }
td.row3 { background-color: #D2D6BB; }
td.row4 { background-color: #DBDBD8; }

td.menubalk { height: 30px; padding: 2px; background: url("http://www.beyondjazz.net/templates/bjv2/images/interface/bg_menu.jpg") no-repeat; }

/* buttons on search page */
a.searchbuttons {
display: block;
width: 150px;
text-align: center;
text-decoration: none;
font-family:Arial;
font-size:12px;
color: #000000;
background-color:#E8E8E8;
border: solid 1px #E8E8E8;
}

a.searchbuttons:hover {
border: solid 1px #CCCCCC;
background-color:#CCCCCC;
text-decoration: none;
}


/* This is for the table cell above the Topics, Post & Last posts on the index.php page. By default this is the fading out gradiated silver background. However, you could replace this with a bitmap specific for each forum */
td.rowpic {
  background-color: #F4F5EE;
  background-image: url();
  background-repeat: repeat-y;
}

/* Header cells */
th {
 color: #FFFFFF; font-size: 11px; font-weight: bold;
 background-color: #348B22; height: 22px;
}

td.cat,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-color: #C0C0AF; border: #F4F5EE; border-style: solid; height: 28px; color: #348B22;
}

td.catHead {
	background-color: #348B22;
}

/* Setting additional nice inner borders for the main table cells. The names indicate which sides the border will be on. Don't worry if you don't understand this, just ignore it :-) */
td.cat,td.catHead,td.catBottom {
 height: 29px;
 border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
 font-weight: bold; border: #F4F5EE; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
 background-color: #C0C0AF;
}

th.thHead,td.catHead { font-size: 12px; border-width: 0px; }
th.thSides,td.catSides,td.spaceRow  { border-width: 0px; }
th.thRight,td.catRight,td.row3Right  { border-width: 0px; }
th.thLeft,td.catLeft  { border-width: 0px; }
th.thBottom,td.catBottom { border-width: 0px; }
th.thTop  { border-width: 0px; }
th.thCornerL { border-width: 0px; }
th.thCornerR { border-width: 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle { font-weight: bold; font-size: 22px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #4E4E4E;
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #4E4E4E; }
a.gen,a.genmed,a.gensmall { color: #348B22; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #000000; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : 11px; color : #101010 }
a.mainmenu  { text-decoration: none; color : #ffffff; }
a.mainmenu:hover{ text-decoration: none; color : #8D8D5A; }

/* Forum category titles */
.cattitle  { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #ffffff}
a.cattitle  { text-decoration: none; color : #777777; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: 12px; color : #348B22; }
a.forumlink  { text-decoration: none; color : #348B22; }
a.forumlink:hover{ color : #000000; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: 11px; color : #4E4E4E;}
a.nav:link, a.nav:visited   { text-decoration: none; color: #4E4E4E; }
a.nav:hover  { text-decoration: underline; }

.nav_alt   { font-weight: bold; font-size: 11px; color : #ffffff;}
a.nav_alt:link, a.nav_alt:visited   { text-decoration: none; color: #ffffff; }
a.nav_alt:hover  { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: 11px; color : #101010; }
a.topictitle:link { text-decoration: none; color : #8D8D5A; }
a.topictitle:visited { text-decoration: none; color : #4B4F3B; }
a.topictitle:hover { color : #000000; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : 11px; color : #101010;}

/* Location, number of posts, post date etc */
.postdetails  { font-size : 10px; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px}
a.postlink:link { text-decoration: none; color : #348B22; }
a.postlink:visited { text-decoration: none; color : #7D854B; }
a.postlink:hover { text-decoration: none; color : #000000}

/* Attachment table styles */
table.attachtable	{ border-color : #DBDBD8; border-collapse: collapse; }
td.attachheader	{ background-color: #DBDBD8; }

/* Quote & Code blocks */
.code {
 font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
 background-color: #FAFAFA; border: #C8C8A8; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
 font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
 background-color: #FAFAFA; border: #C1C5AA; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.mod {
 font-family: Arial, sans-serif; font-size: 11px; color: #D61717; line-height: 125%;
 background-color: #DBDBDB; font-weight : bold;
}

/* Copyright and bottom info */
.copyright  { font-size: 11px; color: #ffffff;}
a.copyright  { color: #ffffff; text-decoration: none;}
a.copyright:hover { color: #CCCCCC; }

/* Form elements */
form { margin: 0px; }
input, textarea, select {
 font: normal 11px Arial, Helvetica, sans-serif;
}

/* The text input fields background colour */
input, textarea.post, select {
 background-color: #FFFFFF;
 border: 1px solid #DBDBD8;
}

/* The buttons used for bbCode styling in message post */
input.button {
 background-color : #E4E5DD;
 color : #101010;
 font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
 background-color : #FAFAFA;
 font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
 background-color : #FAFAFA;
 font-weight : normal;
}

/* The login buttons */
.formUserName {
	border: 1px solid #DBDBD8;
	font-size: 11px;
	width:140px;
	font-weight: normal;
	background-image: url("/templates/bjv2/images/interface/form_username.gif");
	background-repeat:no-repeat;
	background-position:2px center;
	padding-left: 19px;
}
.formPassWord {
	border: 1px solid #DBDBD8;
	font-size: 11px;
	width:140px;
	font-weight: normal;
	background-image: url("/templates/bjv2/images/interface/form_password.gif");
	background-repeat:no-repeat;
	background-position:2px center;
	padding-left: 19px;
}

/* This is the line in the posting page which shows the rollover
 help line. This is actually a text box, but if set to be the same
 colour as the background no one will know ;)
*/
.helpline { background-color: #EBEBEB; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
/* @import url("http://www.beyondjazz.net/templates/bjv2/formIE.css"); */

.cityguide_h1 { background-color: #D2D6BB; padding: 5px; margin-bottom: 1px; font-size: 28px; }

.cityguide_h2 { font-weight: bold; background-color: #DBDBD8; height: 17px; padding: 3px; }

div#private_message{
	padding:2px;
	position: absolute;
	top:200px;
	left:30%;
	width:400px;
	height:140px;
	border:1px solid #348B22;
	background:#E5E5E5;
	z-index: 1000;
}

.pol {
	background-color: white;
	width: 200px;
	padding: 12px;
	text-align: center;
	margin: 5px;
	float: left;
}
.pol img {
	width: 200px;
	height: 200px;
}
.pol p {
	margin: 0;
	padding: 6px 0 0 0;
	font-size: small;
	height: 150px;
	text-align: justify; 
}