/**********************************************/
/*                                            */
/*             HTML Tag styles                */
/*                                            */
/**********************************************/

tbody {background-color:#FFF;}
body table {background-color:#EEE;}
table table td {background-color:#EEE;}
A
{
	color : #444;
	text-decoration : underline;
}

A:visited
{
	color : #444;
}

A:active
{
	color : #444;
	background : #9A9A9A;
}

A:hover
{
	color : #EFEFEF;
	background : #444;
	text-decoration : none;
}

BODY
{ 
	font-size: 9pt; 
	color: #000000; 
	font-family: verdana, arial, helvetica, sans-serif; 
/*	background-image:url(pics/background.gif);
	background-position:center top;
	background-repeat:no-repeat;*/
	background-color: #444;
	background-position: left top;
	background-attachment: fixed;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

CODE, PRE
{
	font-family: Verdana , 'Lucida Console' , 'Courier New' , sans-serif;
}

HR
{
	border-top: #444 1px solid;
}

IMG
{
	border-style:solid;
	border-color:#9A9A9A;
}

SELECT
{
	font-size: 9pt;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

TD
{
	font-size: 9pt; 
	color: #000000; 
	font-family: verdana, arial, helvetica, sans-serif; 
}

TEXTAREA
{
	border-right: #444 1px solid;
	border-top: #444 1px solid;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	border-left: #444 1px solid;
	color: #000000;
	border-bottom: #444 1px solid;
}

/***************************************************************************************/

/************************************************/
/*                                              */
/*          CSS Classes, used in the pages      */
/*                                              */
/************************************************/

/************************/
/* Tag specific classes */
/************************/

/* Class for links which shouldn't have any decoration. */
A.LinkNoUnderline
{
	text-decoration: none;
}

/* Class which is used with Thread subjects which are a link. */
A.ThreadSubjectLink
{
	font-weight:bold;
}

/**********************/
/* Base color classes */
/**********************/

/* Class to be used in tabular lists to get a slighter lighter background in the row. */
.LightBackground
{
	background-color: #EBEBEB;
}

/* Class to be used in tabular lists to get a slighter darker background in the row. */
.DarkBackground
{
	background-color: #DADADA;
}

/* Class to be used in tabular lists to get the normal background color as set in the body in the row. */
.NormalBackground
{
	background-color: #E5E5E5;
}


/**************************************************/
/* Tabular data and form oriented classes classes */
/**************************************************/

/* Class for an empty row in a tabular list of data to keep the lines in the table */
.EmptyRow
{
	border-top: #444 1px solid;
	border-bottom: #444 1px solid;
}

/* Class for an empty row in a tabular list of data to keep the lines in the table, however this class has only the top border defined */
.EmptyRowOnlyTopBorder
{
	border-top: #444 1px solid;
}

/* As EmptyRow, but now at the bottom of a tabular list of data */
.EmptyRowBottom
{
	border-top: #444 1px solid;
}

/* Class used for a table definition which are used as the explanation boxes on pages.  */
.ExplanationBox
{
	border: solid 1px;
	border-top-color: #AAB9DC;
	border-left-color: #AAB9DC;
	border-right-color: #AAB9DC;
	border-bottom-color: #AAB9DC;
	background-color: #DADADA;
	background-position: left top;
	background-repeat: repeat-x;
}

/* CLass for the normal form buttons, used everywhere in the application. */
.FormButtons
{
	font-size: 9pt;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


/* Class for flat form buttons used in the message editor, for example the [b] [i] etc. buttons */
.FormButtonsFlat_Light		
{
	font-size: 9pt;
	color: #333333; 
	background-color: #fcfcfc; 
	border-style: solid;
	border-left-width: 1px; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

/* Class which is used a fill in form window, which is placed inside FormContent */
.FormWindow
{
	background-color: #DADADA;
/*	background-image: url("pics/background_explanationbox.gif");*/
	background-position: left top;
	background-repeat: repeat-x;
}

/* Class which is used for a general small border table with borders around every cell. This class is used 
 * in the IP Ban list and in the MessageEditor control where it's used above the smiley list for the caption. */
.GeneralSmallBorderTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	background-color: #DADADA; 
	border: #444; 
	border-style: solid;
	border-left-width: 1px; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px;
}

/* Class used for a table definition which are used as the legend boxes on pages.  */
.LegendBox
{
	border: solid 1px;
	border-top-color: #AAB9DC;
	border-left-color: #AAB9DC;
	border-right-color: #AAB9DC;
	border-bottom-color: #AAB9DC;
	background-color: #DADADA;
}

/* Class used for the message header, which is the header right above the message text containing post date and ip number. */
.MessageHeader
{
	font-size:8pt;
	border-bottom: #D5DCED 1px solid;
	color: #787878;
}

/* Class used for the message footer, which is the footer right below the message text containing signature of the poster and the 'top' link. */
.MessageFooter
{
	font-size:7pt;
	border-top: #D5DCED 1px solid;
	color: #787878;
}

/* Class for the slightly bigger text in the description text of the author of the message next to a message  */
.SmallFontAuthorSmaller
{
	font-size:7pt;
	color: #000000;
}

/* Class for the smallest text in the description text of the author of the message next to a message  */
.SmallFontAuthorSmallest
{
	font-size:6pt;
	color: #000000;
}

/* Class for slightly bigger fonts than SmallFontSmallest */
.SmallFontSmaller
{
	font-size:8pt;
}

/* Class for very small fonts, used everywhere in the application */
.SmallFontSmallest
{
	font-size:7pt;
}

/* Class for the small font used in threadlists */
.SmallFontThreadList
{
	font-size:7pt;
	color: #777777;
}

/* Class for the area in which support information is placed above messages in message view */
.SupportArea
{
	background-color: #F5F5F5;
	border-bottom: solid 1px #D5DCED;
	border-top: solid 1px #D5DCED;
	border-left: solid 1px #D5DCED;
	border-right: solid 1px #D5DCED;
}

/* Class which is used for the headers in the support area sections: Support Queue management and Memos */
.SupportAreaHeader
{
	color: #000000;
	background-color: #D5DCED;
/*	background-image: url("pics/background_supportarea_1line.gif");*/
	background-position:top center;
	background-repeat: repeat-x;
	
	font-weight: bold;
	font-size: 8pt;
}

/* Class for a row in the support area in which support information is placed above messages in message view */
.SupportAreaRow
{
	border-bottom: solid 0px #D5DCED;
	border-top: solid 0px #D5DCED;
	border-left: solid 0px #D5DCED;
	border-right: solid 1px #D5DCED;
}

/* Class which is used for the container in which a form or table content is placed. */
.TableContent, .FormContent
{
	background-color: #444;
}

/* Class which is used for the column headers in tabular data in tables. */
.TableColumnHeader, .FormColumnHeader
{
	font-weight: bold;
	font-size: 8pt;
	border-right: #D5DCED 1px solid;
	background-color: #D5DCED;
	color: #000000;
}

/* Class which is used for the description displayed below a TableName or FormName. Only used in TwoLine table / form headers. */
.TableDescription, .FormDescription
{
	font-size: 7pt;
	font-weight: normal;
	margin-left: 10px;
	padding-top: 0px;
}

/* Class which is used for the table header for tabular data with a 2-line header or a form header with two lines, used everywhere in the application. */
.TableHeaderTwoLine, .FormHeaderTwoLine
{
	color: #EFEFEF;
	background-color: #444;
/*	background-image: url("pics/background_tablehd_2line.jpg");*/
	background-position:top left;
	background-repeat: repeat-x;
}

/* Class which is used for the table header for tabular data with a 1-line header or a form header with one line, used everywhere in the application. 
 * One line headers don't have a description. */
.TableHeaderOneLine, .FormHeaderOneLine
{
	color: #EFEFEF;
	background-color: #444;
/*	background-image: url("pics/background_tablehd_1line.jpg");*/
	background-position:top left;
	background-repeat: repeat-x;
}

/* Class which is used for the name displayed in a table header of form header */
.TableName, .FormName
{
	font-weight: bold;
	font-size: 11pt;
	margin-left: 4px;
	padding-bottom: 0px;
}

/* Class which is used for a row in tabular data. */
.TableRow
{
	font-size:9pt;
	border-right: #D5DCED 1px solid;
	color: #000000;
}

/* Class which is used for a row in tabular data which is selected, like in a gridview. */
.TableRowSelected
{
	font-size:9pt;
	border-right: #444 1px solid;
	background-color: #D5DCED;
	color: #000000;
}

/* Class which is used for the sub name of a table or form. This subname is displayed below the name in a slighter smaller font. Example usage: thread subject
 * in messages view (Messages.aspx) */
.TableSubName, .FormSubName
{
	font-size: 10pt;
	font-weight: normal;
	margin-left: 10px;
	padding-top: 0px;
}


/* Class used for a TD definition which is used as the welcome box on the startpage  */
.WelcomeBox
{
	font-size:8pt;
}


/****************************/
/*  Header related classes  */
/****************************/

.HeaderTop
{
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #EEE;
	color: #EFEFEF;
}
.HeaderTop h1 {padding-left:12px;}

.HeaderBottom
{
/*	background-image: url("pics/background_header_bottom.jpg");*/
	background-color: #CCC;
	color: #EFEFEF;
}

.HeaderLinkTop
{
	color : #444;
	background: Transparent;
	text-decoration : none;
	font-weight:bold;
}

.HeaderLinkTop:visited
{
	color : #444;
	background: Transparent;
}

.HeaderLinkTop:active
{
	color : #444;
	background: Transparent;
}

.HeaderLinkTop:hover
{
	color : #000;
	background: Transparent;
	text-decoration : underline;
}

.HeaderLinkBottom
{
	color : #444;
	background: Transparent;
	text-decoration : none;
}

.HeaderLinkBottom:visited
{
	color : #444;
	background: Transparent;
}

.HeaderLinkBottom:active
{
	color : #444;
	background: Transparent;
}

.HeaderLinkBottom:hover
{
	color : #444;
	background: Transparent;
	text-decoration : underline;
}

.HeaderSeparator
{
	color: #444;
}



/***************************************************************************************/

/*******************************************************/
/*                                                     */
/*           CSS Classes, used in messages HTML        */
/*                                                     */
/*******************************************************/

/* Class for text defined with the [size] UBB tag and size value 1 */
.MessageFontSize_1
{
	font-size:6pt;
}

/* Class for text defined with the [size] UBB tag and size value 2 */
.MessageFontSize_2
{
	font-size:7pt;
}

/* Class for text defined with the [size] UBB tag and size value 3 */
.MessageFontSize_3
{
	font-size:9pt;
}

/* Class for text defined with the [size] UBB tag and size value 4 */
.MessageFontSize_4
{
	font-size:12pt;
}

/* Class for text defined with the [size] UBB tag and size value 5 */
.MessageFontSize_5
{
	font-size:14pt;
}

/* Class for text defined with the [size] UBB tag and size value 6 */
.MessageFontSize_6
{
	font-size:18pt;
}


/* Class for text defined with the [code] UBB tag. Text surrounded by [code] UBB tags is placed inside a table. 
   This class is used on the TD of the table which contains the actual text */
.CodeText
{
	border-right: #D5DCED 1px solid;
	border-top: #D5DCED 1px solid;
	font-size: 7pt;
	border-left: #D5DCED 1px solid;
	color: #444444;
	border-bottom: #D5DCED 1px solid;
	background-color: #fcfcfc;
}

/* Class for text defined with the [quote] UBB tag. Text surrounded by [quote] UBB tags is placed inside a table. 
   This class is used on the TD of the table which contains the actual text */
.QuoteText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	background-color: #fcfcfc; 
	border: #D5DCED; 
	border-style: solid;
	border-left-width: 1px; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px;
}

/* Class for text defined with the [offtopic] UBB tag. Text surrounded by [offtopic] UBB tags is placed inside a span which uses this class. */
.OfftopicText
{
	font-size: 7pt;
	color: #777777;
}

/***************************************************************************************/
div#fixme {
	text-align:left;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	background:#EEE;
	width:920px;
	margin:0 auto 0 auto;
	padding:0 20px 0 20px;
	height:112px;
}
/* content div */
#iefix {
	margin:0 auto 0 auto;
}
#wrapper{ 
	width:920px;
	text-align:left;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	margin:0 auto 0 auto;
	padding:20px 20px 20px 20px;
	background:#FFF;
}

/************* Nav styles **********************/
#navBar{
	color: #444;
	font-size: 1.1em;
	line-height:14px;
	background:#FFF;
}
#content{	
	margin: 0px auto;
	overflow:visible;
	text-align: left;
	letter-spacing: 0;
	font-size: 1.1em;
	border:solid 1px white;
	min-height:500px;
}