/* Comment: /*"Northernlights" theme and css by "naudefj" AKA "Frank" at FUDforum.org 1 June 2009  */

/* Comment: / to install the CSS only, login as ADmin and navigate to admin control panel> Template Editor> select the template you wish to use it with> select forum.css.tmpl> FORUM CSS> Delete the CSS that is revealed (you may wish to save it for later replacement) copy/paste this entire text file including comments in its place> and save changes return to forum to see changes.*/



body {
	background: #000000;
	color: #e0ffe0;
	margin: 2px;
	font-family: Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
	font-size: 10pt;
}

td, th
{
 padding-left: 0.50em;
 padding-right: 0.50em;
 padding-top: 0.3em;
 padding-bottom: 0.3em;
}

text,	.ForumBackground, a:link, a:visited, a:active, a.CatLink, .CatDesc, a.UserControlPanel, .CatLockedName, .GenText,
	.GenTextRed, .ErrorText, .SmallText, .DateText, .TopBy, th, a.thLnk:link, a.thLnk:active, a.thLnk:visited,
	a.thLnk:active, .RowStyleA, .RowStyleB, .RowStyleC, .MsgToolBar, .PollTable, .MsgIg, td.miniMH,
	.ContentTable, .MsgTable, .DialogTable, .PreviewTable, .AnnonTable, .AnnText, td.NoAvatar, td.Av1, td.Av2, td.tabA,
	.AnnSubjText, a.PagerLink, .LevelText, .MsgSubText, .MsgBodyText, th.SelTS, th.SelFS, legend, td.tabH, div.tabT,
	.FormattingToolsBG, .FormattingToolsCLR, .MiniTable, .quote, .dashed, .adminColor, .modsColor, td.tabI, td.tabA:hover,
	.brdrNormal, .brdrSelected, input.button, form, img, .StClr, .AnClr, td.msgot, td.msgud, div.ctags, td.mvTc, td.pmNav,
	.ModOpt, .MsgR1, .MsgR2, .MsgR3, .mnavMsg, .mnavWarnTbl, .manvNoRes, font.lg, td.tt, table.tt, tr.tab, table.tab,
	a.big:link, a.big:active, a.big:visited, .small, a.small:link, a.small:active, a.small:visited, td.rpasswdE, .curtime,
	font.anon, font.reg, td.permYES, td.permNO, td.repI, div.UserControlPanel, font.selmsgInd, fieldset
{
	font-family: Tahoma, Verdana, "Myriad Web", Syntax, sans-serif;
	font-size: 10pt;
}

text, .GenText {
	color: #e0ffe0;
}

a:link, a:visited, a:active, a.PagerLink {
	color: #90cfff;
	text-decoration: underline;
}

a.CatLink {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #e0ffe0;
}

.CatDesc {
	color: #e0ffe0;
	height: 23px;
	background: url("images/headerbg.png");
	border: 1px solid #000000; /*added to create small border around catagory discription to visualy separate catagories*/
}

a.UserControlPanel, a.UserControlPanel:visited {
	color: #006699;
	text-decoration: none;
}

div.UserControlPanel {
	margin-bottom: 5px;
	text-align: right;
}

.CatLockedName {
	font-size: 10pt;
	font-weight: bold;
}

.CatLockPad {
	padding-left: 20px;
}

.GenText, .MsgIg, td.repI {
	color: #e0ffe0;
}

.GenTextRed, .ErrorText {
	color: red;
}

.ErrorText, td.rpasswdE {
	font-weight: bold;
}

.SmallText, .DateText, .TopBy, td.msgud, td.msgot, td.permYES, td.permNO {
	color: #e0ffe0;
	font-size: 9pt;
}

th {
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
	height: 23px;
	vertical-align: middle;
	background: #000000;
}

a.thLnk:link, a.thLnk:active, a.thLnk:visited {
	font-size: 10pt;
	text-decoration: underline;
	color: #EEEEEE;
}

a.thLnk:visited {
	color: #C2CDD6;
}

.RowStyleA, td.tt {
	background: #000010;
}

.RowStyleB, .curtime, fieldset {
	background: #002838;
}

.RowStyleC {
	background: #002424;
}

.MsgToolBar {
	background: #000030;
	padding-left: 3px;
	padding-right: 3px;
}

.MsgSpacer {
	padding-bottom: 2px;
	padding-top: 2px;
}

.PollTable, .ContentTable, .MsgTable, .DialogTable, .PreviewTable, .AnnonTable {
	background : #104848;
	border : 0px;
	padding : 0px;
	margin : 0px;
}

font.ptp { /* space between poll title & number of votes */
	font-size: smaller;
	padding-left: 10px;
}

.ContentTable, .AnnonTable, .MsgTable, table.pad {
	width : 100%;
}

.MsgTable {
	margin-top: 0px;
	margin-bottom: 1em;
	border: 1px solid #104848;
}

.DialogTable {
	width : 50%;
}

.PreviewTable {
	width: 75%;
}

.AnnText {
	color: #000000;
	background: #f5d300;
}

.AnnSubjText {
	font-weight: bold;
}

.LevelText, div.ctags {
	color: #e0ffe0;
	text-decoration: none;
}

.MsgSubText {
	font-weight: bold;
}

.MsgBodyText {
	font-size: 10pt;
}

.FormattingToolsBG {
	background: #000000;
}

.FormattingToolsCLR {
	background: #e0ffe0;
}

.MiniTable {
	background: #e0ffe0;
	border : 0px;
	padding : 0px;
	margin : 0px;
}

.quote {
	color: #e0ffe0;
	background: #000919;
	border: 1px solid #104848;
}

cite {
	/* quote titles */
	font-size: 9pt;
	font-weight: bold;
	margin-left: 20px;
	display: block;
	background: transparent url("images/quote.gif") left top no-repeat;
	padding-left: 25px;	
}

blockquote {
	/* 	quote tags */
	color: #e0ffe0;
	background: #000919;
	border: 1px solid #104848;
	margin: 8px 1px 0 20px;
	overflow: hidden;
	padding: 5px;

}

blockquote blockquote {
	/* 	nested quote tags */
	background-color: #000111;
	margin: 8px 1px 0 10px;
}

blockquote blockquote blockquote {
	/* 	double nested quote tags */
	background-color: #000f1f;
}


.dashed {
	border: 1px dashed #1B7CAD;
}

.adminColor {
	font-weight: bold;
	color: #FF0000;
}

.modsColor {
	color: #00BB00;
	font-weight: bold;
}

.brdrNormal, td.tabItop, td.tabImid, td.tabIbot {
	border: #000000;
	border-style: solid;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	background-repeat: repeat;
	background-position: top;
}

.brdrSelected, td.tabAmid, td.tabAmid, td.tabAbot {
	border: #000000;
	border-style: solid;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	background-repeat: repeat;
	background-position: top;
}

input, select, textarea, button {
    background: #000000;
    color: #e0ffe0;
	border: 1px solid #e0ffe0; #104848;	
	background-color: #002424;
}

form {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

.StClr {
	font-weight: bold;
	color: green;
}

.AnClr {
	font-weight: bold;
	color: red;
}

.ModOpt {
	margin-top: 2px;
	font-size: 10pt;
	text-align: right;
}

.TopBy {
	margin-top: 3px;
	margin-bottom: 0px;
	padding-right: 2px;
	text-align: right;
}

.MsgR2, .MsgR1, .MsgR3, .MsgIg {
	background: #002838;
	border-bottom: 1px solid #104848;
	padding: 1px;
}

.MsgIg {
	border: 0px;
}

.MsgR1 {
	padding-left: 0.50em;
	padding-right: 0.50em;
	padding-top: 0.30em;
	padding-bottom: 0.30em;
	background: #002838;
	background: url("images/headerbg.png");
}

.MsgR3 {
	background: #000010;
	padding: 1ex;
	padding-top: 2ex;
}

.mnavMsg {
	border-bottom: 1px solid #104848;
	width : 100%;
}

.mnavWarnTbl {
	border: 1px dashed red;
}

.manvNoRes {
	border: 1px dashed blue;
}

font.lg {
	font-size: 10pt;
}

td.tt {
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #104848;
}

table.tt {
	width: 100%;
	padding: 1px;
	margin: 0px;
	text-align: center;
	border: 1px solid #104848;
}

a.big:link, a.big:active, a.big:visited {
	color: #006699;
	font-size: 11pt;
}

.small, a.small:link, a.small:active, a.small:visited {
	font-size: 9pt;
	font-weight: normal;
}

a.small:link, a.small:active, a.small:visited {
	color: #006699;
}

td.msgot, td.msgud {
	text-align: right;
	vertical-align: top;
	width: 33%;
	white-space: nowrap;
}

td.msgud {
	padding-right: 10px;
	text-align: left;
	width: 33%;
}

div.ctags {
	overflow: auto;
	white-space: nowrap;
	margin: 0px;
	padding: 2px;
	width: 100%;
	height: 36px;
}

legend {
	font-size: 11pt;
	font-weight: bold;
	background-color: black;
	border: 1px solid #104848;
}

fieldset {
	border: 1px solid #104848;
}

th.SelTS, th.SelFS {
	padding: 2px;
	color: #e0ffe0;
}

th.SelFS {
	 border-bottom: 1px solid #104848;
	 color: #e0ffe0;
}

td.NoAvatar {
	background: #f4f4f4;
	text-align: center;
}

td.Av1, td.Av2 {
	text-align: center;
	background: #f4f4f4;
	vertical-align: middle;
	white-space: nowrap;
}

td.Av2 {
	background: #fefefe;
}

td.tabI, td.tabA, td.tabI:hover, td.tabOVER, td.tabON {
	border: 1px solid #104848;
	background: #000000;
        padding: 2px;
}

td.tabOVER, td.tabI:hover, td.tabI:active {
	background: #003000;
}

td.tabON {
	background: #5279bd;
}

a.tabON:link, a.tabON:active, a.tabON:visited, a.tabON:hover {
	color: #e0ffe0;
	font-weight: bold;
	text-decoration: none;
}

div.tabT {
	padding: 1px;
        padding-left: 10px;
        padding-right: 10px;
}

table.tab {
	border-bottom: 1px solid #104848;
}

.curtime {
        border: 1px solid #104848;
	vertical-align: middle;
	padding: 1px 3px 1px 3px;
}

td.rpasswdE {
	background: #e0ffe0;
	text-align: center;
}

td.pmSn {
	background: #e0ffe0;
}

td.pmSa {
	background: #fffa00;
}

td.pmSf {
	background: red;
}

table.pmDu {
	width: 175px;
	background-color: #e0ffe0;
	border: 1px #c2cdd6 solid;
}

td.mvTc {
	background: #e5ffe7;
}

td.pmNav {
	background: #e0ffe0;
	text-align: right;
}

td.miniMH {
	text-align: center;
}

tr.mnavH {
	background: #eeeeee;
}

tr.mnavM {
	background: #dee2e6;
}

table.regConf {
	width: 80%;
	border: 1px dashed #ff0000;
}

font.anon, font.reg {
	color: #00AA00;
}

td.permYES, td.permNO {
	text-align: center;
	color: red;
	white-space: nowrap;
}

td.permNO {
	color: blue;
}

font.regEW {
	font-size: xx-small;
	color: #005500;
	font-weight: bold;
}

td.repI {
	padding: 5px;
	padding-left: 20px;
}

table.pad {
	margin-top: 2px;
	margin-bottom: 2px;
        background: #104848; /* Doh */
}

font.selmsgInd {
	font-size: xx-small;
	font-weight: bold;
	text-decoration: none;
}
td.avatarPad {
	padding-right: 3px;
	vertical-align: top;
}

div.pre {
	font-family: monospace;
        padding: 5px;
        border: 1px blue dashed;
        font-size: 10pt;
        white-space: pre;
        background: #000000;
	overflow: auto;
	margin: 5px;
}

pre { white-space: pre-wrap; }

a.big:active, a.big:hover, a:active, a:hover, a.CatLink:active, a.CatLink:hover,
a.UserControlPanel:active, a.UserControlPanel:hover, a.thLnk:active,
a.thLnk:hover, a.small:active, a.small:hover, a.PagerLink:active, a.PagerLink:hover {
	color: #DC143C;
}

img.l {
	float: left;
	clear: right;
	margin: 3px;
}

img.r {
	float: right;
	clear: left;
	margin: 3px;
}

.AttachmentsList {
	margin-left: 0px;
	list-style: none;
	margin-top: 10px;
	padding: 0px;
}

hr.sig {
	color: black;
	background-color: black;
	height: 1px;
	width: 175px;
	border: 0px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

/* Header with rounded corners */
.header {margin:0 0px; background:#002838;}
.header a {text-decoration:none;}
.rtop, .rbottom {display:block; background:#000000;}
.rtop *, .rbottom * {display: block; height: 1px; overflow: hidden; background:#002838;}
.r1 {margin: 0 5px; font-size: 1px;}
.r2 {margin: 0 3px; font-size: 1px;}
.r3 {margin: 0 2px; font-size: 1px;}
.r4 {margin: 0 1px; height: 2px; font-size: 1px;}
.headtitle {color:#e0ffe0; font-size:xx-large; font-weight:bold; text-decoration:none;}
.headdescr {padding: 0, 50px; 0, 50px; color:#eeeeee; font-size:small;}
.headsearch {color:#e0ffe0; font-size: small; font-weight:bold; float:right; white-space: nowrap; vertical-align: bottom;}
.headbutton {color:#e0ffe0; background-color: #002424;} 

/* Textarea editor */
.resizable-textarea .grippie {
	height: 9px;
	background: #eeeeee url("images/grippie.gif") no-repeat center 2px;
	border: 1px solid #dddddd;
	border-top-width: 0;
	cursor: s-resize;
	overflow: hidden;
}

/* The following are partial elements that are used to save space */
.wo { width:		1px; }
.wa { width:		100%; }
.al { text-align:	left; }
.ar { text-align:	right; }
.ac { text-align:	center; }
.vb { vertical-align:	bottom; }
.vt { vertical-align:	top; }
.vm { vertical-align:	middle; }
.nw { white-space: 	nowrap; }
.fb { font-weight:	bold; }

img.at { float: left; clear: left; }

div.sr { float: left; padding: 5px; }

div.ctb {text-align: center;}
div.ctb table {margin: 0 auto; text-align: left;}
div.foot { padding: 3px; margin: 3px;}
div.ip { overflow: auto; margin: 0px; padding: 2px; width: 600px; height: 400px; }
span.vt { padding-left: 20px; }
table.icqCP { font-family: arial, sans-serif; font-size: smaller; border: 0px; }
div.pmL { padding-top: 2px; }
table.ucPW { width: 175px; }

.st0 { background-color: #ffff66; }
.st1 { background-color: #A0FFFF; }
.st2 { background-color: #99ff99; }
.st3 { background-color: #ff9999; }
.st4 { background-color: #ff66ff; }
.st5 { background-color: #880000; }
.st6 { background-color: #00aa00; }
.st7 { background-color: #886800; }
.st8 { background-color: #004699; }
.st9 { background-color: #990099; }