/* -----------------  Font Size Control  ----------------- */
html, body	{ font-size: medium; }

.q, .code, .php, .excerpt, .comment
		{ font-size: small; }

input.blue, input.red, input.admin, input.login,  input.tag, select,
.main-time
		{ font-size: x-small; }

.x-small, .x-small a:link, .x-small a:visited, .x-small a:hover,
.page-idx
		{ font-size: x-small; }

.small, .small a:link, .small a:visited, .small a:hover
		{ font-size: small; }

/* -----------------  body  ----------------- */
html, body	{ background: #535A62; color: #333; 
		  margin: 0; padding: 0; }

html, body, p, h1, h2, h3, table, td, th, ul, ol,dl, textarea, input
		{ font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; }

pre		{ color: green; white-space: pre; font-family: monospace; }
code		{ font-family: Courier, "Courier New", monospace; }

table	{ margin: 0 auto; color: #000; text-align: left; }

th	{ background: #ABAAAA url(hd_bg.gif) top left repeat-x; color: #333;
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  padding-left: 0.5em; 
		  font-size: 1.1em; text-align: left; }
		  
th.tilastot	{ background: #ABAAAA url(hd_bg.gif) top left repeat-x; color: #333;
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  padding-left: 0.5em; padding-right: 0.5em;
		  font-size: 1.1em; text-align: center; }
		  
td.ti { text-align: center;}

/* background should be transparent, but WebTV has a bug */
h1, h2, h3, h4, h5, h6	
		{ background: transparent; color: #00f; text-align: center; }
h1		{ font-size: 2em; font-weight: normal; /* border-bottom: 1px dotted #00f; */ }
h2		{ font-size: 1.5em; font-weight: normal; }
h3		{ font-size: 1.2em; font-weight: normal; }
h4		{ font-size: 1em; }
h5		{ font-size: 0.9em; }
h6		{ font-size: 0.8em; }

blockquote	{ margin-left: 3em; margin-right: 3em; }
form		{ margin: 0; padding: 0; }
strong	{ font-size: 1.2em; font-weight: bold; }

/* ----------------- Calendar Styles ----------------- */
/*.day	{ color: #000000; font-family: Verdana; background-color: #F2F2F2; font-size: 10pt;
				font-weight: bold; text-align: center; }
				
.navi	{ color: #000000; font-family: Verdana; background-color: #F2F2F2;
    		font-size: 8pt; }
   
.unactive { color: #000000; font-family: Verdana; background-color: #F2F2F2;
    				font-size: 10pt; width: 50px; text-align: right; }   

.active { color: #000000; font-family: Verdana; background-color: #D2D2D2;
    			font-size: 10pt; width: 50px; text-align: right; }
					
.open { font-family: Verdana; background-color: D2D2D2; font-size: 12pt; width: 100px;
				text-align: left; }*/

/* ----------------- Training Schedule Styles ----------------- */
.new2 { padding-left: 0.5em; padding-right: 0.5em; background: #ff9; color: #f30; font-weight: bold; font-size: 0.8em; }
.day { text-align: left; padding-left: 1em; }
.date { text-align: right; padding-left: 1em; }
.ptime { padding-left: 1.5em; }
.happen { padding-left: 2.5em; }
.place { padding-left: 2.5em; }
.game { font-weight: bold; }

/* ----------------- Rekry Styles ----------------- */				
div.img_left { float: left; margin: 5px 10px 5px 5px; padding: 5px; text-align: left; }
div.img_right { float: right; margin: 5px 5px 5px 10px; padding: 5px; text-align: left; }
div.img_center { margin: 5px 5px 5px 5px; padding: 5px; text-align: center; }

div.main { margin-top: 1em; margin-left: 1em; margin-bottom: 1.5em; margin-right: 1em; }
.rekry { font-size: 1.2em; font-weight: bold;  }  

/* ----------------- Generic Styles ----------------- */
.pointer	{ cursor: pointer; }
.clear 	{ clear: both; }
.float-rgt	{ background: transparent;  float: right;
		  margin: 0; text-align: right; }

.normal	{ font-weight: normal; }

.no-btm-margin
		{ margin-bottom: 0; }	
.center	{ text-align: center; }
.right	{ text-align: right; }
.left		{ text-align: left; }

img		{ border: 0; }
img.middle 	{ vertical-align: middle; }
img.icon 	{ vertical-align: top; }
img.flag	{ margin: 2px 0; }
img.left	{ float: left; margin: 5px 10px 5px 5px; }

hr.half	{ width: 50%; }
hr.half-lft	{ width: 50%; margin-left: 0; text-align: left; }

.pfooter	{ font-size: 0.8em; margin: 0; padding: 0; font-style: italic; }
.rtl		{ text-align: right; font-size: 150%; }


/* ----------------- links ----------------- */
a		{ background: transparent; color: #036; text-decoration: none; }
a:hover	{ color: #3f3; text-decoration: none; }



/* General */
.content	{ background: #878C92;
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  padding: 0.7em; margin: 0 5px;
		  font-size: 0.9em; vertical-align: top; }
div.hd-info
		{ margin: 0 5px; }

/* ----------------- Template Only Section ----------------- */
/* --------------------------------------------------------- */
/* These CSS only appear on the template (azbb.html).
They are not used inside azbb source. */



/* Main Section */
.main-top-bg
		{ background: transparent url(main_top_bg.gif) bottom left repeat-x; 
		  height: 44px; }
.main-top-left
		{ background: transparent url(main_top_left.gif) bottom left no-repeat; 
		  width: 230px; height: 44px; float: left; }
.main-top-right
		{ background: transparent url(main_top_right.gif) bottom right no-repeat;
		  width: 221px; height: 44px; float: right; }

.main-top-middle
		{ background: transparent url(main_top_middle.gif) bottom center no-repeat;
		  width: 100px; height: 44px; margin: 0 auto; }


.main-bot-bg
		{ background: transparent url(main_bot_bg.gif) bottom left repeat-x; 
		  height: 90px; }
.main-bot-left
		{ background: transparent url(main_bot_left.gif) bottom left no-repeat; 
		  width: 75px; height: 90px; float: left; }
.main-bot-right
		{ background: transparent url(main_bot_right.gif) bottom right no-repeat;
		  width: 75px; height: 90px; float: right; }

/* .main-bot-middle
		{ background: transparent url(main_bot_middle.gif) bottom center no-repeat;
		  width: 100px; height: 44px; margin: 0 auto; } */



.main-border-left	
		{ background: transparent url(main_border_left.jpg) top left repeat-y;
		  padding-left: 40px; }
.main-border-right	
		{ background: transparent url(main_border_right.jpg) top right repeat-y;
		  padding-right: 40px; }



/* ----------------- Main Title/Time ----------------- */
.title-bg
		{ background: transparent url(title_bg.gif) bottom left repeat-x; 
		  height: 132px; }
.title-border-left
		{ background: transparent url(title_border_left.gif) top left no-repeat; 
		  padding-left: 45px; height: 132px; }
.title-border-right
		{ background: transparent url(title_border_right.gif) top right no-repeat;
		  padding-right: 45px; height: 132px; }
.title-middle
		{ background: transparent url(title_top_middle.gif) top left no-repeat;
		  height: 132px; }


.title-bot-bg
		{ background: transparent url(title_bot_bg.gif) bottom left repeat-x; 
		  height: 63px; }
.title-bot-left
		{ background: transparent url(title_bot_left.gif) top left no-repeat; 
		  padding-left: 45px; height: 63px; }
.title-bot-right
		{ background: transparent url(title_bot_right.gif) top right no-repeat;
		  padding-right: 45px; height: 63px; }
.title-bot-middle
		{ background: transparent url(title_bot_middle.gif) top left no-repeat;
		  height: 63px; }


.nav-table
		{ height: 63px; margin: 0 auto; }
.nav-left
		{ background: transparent url(nav_left.gif) top left no-repeat; 
		  width: 61px; height: 63px; }
.nav-right
		{ background: transparent url(nav_right.gif) top right no-repeat;
		  width: 61px; height: 63px; }
.nav-middle
		{ background: transparent url(nav_middle.jpg) top right no-repeat;
		  width: 88px; height: 63px; }
.nav-text
		{ background: transparent url(nav_bg.jpg) bottom left repeat-x; 
		  font-size: 0.7em; font-weight: bold;
		  text-align: center; vertical-align: top; padding: 10px 10px; }

.nav-text a
		{ color: #ddd; }
.nav-text a:hover
		{ color: #3f3; text-decoration: none; }


.nav2-table
		{ height: 67px; margin: 0 auto; }
.nav2-left
		{ background: transparent url(nav2_left.jpg) top left no-repeat; 
		  width: 55px; height: 67px; }
.nav2-right
		{ background: transparent url(nav2_right.jpg) top right no-repeat;
		  width: 55px; height: 63px; }
.nav2-text
		{ background: transparent url(nav2_bg.jpg) bottom left repeat-x; 
		  font-size: 0.9em; font-weight: bold; color: #666;
		  text-align: center; vertical-align: middle; padding: 10px 10px; }


	  
.main-title	{ text-align: center; }
.main-title a
		{ color: #ddd; font-size: 2.2em; font-style: italic; 
		  letter-spacing: -1px; text-decoration: none;
		  font-family: Times, "Times New Roman", serif; }
.main-title a:hover
		{ color: #3f3; text-decoration: none; }
.main-time	{ background: #ADB09D; color: #666; 
		  border-top: 1px solid #333; border-left: 1px solid #333;
		  border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;
		  float: right;
		  padding: 0.1em 0.2em;
		  white-space: nowrap; text-align: right; }

/* Frame for the extra text */
.frame-top-bg
		{ background: transparent url(frame_top_bg.jpg) bottom left repeat-x; 
		  height: 10px; }
.frame-top-left
		{ background: transparent url(frame_top_left.jpg) bottom left no-repeat; 
		  width: 20px; height: 10px; float: left; }
.frame-top-right
		{ background: transparent url(frame_top_right.jpg) bottom right no-repeat;
		  width: 20px; height: 10px; float: right; }


.frame-bot-bg
		{ background: transparent url(frame_bot_bg.jpg) top left repeat-x; 
		  height: 16px; }
.frame-bot-left
		{ background: transparent url(frame_bot_left.jpg) top left no-repeat; 
		  width: 20px; height: 16px; float: left; }
.frame-bot-right
		{ background: transparent url(frame_bot_right.jpg) top right no-repeat;
		  width: 20px; height: 16px; float: right; }


.frame-border-left
		{ background: transparent url(frame_border_left.jpg) top left repeat-y; 
		  padding-left: 20px; }
.frame-border-right
		{ background: transparent url(frame_border_right.jpg) top right repeat-y; 
		  padding-right: 20px; }

.frame-text
		{ background: #b9b9b9; padding: 10px; 
		  border-top: 1px solid #666; border-left: 1px solid #666;
		  border-bottom: 1px solid #eee; border-right: 1px solid #eee; }

.frame-text h1
		{  border: 0px solid #fff; margin-top: 0px; }

/* ----------------- End of Temaplte Only Section ----------------- */
/* ---------------------------------------------------------------- */


/* ----------------- Skin Frame ----------------- */
.full-width	{ width: 100%; }
.main-forum-table
		{ width: 100%; background: #878C92; }

.forum-info-table
		{ background: #333; }
.forum-info-table td
		{ background: #535A62; padding: 3px;
		  border-top: 1px solid #aaa; border-left: 1px solid #aaa; }



/* ----------------- Sub header ----------------- */
.subheader
		{ background: #878C92; padding: 0.5em; font-size: 0.7em;
		  text-align: left; vertical-align: middle; }

/* Search Engines */
.subheader em
		{ color: #eee; }

.greeting	{ font-size: 1.2em; }


/* ----------------- Header Info ----------------- */
.hd-info	{ background: #abaaaa url(hd_bg.gif) top left repeat-x; color: #333;
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  padding: 0.5em;
		  font-weight: bold; font-size: 0.7em;
		  text-align: left; vertical-align: middle; }


/* ----------------- Main index ----------------- */

/* Cat-top & Cat-bot */

.forum-top-bg
		{ background: transparent url(forum_top_bg.gif) bottom left repeat-x; 
		  height: 61px; }
.forum-top-left
		{ background: transparent url(forum_top_left.gif) bottom left no-repeat; 
		  width: 106px; height: 61px; float: left; }
.forum-top-right
		{ background: transparent url(forum_top_right.gif) bottom right no-repeat;
		  width: 126px; height: 61px; float: right; }

/* Used to separete the categoreis */
.forum-bot-bg
		{ background: transparent url(forum_bot_bg.gif) top left repeat-x; 
		  height: 47px;  margin-bottom: 15px; }
		  
/* These are not used in this skin */
.forum-bot-left
		{ background: transparent url(forum_bot_left.gif) top left no-repeat;  
		  width: 19px; height: 47px; float: left; }
.forum-bot-right
		{ background: transparent url(forum_bot_right.gif) top right no-repeat;
		  width: 19px; height: 47px; float: right; }


.forum-border-left
		{ background: transparent url(forum_border_left.jpg) top left repeat-y; 
		  padding-left: 19px; }
.forum-border-right
		{ background: transparent url(forum_border_right.jpg) top right repeat-y; 
		  padding-right: 19px; } 

/* Table headers and data */
.hd-image, .hd-title, .hd-topics, .hd-posts, .hd-lastpost
		{ background: #abaaaa url(hd_bg.gif) top left repeat-x; color: #333;
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  padding: 0.4em 0.5em;
		  font-weight: bold; font-size: 0.7em;
		  text-align: center; }

.hd-image, .hd-title, .hd-lastpost
		{ background: #abaaaa url(hd_bg.gif) top left repeat-x; }


.hd-image	{ width: 40px; padding: 5px; }
		  		  
.hd-title	{ font-size: 0.8em; text-align: left; }

.hd-topics, .hd-posts
		{ background: #b9b9b9 url(hd2_bg.gif) top left repeat-x;
		  width: 50px; }


.hd-lastpost
		{ width: 150px; }


.td-image, .td-title, .td-title-sticky, .td-topics, .td-posts, .td-lastpost
		{ background: #878C92; 
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666; }



.td-image	{ width: 40px; 
		  text-align: center; padding: 5px;  }

.td-title, .td-title-sticky
		{ padding: 0.3em 0.5em; font-size: 0.7em; }
.td-title-sticky
		{ background: transparent url(sticky.gif) right top no-repeat; padding-right: 20px; }

.td-title a, .td-title-sticky a
		{ font-weight: bold; font-size: 1.0em; }

.td-topics, .td-posts
		{ background: #b9b9b9; font-size: 0.7em; text-align: center; }

.td-lastpost
		{ background: transparent; width: 130px;
		  padding: 3px 5px;
		  font-size: 0.65em; text-align: right; }	


/* ----------------- Topic index ----------------- */
.post-title	{ background: #abaaaa url(hd_bg.gif) top left repeat-x; color: #333;
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  padding: 0.5em;
		  font-size: 0.7em;
		  vertical-align: top; }

.auto-com, .edit
		{ color: #000;
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  font-size: 0.7em; padding: 0.2em 0.5em; width: 90%; }
.edit		{ background: #999; }		
.auto-com	{ background: #aaa; }


/* ----------------- Post body / Member Info ----------------- */

/* Post body */
.post-body	{ /* background: #B9B9B9 url(hd3_bg.gif) top left repeat-x;  */
		  background: #b9b9b9 url(hd2_bg.gif) top left repeat-x;
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  padding: 0.7em; font-size: 0.9em; vertical-align: top; }


/* Member info */
.member-info-top, .member-info-left, .member-info-right
		{ background: #b9b9b9 url(hd2_bg.gif) top left repeat-x;
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666; 
		  padding: 0.6em;
		  font-weight: normal; font-size: 0.7em; vertical-align: top;}

.member-info-top div.box
		{ width: 23%; float: left; padding: 0.5em; }

.member-info-left, .member-info-right
		{ width: 150px; }

.poster-name
		{ background: #abaaaa url(hd_bg.gif) top left repeat-x; color: #c00; 
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  margin-bottom: 5px;
		  font-size: 1.5em; padding: 1px 2px 2px 2px; }
	
.online, offline
		{ font-size: 1.2em; font-variant: small-caps; }
.online	{ color: #f00; font-weight: bold; }
		
.signature	{ color: #666; clear: both; 
		  font-size: 0.9em; font-style: italic; }


/* ----------------- Forms ----------------- */
select	{ background: #e6e6f6; }
textarea	{ background: #e6e6f6; font-size: 0.9em; white-space: pre; }



/* Hide width: 90%; from IE */
.center > textarea.postbox
		{ width: 90%; visibility: visible; }

.label	{ width: 30%;
		  padding-right: 1em; padding-bottom: 0.5em;
		  font-weight: bold; vertical-align: top; }

.info 	{ color: #333; padding-bottom: 1em; font-style: italic; }

.avatar	{ text-align: center; vertical-align: bottom; }
.size		{ width: 80px; padding-right: 1em;
		  text-align: right; vertical-align: top; }


/* ----------------- Buttons ----------------- */
input.blue, input.red, input.admin,  input.tag
		{ margin: 1px 0; font-weight: bold; text-align: center; cursor: pointer; 
		  background: #B9B9B9 url(hd3_bg.gif) top left repeat-x;
		  border-top: 0px solid #ddd; border-left: 1px solid #ddd;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;}
		  
input.blue	{ color: #666; }
input.red	{ color: #f00; }
input.admin	{ color: #009; }
input.tag	{ padding-left: 0.5em; padding-right: 0.5em; }

/* ----------------- AZbb Code Table ----------------- */
.code-main	{ margin:0.5em auto; padding:0; border:1px inset #ccc; 
		  width:500px; height:100px; overflow: auto; }
.code-tag, .code-info 
		{ background: #ECECEC; font-weight: normal; cursor: pointer; }
.code-tag	{ color: #080; font-family: Courier, "Courier New", monospace; 
		  border-left: 1px solid #ccc; }
.code-info	{ color: #666; }

/* ----------------- Info Box ----------------- */
.info-box	{ margin:0.5em auto; padding: 1em; border: 1px inset #ccc;
		  height: 150px; overflow: auto; 
		  font-size: 0.9em; }

/* ----------------- Span ----------------- */
.hot, .vhot	{ color: #f00; font-weight: bold; }
.vhot		{ background: transparent url(hot.gif) bottom center no-repeat; }


		  
/* ----------------- DIV ----------------- */
div.q, div.code, div.php, div.excerpt, div.comment
		{ padding: 0.5em; margin: 0.2em 3em;
		  font-style: normal; text-align: left; }

div.q		{ background: #f6f6f6 url(css_quote.gif) top right no-repeat;
		  border-top: 3px solid #666; border-right: 1px solid #666;
		  border-bottom: 1px solid #666; border-left: 1px solid #666;
		  font-style: italic; }

div.code	{ background: #fefef4 url(css_code.gif) top right no-repeat;
		  border-top: 3px solid #960; border-right: 1px solid #960;
		  border-bottom: 1px solid #960; border-left: 1px solid #960;
		  color: #080;
		  font-family: Courier, "Courier New", monospace; }

div.php	{ background: #ececff url(css_php.gif) top right no-repeat;
		  border-top: 3px solid #93f; border-right: 1px solid #93f;
		  border-bottom: 1px solid #93f; border-left: 1px solid #93f;
		  font-family: Courier, "Courier New", monospace; }

div.excerpt	{ background: #f1fff1 url(css_excerpt.gif) top right no-repeat;
		  border-top: 3px solid #366; border-right: 1px solid #366;
		  border-bottom: 1px solid #366; border-left: 1px solid #366;
		  font-style: italic; }

div.comment	{ background: #f1f7ff url(css_comment.gif) top right no-repeat;
		  border-top: 3px solid #009; border-right: 1px solid #009;
		  border-bottom: 1px solid #009; border-left: 1px solid #009; }


/* ----------------- Attachment ----------------- */
fieldset	{ border: 1px dotted #fff;
		  padding: 0.2em 0.5em;
		  margin: 0.5em 3em;
		  font-size: 0.8em; text-align: left; }

fieldset legend
		{ background: #ABAAAA url(hd_bg.gif) top left repeat-x; color: #fff;
		  border-top: 1px solid #ccc; border-left: 1px solid #ccc;
		  border-bottom: 1px solid #666; border-right: 1px solid #666;
		  padding: 0.1em 0.5em; 
		  font-weight: bold; }


/* ----------------- Page Index ----------------- */
.page-idx
		{ text-align: right; padding: 2px;
		  background: #ADB09D; color: #666; 
		  border-top: 1px solid #333; border-left: 1px solid #333;
		  border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.page-idx span
		{ 
		  padding: 1px 3px; margin: 1px;
		  font-weight: bold; text-align: center; }
.page-idx span.active
		{ background: #C8CBB5; }

/* color:#666980;
font: Verdana,Arial,Helvetica,sans-serif;
background-color : #E0E0F0;
BORDER-TOP: #C9CAD2 2px solid; 
BORDER-BOTTOM: #EFEFFC 1px solid; 
BORDER-LEFT: #C9CAD2 2px solid; 
BORDER-RIGHT: #EFEFFC 1px solid; */

/* ----------------- span ----------------- */
.time		{ color: #ccc; }

.error	{ color: #f00; font-weight: bold; }

.highlight	{ color: #000; background: #ff9; }

.new		{ background: #ff9; color: #f30; font-weight: bold; padding: 0 3px; font-size: 0.8em; }



/* ----------------- standard colours ----------------- */
.black	{ color: #000; }
.med-blue	{ color: #00c; }
.green	{ color: #080; }
.dark-orange
		{ color: #ff8c00; }
.deep-blue	{ color: #039; }
.red		{ color: #f00; }
.grey		{ color: #666; }