* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
	color: #525252;
	background-color: #362F2D;
	background-image: url("../image/bg.gif");
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Calibri, Arial, sans-serif;
	color: #525252;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 0.85em;
	margin: 0;
	padding: 30px 0;
	background: #362F2D none repeat 0 0;
	background-color: #362F2D;
	background-image: url("../image/bg.gif");
}

body.Chat {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Calibri, Arial, sans-serif;
	color: #525252;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 0.85em;
	margin: 0;
	padding: 0px 0;
	background: #362F2D none repeat 0 0;
	background-color: #362F2D;
	background-image: url("../image/bg.gif");
 overflow: hidden;
}

body.popup {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Calibri, Arial, sans-serif;
	color: #525252;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 0.85em;
	margin: 0;
	padding: 0px 0;
	background: #FFFFFF none repeat 0 0;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

pre
{
    height: expression(this.scrollHeight < 51 ? "50px" : this.scrollHeight > 299 ? "300px": "auto");
	min-height: 25px;    
    max-height: 300px;
    width: expression(document.body.clientWidth > 799? "800px": "auto" );
    max-width: 800px;
    
    /* IE 8 fix */
    max-height: none\9;
    width: 800px\9;
    
    overflow: auto;
}

pre.code {
    margin: 5px auto;
    padding: 4px;
    background-color: #efefef;
    border: dashed 1px gray;
}

img.opencloseimg {
	float: right;
	padding-right: 90px;
	cursor: pointer;
}

img { border:0; vertical-align: middle; }

img.verticalaligned, img.verticalAligned, a.verticalAligned img
{
     margin: 2px;
     //margin-right: 0;
}
    
.msg img 
{
	margin: 2px;
	max-width:800px;
	width: expression(this.scrollWidth > 799? "800px": "auto" );
	
	max-height:600px;
	height: expression(this.scrollHeight > 599? "600px": "auto" );

}

img.ttIcons
{
     margin-right:8px; margin-top:8px;
}

img.galleryThumb
{
    border: solid 2px black;
}



/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */


hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

hr.dashed {
	border-top-color: #CCCCCC;
}
h3 
{
    border-bottom: 1px dotted #CCCCCC;
    color: #000000;
}



/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: transparent;
	background-image: url("../image/bg_header.gif");
}

.navbar {
	background-color: transparent;
}

.forabg {
	background-color: transparent;
	/*background-image: url("images/bg_list.gif");*/
}

.forumbg {
	background-color: transparent;
	/*background-image: url("images/bg_header.gif");*/
}

.panel {
	background-color: #FFFFFF;
	color: #1F1F1F;
}

.bg1	{ background-color: #FFFFFF; }
.bg2	{ background-color: #FFFFFF;  }
.bg3	{ background-color: #FFFFFF; }

.topics .bg1 { background-color: #FFFFFF; }
.topics .bg2 { background-color: #FFFFFF; }
.topics .bg3 { background-color: #FFFFFF; }

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-bottom-color: #FFFFFF;
}



/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link	{ color: #0066AA; }
a:visited	{ color: #0066AA; }
a:hover	{ color: #000000; }
a:active	{ color: #0066AA; }

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #0066AA;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #0066AA;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #000000;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #0066AA;
}



/* Profile searchresults */	
.search .postprofile a {
	color: #0066AA;
}

.search .postprofile a:hover {
	color: #000000;
}


/* Arrow links  */
a.up		{ background-image: url("../image/arrow_01_up.gif") }
a.down		{ background-image: url("../image/arrow_01_down.gif") }
a.left		{ background-image: url("../image/arrow_01_left.gif") }
a.right		{ background-image: url("../image/arrow_01_right.gif") }

a.up:hover {
	background-color: transparent;
}

a.left:hover {
	color: #000000;
	background-image: url("../image/arrow_03_left.gif");
}

a.right:hover {
	color: #000000;
	background-image: url("../image/arrow_03_right.gif");
}

#page-footer a:link,#page-footer a:visited,#page-footer a:active, #page-footer a:hover{
	background-image: url("../image/arrow_03_right.gif");
}


#page-footer-links a:link,#page-footer-links a:visited,#page-footer-links a:active {
	color: #A29188;
}
#page-footer-links a:hover {
	color: #FFFFFF;
}
/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: #FFFFFF;
	/*background-image: url("images/gradient.gif");*/
}


li.row {
	/*border-top-color:  #FFFFFF;*/
	border-bottom-color: #CCCCCC;
}

li.row:last-child {
	border-bottom-color: #FFFFFF;
}

li.row strong {
	color: #000000;
}

li.header dt, li.header dd {
	color: #000000;
}


div.topLinks
{
    text-align:right; 
    background-position: 0 50%; 
    background-repeat: no-repeat;
    padding: 1px 0 0 17px; 
    background-image: url('../image/arrow_03_right.gif');
}

/* Content container styles
----------------------------------------*/
.content {
	color: #333333;
}

.content h2, .panel h2 {
	color: #115098;
	border-bottom-color:  #CCCCCC;
}


/* Post noticies */
.notice {
	border-top-color:  #CCCCCC;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }


/* Icon images
---------------------------------------- */
.sitehome						{ background-image: url("../image/icon_home.gif"); }
.icon-faq						{ background-image: url("../image/icon_faq.gif"); }
.icon-members					{ background-image: url("../image/icon_members.gif"); }
.icon-home						{ background-image: url("../image/icon_home.gif"); }
.icon-ucp						{ background-image: url("../image/icon_ucp.gif"); }
.icon-register					{ background-image: url("../image/icon_register.gif"); }
.icon-logout					{ background-image: url("../image/icon_logout.gif"); }
.icon-bookmark					{ background-image: url("../image/icon_bookmark.gif"); }
.icon-bump						{ background-image: url("../image/icon_bump.gif"); }
.icon-subscribe					{ background-image: url("../image/icon_subscribe.gif"); }
.icon-unsubscribe				{ background-image: url("../image/icon_unsubscribe.gif"); }
.icon-pages						{ background-image: url("../image/icon_pages.gif"); }
.icon-search					{ background-image: url("../image/icon_search.gif"); }

#page-footer .sitehome						{ background-image: none; }
#page-footer .icon-faq						{ background-image: none; }
#page-footer .icon-members					{ background-image: none; }
#page-footer .icon-home						{ background-image: none; }
#page-footer .icon-ucp						{ background-image: none; }
#page-footer .icon-register					{ background-image: none; }
#page-footer .icon-logout				{ background-image: none; }
#page-footer .icon-bookmark					{ background-image: none; }
#page-footer .icon-bump						{ background-image: none; }
#page-footer .icon-subscribe					{ background-image: none; }
#page-footer .icon-unsubscribe				{ background-image: none; }
#page-footer .icon-pages						{ background-image: none; }
#page-footer .icon-search					{ background-image: none; }

/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	border-color: #AAAAAA;
	background-color: #FFFFFF;
	color: #000;
	background-image: url("../image/input.gif");
}

label {
	color: #425067;
}

option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
	color: #333;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #000000;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #F2F3F3;
}


span.thumbs
{
	padding:2px;	
}

.forumtitle  {
	font: bold 18px Verdana;
	line-height: 1.2;
}

.head  {
	font: bold 14px Verdana;
}

.high {
	background-color: #FFFF00;
	font-weight:bold;
	padding: 2px;
}

.messagetitle {
	font: bold 18px Verdana;
	line-height: 180%;
}

.msg 
{
    margin-top:10px;
	font: 12px Verdana;
	line-height: 1.5;
	/*width:100%;*/
	overflow:auto;
}

.msg .deleted
{
    background-color:Gray;
}


.msg li {
    margin-top: 12px;
}

.forumdesc{
	font: 12px Verdana;
	margin:3px 4px;
}

.quote {
	border-left: .2em solid #666666;
	color: #505050;
	font: italic 11px Verdana;
	margin: 10px 0px 10px 30px;
	padding: 10px;
	width: 85%;
}

.subhead {
	font: bold 13px Verdana;
}

.titlehead {
	font: bold 15px Verdana;
	line-height: 180%;
	letter-spacing: 1px; 
}

a.titlehead
{
	padding-right: 15px; 
	background: url(../image/arrow-expand.gif) no-repeat ; 
	background-position: 100% 50%;	
}

.online 
{
    color:Green;    
}

.offline
{
    color:red;
}

.regular {
	font: 11px Verdana;
	line-height: 1.8;
	margin:3px 4px;
}

.small 
{
	font: 11px Verdana;
	/*margin-left:5px;*/
}

.ultrasmall {
	font: 9px Verdana;
	/*margin-left:5px;*/
}

.errorMessage
{
    color:Red;
    font: normal 12px Verdana;
    margin-left: 5px;
} 

.ajaxResultLabel
{
    font: normal 16px "Trebuchet MS";
    margin: 5px 0;
    padding: 5px;
    width: 250px;
    color: black;
    background-color: #E7E7E7;
    border: solid 1px #83a6d0;
    
}

.grayout
{
    font: bold 11px Verdana;
    color:#DADADA;
}

div.profile_infosection
{
    width:100%;  
    /*border-bottom: solid 1px #DBDBDB;  */
    font: 12px Verdana;
}

div.profile_infosection .avatar
{
    margin:10px auto;
    border-width:0;
    display: block;
}

div.profile_infosection div.center
{
     margin: 10px auto;
     width:95%;
     text-align:center;
}

ol, ul
{
    padding:0;
}

ol
{
    margin-left: 50px;
}

ol.subtitle, ul.subtitle
{
    font: 12px Verdana;
    line-height: 1.8;
    font-weight:bold;
    color: black;
    margin-top:0px;
}    
 
 ol.subsubtitle, ul.subsubtitle
{
    font: 12px Verdana;
    line-height: 1.5;
    color: black;
    margin-left: 30px;
} 

ul.profinfo
{
    margin:25px;
    list-style-type: none;
}

ul.profinfo li
{
    margin:4px;
    font: 12px Georgia, Times, serif;
}    

ul.msgAuthorInfo
{
    list-style-type:none;
    margin:5px 0px;
}

ul.msgAuthorInfo li
{
    margin:2px;
    padding:2px;
    font-size: 11px;
    border:solid 1px #C9C9C9;
    background-color:#F9F9F9;
}  
 
ul.subMsgButtonList {
    margin: 0;
}

ul.subMsgButtonList > li {
    display:inline-table;
}

div.divider 
{
	clear:both; 
	height:1px;
	margin:1px auto;
}

div.wideDivider 
{
	clear:both; 
	height:1px;
	margin:5px auto;
}
fieldset div.sub
{
    font: 12px Verdana;
    position:relative;
    /*left: 20px;*/
	width:90%;
	padding:0px; margin: 0 0 0 0px;
}

fieldset.subforum
{
    width:85%;
	margin:6px auto 3px 6px;
	position:relative;
	display:block;
	padding: 1px;    
    border-width: 0px;
    border-top: solid 1px Gray;
    background-color: Transparent;
    background-image:none;
}

fieldset.editor
{
    width:95%;
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;    
    background-color: #f6f6f6;
    border: solid   #BBBBBB;
    border-width: 1px 0;
}

fieldset.Print
{
    width:95%;
	margin:20px 0px 20px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;    
    background-color: #FFFFFF;
    border: solid   #BBBBBB;
    border-width: 1px 0;
}

fieldset.Print legend
{
    font: bold 13px "Trebuchet MS";
    padding: 2px 4px;
    margin: 0px 5px 10px 0px;
    border-width:1px 1px 1px 5px;
	border-style:solid;
	border-color:#83a6d0;
	
}

fieldset fieldset
{
    width:85%;
	margin:20px 0px 20px 10px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;    
	
    
}

fieldset.info
{
    width:85%;
	margin:20px 0px 20px 10px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 0px;    
	border-width:1px 0 0 0;
    
}

fieldset.subforum legend
{
    position:relative;
	top: 0px;
    background-color: Transparent;
    font: 11px Arial;
    border-width: 1px 0;
    margin:0 0 4px 0;
    padding:1px;
}


fieldset.subforum > ul
{
    margin:0 auto 0 15px;
}

fieldset.subforum li
{
    display:inline;
    font-size:10px;
}
legend
{
  position:relative;
	top: -12px;
	background-color:#f8f8f8;
}

   
fieldset.editor legend
{
    font: bold 13px "Trebuchet MS";
    padding: 2px 4px;
    margin: 0px 5px 10px 0px;
    border-width:1px 1px 1px 5px;
	border-style:solid;
	border-color:#83a6d0;
	
}

fieldset fieldset legend
{
    font: bold 12px "Trebuchet MS";
    border-width:1px 1px 1px 3px;
	
}

fieldset.info legend
{
    width:85%;
	margin:0;
	position:relative;
	display:block;
	padding: 1px;    
	border:0;
    background-color: inherit;
}

.dashed
{
  padding-left: 15px; 
	background: url(../image/dashed.png) repeat-x ; 
	width: 250px;
}
.dashed img
{
 vertical-align: text-top;
}