body {
        font-family:            Ariel, sans-serif;
}

h1, h2, h3, h4, th {
        color: rgb(169,33,35);
        margin: 4px 0px 2px 0px;
}

h1 a, h2 a, h3 a, h4 a {
        color: rgb(245,7,39);
}

h1 {
        font-size:              160%;
}

h2 {
        font-size:              140%;
}

h3 {
        font-size:              120%;
}

h4 {
        font-size:              110%;
}

td {
        padding:                2px;
}
.noborder {
        border:                 none;
}

a.mfbutton {
        display:                block;
        width:                  110px;
	height:                 32px;
        padding:                7px 20px 15px 10px;
	color:                  white;
        font-weight:            bold;
        font-family:            Ariel, sans-serif;
        text-align:             center;
        text-decoration:        none;
        font-size:              20px;
}

a.mfbutton:hover {
	color:                  rgb(215,215,215);
        text-decoration:        none;
}

a.mfbutton:visited {
	font-weight:            bold;
}

a.button {
        padding:                2px;
	color:                  black;
        background-color:       silver;
	border:			2px inset black;
        font-family:            Ariel, sans-serif;
        text-align:             center;
        text-decoration:        none;
        font-size:              105%;
}

a.button:hover {
	border:			2px outset black;
	color:                  white;
}

a {
        font-weight:            bold;
        color:                  red;
        text-decoration:        none;
}

a:hover {
        text-decoration:        underline;
}

a:visited {
        font-weight:            normal;
}

a.empty {
        color:                   gray;
}

#navleft {
        float:  left;
        width:  140px;
        background:             transparent;
        padding:                0px;
        margin:                 0px;
}

label {
         display:        block;
        clear:          both;
         float:          left;
         font-weight:    bold;
         text-align:     right;
         width:          150px;
         padding-right:  3px;
}


#toolbar_pane, #status_pane, #wrapcontent {
        padding-left: 150px;
}

#content {
                position:       relative;
                margin:         10px;
                padding:        0px;
}
 
#main {
}               
#constrain {
                margin:         0px;
                padding:        0px;
}

#constrain img {
        padding: 5px;
        margin: 5px;
}

table {
        border-collapse: collapse;
}

table.leafView {
        border: 2px solid black;
        margin: 10px;
}

table.leafView th, table.leafView td {
        border: 1px solid gray;
        vertical-align: top;
        text-align: center;
}

table.decisionTree {
        width: 100%;

}

table.decisionTree td, table.decisionTree th {
        border: 1px solid rgb(230,230,230);
        padding: 3px;
}

table.registry {
        width:                  100%;
}        

table.registry, table.registry tr td {
        border:                 1px solid gray;
        padding-left:           2px;
}        

table.registry tbody tr th {
        background:             rgb(228,228,228);
        padding-right:          4px;
        text-align:             right;
        width:                  150px;
}        

/*==============================================================================
Table Wrap Display
==============================================================================*/

.title {
	background-color: 	#aabbcc;
	color: 			rgb(0,0,0);
	font-weight:		bold;
}

.label {
	width:			150px;
	text-align:		right;
	color:			black;
	font-weight:		bold;
}	

.labelrequired {
	width:			150px;
	text-align:		right;
	color: 			rgb(173, 3, 3);
	font-weight:		bold;
}

.color1 {
	background-color: 	rgb(221,221,221);
}

.color2 {
	background-color: 	rgb(204,204,204);
}

.error {
	color: 			rgb(204,102,0);
	font-weight:		bold;
}

.surround {
	/* create black border effect */
	border: 1px solid black;
        width:  80%;
}

.example {
	margin-left:		5px;
	font-style:		italic;
}


#footer { 
        text-align:             center;
}

table.tablewrap_title {
        width:                  100%;
}

ul.links {
        list-style-type:        none;
        padding:                0;
        margin:                 0;
}


div.popup_wrapper {
        display:                none;
        position:               absolute;
        top:                    auto;
        left:                   auto;
}

div.popup {
        position:               relative;
        top:                    auto;
        left:                   -100px;

        background-color:       white;
        width:                  322px;

        border:                 1px solid black;
        margin:                 25px 5px;
        padding:                5px;    
}

.icon {
/*        float:                  right; */
        border:                 1px solid red;
        padding:                0px 2px;
        display:                inline;
        
}
.icon a {
        font-weight:            bold;
        color:                  red;
        text-decoration:        none;
}

ul.plain {
        list-style-type:        none;
        margin:                 0;
        padding:                0;
}

ul.plain li {
        margin:                 0;
        padding:                3px 3px 3px 3px;
}

/* from mwforum */

/* Generic frame */
div.frm {
	margin-top: 10px;
	border: 1px solid silver;
        width: 800px;
}

/* Generic header cell */
div.hcl {
	height: 18px;
	background-color: #cbd3d9;
/*	background-image: url(bg_hcl.gif);*/
	padding: 2px 4px;
	overflow: hidden;
}

/* Generic content cell */
div.ccl {
	border-top: 1px solid silver;
	background-color: #efefef;
	padding: 4px;
}
div.ccl:first-child {
	border-top: none;
}

/* Generic button cell */
div.bcl {
	border-top: 1px solid silver;
	background-color: #e3e7eb;
	padding: 2px 4px 2px 1px;
}

/* Button link */
div.bcl a, a.btl {
	margin: 1px;
	padding: 0 4px;
}
img.btl {
	vertical-align: bottom;
}
div.bcl a:hover, a.btl:hover {
	margin: 0;
	border: 1px solid silver;
	background-color: #fafafa;
}
td.shr a.btl {
	padding: 0 2px;
}

/* Nav button, page link float */
span.nav, span.pln {
	float: right;
}

/* Page button link */
span.pln a {
	margin: 0;
	padding: 0;
}
span.pln a:hover {
	margin: 0;
	border: none;
	background-color: inherit;
}

/* Table frame */
table.tbl {
	margin-top: 10px;
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
/* Added */
	font-size: 13px;
	font-family: verdana, sans-serif;
}

/* Table header row */
table.tbl tr.hrw {
	background-color: #cbd3d9;
/*	background-image: url(bg_hcl.gif);*/
	font-weight: bold;
}

/* Table header cell */
table.tbl th {
	border: 1px solid silver;
	padding: 2px 4px;
	text-align: left;
	white-space: nowrap;
}

/* Table header column cell */
table.tbl td.hco {
	width: 20%;
	font-weight: bold;
}

/* Table content row */
table.tbl tr.crw {
	background-color: #efefef;
}	

/* Table content cell */
table.tbl td {
	border: 1px solid silver;
	padding: 2px 4px;
}

/* Table cell short */
table.tbl .shr {
	width: 15%;
	white-space: nowrap;
}

/* Table cell icon */
table.tbl img.ico {
	margin: 1px 0 0 0;
}

/* Top bar frame */
div.tpb {
	margin-top: 0;
}

/* Error header cell */
div.err div.hcl {
	background-color: #ff8888;
/*	background-image: url(bg_hclerr.gif);*/
}

/* Error message paragraph */
div.err div.ccl p {
	margin: 5px 0 0 0;
	color: red;
}
div.err div.ccl p:first-child {
	margin: 0;
}

/* Form */
form {
	margin: 0;
	padding: 0;
}
input, button, textarea, select {
	font-size: inherit;
	font-family: inherit;
}
textarea {
	width: 99%;
}

/* Poll result */
td.plv, td.plp {
	padding-left: 15px;
	text-align: right;
}

/* Poll result bar */
img.plb {
	margin-left: 10px;
	height: 10px;
	background-color: red;
}

/* Post header of new posts */
div.pst.new div.hcl {
	background-color: #e8e8c6;
/*	background-image: url(bg_pstnew.gif);*/
}

/* Post header of target posts */
div.pst.tgt div.hcl {
	background-color: #cdcbe0;
/*	background-image: url(bg_psttgt.gif);*/
}

/* Quote */
blockquote {
	margin: 0;
	color: gray;
}
blockquote p {
	margin: 0;
}

/* Rank image */
img.rnk {
	margin: 2px 0;
	vertical-align: text-top;
}

/* Avatar image */
img.ava {
	width: 50px;
	height: 50px;
}
div.pst img.ava {
	margin-left: 5px;
	float: right;
}
form.agl img.ava {
	margin: 2px;
	vertical-align: middle;
}

/* Make post ccl enclose avatar */
div.pst div.ccl:after {
	content: "."; 
	display: block; 
	visibility: hidden;
	height: 0; 
	clear: both; 
}

/* Fix for WinIE float bug \*/
* html div.ccl {
	height: 1px;
} /**/

/* Signature */
div.sig, span.sig {
	font-size: 85%;
}

/* Icon */
img.ico {
	margin: 2px 0;
	vertical-align: text-top;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

/* Smiley icon */
img.sml {
	margin-top: 1px;
	vertical-align: text-top;
	width: 14px;
	height: 14px;
}
img.psm {
	margin: 1px;
	vertical-align: text-top;
	width: 15px;
	height: 15px;
}

/* Flag */
img.flg {
	margin: 2px 0;
	vertical-align: text-top;
	width: 18px;
	height: 12px;
}

/* Header title */
span.htt {
	font-weight: bold;
}

/* Sticky topic title */
span.stk {
	font-weight: bold;
}

/* Execution message */
span.tbm {
	font-weight: bold;
	color: green;
}

/* Admin message */
div.ams div.ccl {
	color: red;
}

/* Highlighted keyword, report/message link */
em {
	font-weight: bold;
	font-style: normal;
	color: red;
}

/* Monospace font */
tt {
	font-size: 90%;
}

/* Float right */
.flr {
	float: right;
}

/* Help */
div.hlp h3 {
	margin: 10px 0 0 0;
	font-size: 100%;
	font-weight: bold;
}
div.hlp p {
	margin: 5px 0 0 0;
}

/* Forum info copyright, mini banner */
div.icr, div.bni {
	margin-top: 10px;
	text-align: center;
}
div.icr {
	border: 1px solid silver;
}
div.bni img {
	margin: 5px;
}

/* Board jump form */
form.bjp {
	margin-top: 10px;
	float: right;
}

/* Copyright message */
p.cpr {
	text-align: center;
	font-size: 85%;
	color: silver;
}

/* Page timer message */
p.pct {
	text-align: center;
	font-size: 85%;
	color: silver;
}

/* Forum config */
form.cfg h3 {
	margin: 20px 0 10px 0;
	border-top: 1px solid silver;
	padding-top: 10px;
	font-size: 100%;
	font-weight: bold;
}
form.cfg h3:first-child {
	margin-top: 0;
	border-top: none;
}
form.cfg h4 {
	margin: 10px 0 0 10px;
	font-size: 100%;
	font-weight: bold;
}
form.cfg p {
	margin: 5px 0 0 20px;
	width: 90%;
}
form.cfg samp {
	color: green;
	font-family: verdana, sans-serif;
	font-weight: normal;
}
form.cfg dfn {
	color: gray;
	font-style: normal;
	font-weight: normal;
}
form.cfg input.ctx {
	width: 50%;
}
form.cfg textarea {
	width: 90%;
}

/* Tag buttons */
button.tbt {
	margin: 0 3px 3px 0;
	width: 40px;
	border: 1px solid gray;
	background-color: #efefef;
}
button.tbt:hover {
	background-color: white;
}

/* Invisible table */
table.tiv {
	border-collapse: collapse;
	border: none;
}
table.tiv tr {
	border: none;
}
table.tiv td {
	border: none;
	padding: 0 5px 0 0;
}

/* Topic tags */
img.ttg {
	vertical-align: text-top;
}
a img {
	border: none;
}

a.fullsize {
        font-size: 85%;
}

td p {
        margin: 0;
}

.wiki p {
        margin-bottom: 10px;
}

.query td {
        border: 1px solid gray;
}
.query th {
        font-weight: bold;
        border: 1px solid gray;
}

/* layout */

#container {
	width: 700px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
	padding: 15px;
}

/* javascript */

.ajax-loading
{
	padding: 50px;
	background: url(../images/spinner.gif) no-repeat center;
}

.manual td {
	border: 1px solid gray;
}