﻿/*
	Thanks to http://www.w3schools.com/css/css_examples.asp
*/ 

/*
	-- TODO need to seperate the container from the font 
       characteristics 
*/

/*
	ArticleTitle 
*/
div.ArticleTitle
{
	padding-top:0.5em;
	padding-left:2%;
	text-align:center;
	font-family:Arial;
	font-size:26px;
	font-weight:bold;
	color:Blue;
}

/*
	ArticleSummary 
*/
div.ArticleSummary
{
	padding-top:0.5em;
	text-align:center;
	font-family:Arial;
	font-size:medium;
	font-weight:normal;
	color:Blue;
}

/* 
	ArticleAuthor
*/
div.ArticleAuthor
{
	text-align:Left;
	font-size:small;
	font-weight:normal;
	color:Blue;
}

/* 
	ArticleContent
	height:1500px; 
*/ 
.ArticleContent
{
	overflow:visible;
	background-color:#FFFFFF;
	color:Black;
/*	margin-left:145px; */
/*	border-right:1px solid gray; */
/*	height:100%; */
	min-height:400px; 
/*	min-height:1500px; */
	padding-left:1.0em;
	padding-right:1.0em;
}

/* 
	ArticleDate
*/
div.ArticleDate
{
	text-align:Left;
	font-size:small;
	font-weight:normal;
	color:Blue;
}

/* 
	ArticleDownload
*/
div.ArticleDownload
{
	text-align:Left;
	font-size:small;
	font-weight:normal;
	color:Blue;
}

/*
	Languages 
*/
.ArticleLanguages
{
	text-align:Left;
	font-size:small;
	font-weight:normal;
	color:Blue;
}

/* 
	Categories
*/
.ArticleCategories
{
	text-align:Left;
	font-size:small;
	font-weight:normal;
	color:Blue;
}

/* 
	ArticleDate
*/
div.ArticleDate
{
	text-align:Left;
	font-size:small;
	font-weight:normal;
	color:Blue;
}

/* 
	ArticleDownload
*/
div.ArticleDownload
{
	text-align:Left;
	font-size:small;
	font-weight:normal;
	color:Blue;
}

div.Titles 
{
	text-align:right;
	font-size:small;
}

div.Paging
{
	text-align:center;
	font-size:small;
}

div.Counter
{
	border: medium double;
	color:Blue;
	text-align:center;
	
	font-size:small;
}

div.ArticleDisclaimer
{
	font-size:small;
	color:Red;
}

.TextHeading 
{
	font-family:Arial; /* todo these belong in the TextHeading trip */
	font-size:18px;
	font-weight:bolder;
}

.TextSubHeading 
{
	font-family:Arial; /* todo these belong in the TextHeading trip */
	font-size:15px;
	font-weight:bold	;
}

.TextContent 
{
	font-family:Arial; /* todo these belong in the TextHeading trip */
	font-size:14;
	font-weight:normal;
	overflow:visible;
}

.TextSmall
{
	font-family:Arial; /* todo these belong in the TextHeading trip */
	font-size:6;
	font-weight:normal;
}

.StatusMessage
{
	color:Red;
}

/* 
	** - Table of conents - ** 
*/
.TOCHeading
{
	text-indent:0em;
	font-weight:bold;
	font-size:150%;
	color:Blue;
}

.TOCSubHeading
{
	text-indent:1em;
	font-size:100%;
	color:Blue;
}

.TOCEntry
{
	text-indent:2em;
	font-size:90%;
}

/* 
		Body
*/ 
body 
{
	text-align:center;
	background-color:Black;
	font-family:Arial;
}

TD.NoWrap 
{
	white-space:nowrap;
}

/* 
		Container
	background-color:Navy;
*/ 
div.Container
{
	width:100%;
	height:100%;
	margin:0px;
	border:1px solid grey;  
	background-color:Navy;
	line-height:150%;
}

div.AdminContainer
{
	height:100%;
	margin:0px;
	border:1px solid grey;
	background-color:Navy;
	line-height:150%;
}

/* 
		Header
*/ 
div.Header
{
	padding:o.5em;
	color:Yellow;
	background-color:Black; 
	clear:left;
	text-align:left;
	font-family:Arial; /* todo these belong in the TextHeading trip */
	font-size:x-large;
}

/* 
		SubHeader
*/ 
div.SubHeader 
{
	margin-left:0px; 
	vertical-align:bottom;
	clear:both; 
}

a.Header:link 
{
	color:Yellow;
	text-decoration:none; 
} 
a.Header:visited 
{
	color:Yellow;
	text-decoration:none; 
}
a.Header:hover {color:Orange}

/* 
		Left
	height:1500px; 
*/ 
div.Left
{
	text-align:left;
	float:left; 
	width:160px;
	background-color:Navy; /* 000080 */
	color:Aqua;
	font-size:small;
    min-height:600px;
	border:width
	/*padding:1em;*/
}

/* 
		Right
*/ 
div.Right
{
	float:right; 
	width:185px;
	background-color:white;
	font-size:small;
   /* min-height:1500px; */
}

/* 
	Content
	height:1500px; 
*/ 
.Content
{
	/* background-color:#CCCCFF; */
	background-color:White;
/*	margin-left:145px; */
	margin-left:160px;
	border-left:1px solid gray;
	height:100%;
/*
	min-height:1500px; 
*/
	padding-left:1.0em;
	padding-right:1.0em;
}

.AdminContent
{
	background-color:White;
	border-left:1px solid gray;
	height:100%;
	min-height:1500px; 
	padding-left:1.0em;
	padding-right:1.0em;
	overflow:visible;
}

.Copyright 
{
	float:right;
	color:Aqua;
}

a.Copyright:link
{
	color:White;
}

a.Copyright:visited
{
	color:Yellow;
}

a.Copyright:active
{
	color:Orange;
}

a.Copyright:hover
{
	color:Fuchsia;
}	

div.TopMenu
{
	text-align:center;
	background-color:Purple;
	width:100%;
}

ul.TopMenu
{
	float:left; 
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

.TopMenu
{
	font-size:small;
}

a.TopMenu
{
	float:left;
	text-decoration:none;
	color:White;
	background-color:Purple;
	padding:0.1em 0.1em;
	border-right:1px solid white;
	width: 110px;
}

a.TopMenu:hover
{
	background-color:#ff3300;
}

li.TopMenu
{
	display:inline;
}

.FooterMenu
{
	clear:both;
	float:none;
	text-align:center;
	color:white;
}

a.FooterMenu:link
{
	color:White;
}

a.FooterMenu:visited
{
	color:Yellow;
}

a.FooterMenu:active
{
	color:Orange;
}

a.FooterMenu:hover
{
	color:Fuchsia;
}

/* 
	Checkbox Group 
*/ 
.CheckboxGroup
{
	background-color:Navy;
	width:100%;
}

Table.CheckboxTable
{
	width:95%;
}

/*
	ArticleCheckbox
*/ 
.ArticleCheckbox
{
	background-color:#CCCCFF;
	padding-right:0.5em;
	border-style:inset;
	font-size:small;
}

/* 
	Treeview Node
*/ 
.treeNode 
{
	color:Aqua;
}


div.Logon
{
	text-align:left;
	vertical-align:middle;
	font-size:small;
}

/*
	PageBody
*/
div.PageBody
{
	text-align:left;
	font-family:Arial;
	font-weight:normal;
	color:Navy;
}

/*
	Article Comments
*/
.AddComments
{
	Text-Align:center;	
}

.CommentAuthor 
{
	border-width:thin;
	border-color:Blue;	
}

/* 
		Footer
*/ 
div.Footer
{
	white-space:nowrap;
	overflow:hidden;
	color:White;
	background-color:Navy; 
	height:60px;
	width:100%;
	float:left;
}

.RootNode
{
	display:none;
}