* {
  margin:0px; padding:0px; border:0px;
}
html {
  height:100%;
  /*background-color:#000000;*/
  background:#000000 url(../images/bg.png) repeat;
  color:#ffffff;
  font-family:Helvetica,Arial,sans-serif;
  font-size:100%;
  line-height:1.125em;
}
body {
  font-size:0.75em;
  line-height:1.5em; /* actually, em line-height is not relative to the parent font-size (16px) line-height:0.875em; */ 
  max-width:1200px;
  margin:0 auto;
  min-width:800px;
}

a {
}
a:link, a:visited {
  color:#ffdddd;
  text-decoration:none;
  font-weight:normal;
}
a:hover {
  text-decoration:underline;
}
a[rel="external"] {
  background: url("./../images/external.png") no-repeat scroll right 0 transparent;
  padding-right: 12px;
}

input.button, button {
  cursor: pointer;
	padding:2px 4px;
}

p {
  margin-bottom:5px;
}

img {
}

pre {
  font-family:Terminal; font-size:14px; line-height:14px;
  background-color:#333333;
  color:#ffffff;
}

strong, b, caption {
  font-weight:bold;
}

ul {
  text-align:left;
	/*white-space:nowrap; <- this was in before; why? I dunno. But it breaks things (too long texts)*/
}
li {
  list-style:none;
}
ul.horizon li {
  display:inline;
}
table
{
  border-collapse:separate;
  border-spacing:1px;
}
table, tr, td, p, div, .content {
}
input, select, textarea {
  background-color:#C0C0C0;
  font-size:x-small;
  color:#000000;
}
blockquote {
  background-color:#cccccc;
  margin-left:4px; padding-left:2px;
}

h1 {
  font-size:1.3em;
  font-weight:bold;
  line-height:1.4em;
}
h2 {
  font-size:1.2em;
  font-weight:bold;
  line-height:1.3em;
}
h3 {
  font-size:1.1em;
  font-weight:bold;
  line-height:1.2em;
}
h4 {
  font-size:1.1em;
  font-weight:normal;
  line-height:1.2em;
}
h5 {
  font-size:1.1em;
  font-weight:normal;
  line-height:1.2em;
}

#d-head-area {
  padding:9px 0px;
}
#d-main-area {
  /*margin:0px 9px;*/
  padding:9px 0px;
}
#d-head-right {
  float:right;
}

#d-area-left {
  float:left; width:150px;
}
.moduletable {
  margin-bottom:10px;
  background-color:#383838;
  padding-bottom:4px;
}
#d-head-right .moduletable,
#d-area-left .moduletable {
/*  border-right:2px solid #555555;*/
  border-bottom:2px solid #555555;
  border-radius:12px 12px 0px 0px;
}
#d-head-right .moduletable h3,
#d-area-left .moduletable h3 {
  border-radius:8px 8px 0px 0px;
}
.moduletable h3 {
  margin:0px;
  padding:0px;
  background:#444444;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8a8a8a), to(#222222));
  background-image: -webkit-linear-gradient(linear, center top, center bottom, from(#8a8a8a), to(#222222));
  background-image:    -moz-linear-gradient(center top, #8a8a8a, #222222);
  background-image:     -ms-linear-gradient(top, #8a8a8a, #222222);
  background-image:      -o-linear-gradient(top, #8a8a8a, #222222);
  background-image:         linear-gradient(to bottom #8a8a8a #222222);
  text-align:center;
  line-height:20px;
}
.moduletable .menu li li {
	padding-left:6px;
}
.moduletable .menu li {
	list-style:none outside none;
	padding-bottom:4px;
}
.moduletable .menu a:link, .moduletable .menu a:visited {
  color:#ffffff;
  display:block;
  padding:0px 6px 0px 8px;
  line-height:20px;
}
.moduletable .menu .active li a { /* inactive sub-items under active item use default color */
	color:#ffffff;
}
.moduletable .menu .active a, .moduletable .menu li .active a {
	color:#ddbbbb;
}
.moduletable .menu .current a, .moduletable .menu li .current a {
	color:#ffdddd;
}
.moduletable #form-login {
  padding:2px 8px;
}
#d-area-right {
  float:right; width:150px;
}
#d-breadcrumbs {
  margin:0px 162px;
  border:1px solid #383838;
  margin-bottom:12px;
  padding:2px 8px;
  font-size:0.8333em;
  color:#aaaaaa;
  background-color:#212121;
}
#d-breadcrumbs ul.breadcrumb li {
	display:inline;
}
#d-breadcrumbs ul.breadcrumb .divider {
	margin:0 2px;
}
#d-abovecontent {
  margin:0px 162px 16px;
  background-color:#383838;
  font-size:1.3333em;
  line-height:1.6666em;
}
#d-abovecontent p {
	font-size:0.8333em;
  line-height:1.4em;
}
#d-abovecontent .moduletable >div {
	padding:2px 8px;
}
#d-main-content {
  margin:0px 162px 16px;
  background-color:#383838;
  border-top:4px solid #bfbebf;
  border-bottom:4px solid #bfbebf;
  padding:4px 8px;
  font-size:1.3333em;
  line-height:1.6666em;
}
#d-main-content h1 {
	margin:4px 0px 2px;
	font-size:1.5em;
	line-height:1.8333em;
	font-weight:bold;
}
#d-footer-area {
  clear:both;
  text-align:center; padding:4px;
}

#d-main-content li {
  padding-left:8px;
}
#d-main-content p, #d-main-content ul {
  padding-bottom:8px;
}
#d-main-content ul {
  line-height:1.3em;
}
#d-main-content ul ul {
  padding-bottom:2px;
}
#d-main-content li {
  list-style:disc inside;
}

/* com_content */
#d-main-content .cat-children {
	font-size:0.625em;
}
#d-main-content .cat-children li {
	padding-left:4px;
}
#d-main-content .category-articles {
	border-top:1px solid #888888;
	margin-top:4px;
	padding-top:8px;
}
#d-main-content .category-articles .article,
#d-main-content .category-articles .system-unpublished
{
	border-bottom:1px solid #888888;
	margin-bottom:16px;
	padding:2px 4px;
	background-color:#222222;
}
#d-main-content .category-articles .system-unpublished
{
	background-color:#000000;
}
#d-main-content .category-articles .system-unpublished:before{content:'*Unpublished*';}
#d-main-content .category-articles .article .actions,
#d-main-content .category-articles .system-unpublished .actions
{
	float:right;
}
#d-abovecontent > .d-contentblock > h3,
#d-main-content .category-articles .article h3
#d-main-content .category-articles .system-unpublished h3
{
  background:repeat scroll 0 0 #333333;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8a8a8a), to(#333333));
  background-image: -webkit-linear-gradient(linear, center top, center bottom, from(#8a8a8a), to(#333333));
  background-image:    -moz-linear-gradient(center top, #8a8a8a, #333333);
  background-image:     -ms-linear-gradient(top, #8a8a8a, #333333);
  background-image:      -o-linear-gradient(top, #8a8a8a, #333333);
  background-image:         linear-gradient(to bottom #8a8a8a #333333);
  padding:2px 4px;
  margin-bottom:2px;
}
#d-main-content .category-articles .article h3 a,
#d-main-content .category-articles .system-unpublished h3
{
	color:#ffffff;
}
#d-main-content .category-articles .article .article-introtext,
#d-main-content .category-articles .system-unpublished .article-introtext
{
	padding:0px 2px;
}
#d-main-content .item-page .article-categories {
	margin:6px 0px 2px;
	font-size:0.5625em;
	line-height:1em;
}
#d-main-content .item-page .category {
	display:inline;
}
#d-main-content .item-page h2 {
	font-size:1.3em;
}
#d-main-content .item-page > .icons {
	float:right;
}
#d-main-content .article-info {
	height:16px;
	font-size:0.8333em;
	line-height:1em;
	color:#cccccc;
	margin-bottom:6px;
	color:#888888;
}
#d-main-content .article-info div,
#d-main-content .article-info dt,
#d-main-content .article-info dd {
	float:left;
	padding-right:8px;
	border-right:1px solid #888888;
	border-radius:0px 4px 4px 0px;
	margin-right:8px;
}
#d-main-content .article-text {
	font-size:0.75em;
	line-height:1.3em;
}
#d-main-content .pagination {
	border-top:1px solid #bfbfbf;
	margin:10px 0px;
	padding:10px 0px;

}
#d-main-content .pagenav {
	margin:10px 0px;
	padding:10px 0px;
}
#d-main-content .pagination ul,
#d-main-content .pagenav ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#d-main-content .pagination li,
#d-main-content .pagenav li
{
	display:inline;
	padding:2px 5px;
	border:solid 1px #bfbfbf;
	margin:0 2px;
	background-color:#000000;
}
/* downloads */
#com_download_wrap .dl_files li {
	list-style-type:none;
}

#d-main-content p, .d-contentblock p {
	text-align:justify;
}



/* wtf? old things. rm? */
.nowrap { white-space:nowrap; }
.bold {font-weight:bold;}
.white {color:#ffffff;}
.grey, .fggray {color:#333333;}
.offwhite,.fgoffwhite {color: #E9E9E9;}
.bgblack {background-color:#000000;}
.bggray {background-color:#A4A4A4;}
.bglightblue {background-color:#383838;}
.byline {color: #E9E9E9; font-size:9px; text-align:center;}
.content {color: #E9E9E9;}

.module_menu, .module { margin-bottom:10px; }
.module_menu h3, .module h3 { height:21px; line-height:21px; font-weight:bold; text-align:center; color:white;}

.forum {color: #000000;}
.forum a {color: #787878; text-decoration: none;}
.forum a:link {color: #C0C0C0; text-decoration: none;}
.forum a:visited {color: #C0C0C0; text-decoration: none;}
.forum a:hover {color: #787878; text-decoration: none;}

.pageRedirect {
	background-color:black;
	border:1px solid white; border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;
	text-align:center; font-weight:bold; }


input.formButton {}

.item { border: 1px solid #202050; margin-bottom:12px; }
.itemHead {padding: 3px; background-color: #202040; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #202020}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody { padding-left: 5px; font-size:11px; }
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #202020}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background-color: #000000; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

.outer {border: 1px solid silver; width: 100%}
.head {background-color: #C0C0C0; padding: 5px; font-weight: bold;}

.even {background-color: #C0C0C0; padding: 5px; color: #000000; vertical-align : top}
.even a         {color: #343434; text-decoration: none; font-weight: bold }
.even a         {color: #FFFFFF; text-decoration: none; font-weight: bold }
.even a:link    {color: #343434; text-decoration: none; font-weight: bold}
.even a:visited {color: #343434; text-decoration: none; font-weight: bold}
.even a:hover   {color: #FFFFFF; text-decoration: none; font-weight: bold}
.odd {background-color: #787878; padding: 5px; color: #000000; vertical-align : top}
.odd a         {color: #343434; text-decoration: none; font-weight: bold}
.odd a:link    {color: #505f7d; text-decoration: none; font-weight: bold}
.odd a:visited {color: #505f7d; text-decoration: none; font-weight: bold}
.odd a:hover   {color: #FFFFFF; text-decoration: none; font-weight: bold}
.foot {background-color: #787878; padding: 5px; font-weight: bold;}
tr.even td {background-color:#787878; padding: 5px;}
tr.odd td {background-color: #C0C0C0; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode {background: #C2CDD6;
  border: 1px inset #000080;
  font-family: "Courier New",Courier,monospace;
  padding: 0px 6px 6px 6px;}
div.xoopsQuote {
  background: #CCC;
  border: 1px inset #000080;
  font-family: "Courier New",Courier,monospace;
  margin:0px 12px; padding: 6px 6px 6px 6px;
  color:black;
  font-size:12px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #43506B; font-weight:bold; border: 1px solid silver; background-color: #C2CDD6; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #43506B; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px; font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}





/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/
div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}
span.pathway {
  display: block;
  margin: 0 20px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}
/* form validation */
.invalid { border-color:#ff0000; }
label.invalid { color:#ff0000; }
/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}
a.mainlevel:hover {
}
/* spacers */
span.article_separator {
	display:block;
	height:20px;
}
.article_column {
	padding-right: 5px;
}
.column_separator {
	border-left: 1px dashed #e0e0e0;
	padding-left: 10px;
}
.clr {
	/*clear: both;*/
}
td.greyline {
  width: 20px;
  background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}
div#maindivider {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}
table.blog span.article_separator {
	display: block;
	height: 20px;
}
/* edit button */
.contentpaneopen_edit{
	float: left;
}
/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}
table.contenttoc td {
  padding: 0 5px;
}

/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}

/* content styles */
.highlight {
  background-color:#fffebb;
}
/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}
div.search input {
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 10px 0;
}

/* thumbnails */
div.mosimage         {  margin:5px; }
div.mosimage_caption {  font-size:0.9em; color:#666; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

div.img_caption       { padding: 0 10px 0 10px; }
div.img_caption img   { border: 1px solid #CCC; }
div.img_caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
	margin-top:5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}


/* Frontend Editing */
fieldset {
	border: 1px solid #ccc;
	/*margin-top: 15px;*/
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #666;
}

/* Tooltips */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}


/* Joomla CSS: */
/* templates/system/css/system.css */
/* Debug */
#system-debug     { clear:both; color: #888888; background-color: #111111; padding: 10px; margin: 10px; }
/* Unpublished */
/*.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}*/
/* media/system/css/system.css */
/* System Standard Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold;  display: none; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; background-position: 4px top; background-repeat: no-repeat; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
#system-message dd ul li{ line-height:1.5em }
/* System Standard Messages */
#system-message dd.message ul {
	background-color: #C3D2E5;
	background-image: url(../images/notice-info.png);
}
/* System Error Messages */
#system-message dd.error ul,
#system-message dd.warning ul,
#system-message dd.notice ul
{ color: #c00; }
#system-message dd.error ul {
	background-color: #E6C0C0;
	background-image: url(../images/notice-alert.png);
	border-top-color: #DE7A7B;
	border-bottom-color: #DE7A7B;
}
/* System Warning Messages */
#system-message dd.warning ul {
	color: #c00;
	background-color: #E6C8A6;
	background-image: url(../images/notice-note.png);
	border-top-color: #FFBB00;
	border-bottom-color: #FFBB00;
}
/* System Notice Messages */
#system-message dd.notice ul {
	color: #c00;
	background-color: #EFE7B8;
	background-image: url(../images/notice-note.png);
	border-top-color: #F0DC7E;
	border-bottom-color: #F0DC7E;
}
/* templates/system/css/general.css */
/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}
.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}
.page span {
	color: #000;
	font-weight: bold;
}
.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}
.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}
.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}
.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}
.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}
.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}
.button2-left .readmore,
.button2-left .article {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}
.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}
.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}
/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}
div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}
div.tooltip p {
	font-size: 90%;
	margin: 0;
}
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}
.img_caption .right {
        float: right;
        margin-left: 1em;
}
.img_caption .left p {
        clear: left;
        text-align: center;
}
.img_caption .right p {
        clear: right;
        text-align: center;
}
.img_caption  {
	text-align: center!important;
}
.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}
/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

#d-memberlist li {
	list-style-type:none;
}
#d-memberlist .group {
	margin:2px 0px 6px;
	border-top:1px solid #555555;
	border-radius:8px 0px 0px 0px;
	border-left:1px solid #555555;
}
#d-memberlist .groupmemberlist th {
	line-height:1.6em;
}
#d-memberlist td {
	padding:0px 4px;
}
#d-memberlist .member-name {
	width:200px;
}


/* register form tooltips .tip-wrap */
.tip-wrap {
	background-color:#383838;
	padding:4px 8px;
	border:1px solid #000000;
	border-radius:6px;
}
.tip-title {
	font-weight:bold;
}
.tip-text {
}
/* .tip-top */
/* .top-bottom */


#member-registration > div {
	margin:6px 0px 4px;
}


#mview-container { padding-right:2px; }
#mview-container ul { white-space:nowrap; }
#mview-container > .mv-s { margin:0; padding-left:10px; }

#jform_title { width:400px; }

.avPlayerWrapper { clear:none; }