/**
 * PAGE
 */
body {
	background-color: #F0E68C;
	background-image: url(/img/dunman.gif);
	background-repeat: no-repeat;
}
div#tree {
	display: none;
}
div#body-container {
	background-image: url(/img/casuarina.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 10px;
}
div#banner-logo {
	position: absolute;
}
div#banner {
	border-bottom: 3px dotted #D17268;
	height: 80px;
}
div#banner-title-container {
	position: relative;
	height: 70px;
	margin-left: 110px;
}
div#banner-title {
	position: absolute;
	bottom: 0;
	font-size: 2em;
	letter-spacing: 1px;
	color: #D17268;
	font-weight: bold;
}
div#sentry-box {
	text-align: right;
	margin: 0.5em 2em 0 0;
	font-size: 0.9em;
}
span#sentry-box-username {
	font-weight: bold;
	letter-spacing: 1px;
	padding-right: 0.5em;
}
div#content-minheight {
	float: right;
	height: 400px;
	width: 1px;
}
div#sidebar {
	float: right;
	width: 148px;
	padding-top: 0.5em;
}
div#sidenav {
	margin-top: 0.8em;
}
a.sidenav-item {
	display: block;
	background-image: url(/img/btns/bark.gif);
	background-repeat: no-repeat;
	width: 146px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	color: #660000;
	letter-spacing: 1px;
	white-space: nowrap;
	font-weight: bold;
	padding-top: 20px;
	font-family: cursive;
	font-size: 14px;
}
a.sidenav-item:hover {
	text-decoration: none;
	color: #FFFFFF;
}
div#sidenav2 {
	margin: 0.75em 0.5em 0 0;
	text-align: right;
}
a.sidenav2-item {
	text-decoration: none;
	color: #660000;
	letter-spacing: 1px;
	white-space: nowrap;
	font-size: 0.9em;
	line-height: 1.2em;
}
a.sidenav2-item:hover {
	color: #FF0000;
	text-decoration: underline;
}
div#content {
	height: 1%;
	margin-right: 200px;
	margin-left: 10px;
}
div#footer {
	padding-top: 1px;
	border-top: 1px solid #999999;
}
div#footer-right {
	float: right;
	padding-right: 0.5em;
	color: #999999;
	font-size: 0.8em;
}
/**
 * PAGE MESSAGE
 */
div#page-message {
	float: left;
	background-color: #FFFFCC;
	border: 1px solid #CCCCCC;
	padding: 0.5em 1em;
}
/**
 * BUTTONS
 */
a.gray-button {
	padding: 0 1em;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	background-color: #EEEEEE;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
	color: #000000;
}
a.gray-button:hover {
	background-color: #FFFFFF;
	color: #FF0000;
	text-decoration: none;
}
/**
 * PAGE NAV
 */
table#page-nav {
	margin-bottom: 1em;
}
td#page-nav-label {
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: baseline;
	padding-right: 0.5em;
	white-space: nowrap;
}
td#page-nav-items {
	vertical-align: baseline;
}
td#page-nav-noitem {
	font-weight: bold;
	padding-top: 0.5em;
}
span#page-nav-current-item {
	font-size: 1.1em;
	font-weight: bold;
	white-space: nowrap;
	margin-right: 0.5em;
}
a.page-nav-item {
	font-size: 1.1em;
	white-space: nowrap;
	margin-right: 0.5em;
}
/**
 * FORM
 */
form.form {
	float: left;
	background-color: #FCFCFC;
	padding: 0 2em 1em 0;
	border: 1px solid #CCCCCC;
}
div.form-required-instr {
	font-size: 0.9em;
	text-align: right;
	margin: 1em 0 0 1em;
}
div.form-error {
	color: #FF0000;
	margin: 1em 0 0 1em;
}
div.form-div {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: 1px solid #AAAAAA;
	margin: 1.5em 0 0.2em 1em;
}
div.form-spacer-row {
	height: 0.75em;
	width: 1px;
}
div.form-row {
	clear: left;
	margin-top: 1em;
	margin-left: 1em;
	padding-top: 1px;
}
label.form-label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	color: #995522;
	font-size: 0.95em;
}
span.form-label-required {
	font-weight: bold;
}
div.form-item {
	margin-left: 155px;
}
div.form-widget {
}
div.form-below-widget {
	font-size: 0.9em;
	color: #404040;
	margin-top: 1px;
}
div.form-item-error {
	font-size: 0.9em;
	color: #FF0000;
}
input.button {
	letter-spacing: 1px;
	padding: 0 0.5em;
	font-size: 0.9em;
	background-color: #EEEEEE;
	cursor: pointer;
	color: #000000;
}
input.button-hover {
	background-color: #FFFFFF;
	color: #FF0000;
}
input.button-smaller {
	letter-spacing: 1px;
	padding: 0 0.5em;
	font-size: 0.7em;
	background-color: #EEEEEE;
	cursor: pointer;
	color: #000000;
}
input.button-smaller-hover {
	background-color: #FFFFFF;
	color: #FF0000;
}
input.file,
input.text,
input.password {
	border: 1px solid #CCCCCC;
	padding: 2px;
}
span.input-checkbox-caption {
	padding-left: 0.4em;
}
span.input-radio-caption {
	padding-left: 0.4em;
}
select.form-select {
}
textarea.form-textarea {
	border: 1px solid #CCCCCC;
	padding: 2px;
}
textarea.form-wysiwyg {
}
td#form-patrols {
	vertical-align: top;
	padding-top: 1em;
}
td#form-patrol-list {
	vertical-align: top;
	padding-left: 1em;
}
td.form-patrol-items {
	vertical-align: top;
	font-size: 0.9em;
}
/**
 * PAGE BLOCK
 */
div.page-block {
	float: left;
	background-color: #FCFCFC;
	border: 1px solid #CCCCCC;
	padding: 1em;
}
div.page-block-minwidth {
	height: 1px;
	width: 500px;
}
div.br {
	clear: left;
	height: 1px;
	width: 1px;
}
div.page-block-actions {
	text-align: right;
	white-space: nowrap;
	margin-bottom: 0.5em;
}
div.page-block-actions a {
	margin-left: 0.5em;
}
/**
 * DISPLAY ITEM
 */
div.display-item {
	float: left;
	margin: 1em 0 0 1em;
	display: inline;
}
div.display-item-label {
	font-size: 0.95em;
	color: #995522;
	white-space: nowrap;
	margin-bottom: 2px;
}
div.display-item-value {}
/**
 * COMMENTS
 */
div.comments {}
div.page-block div.comments {
	margin-top: 3em;
}
div.comments-head {
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
	padding-right: 0.5em;
	white-space: nowrap;
	line-height: 1.5em;
}
div.comments-caption {
	float: left;
	font-weight: bold;
	letter-spacing: 3px;
	font-family: Georgia, Times New Roman, Times, serif;
	color: #D0D0D0;
	font-size: 2em;
}
p.no-comment {
	font-style: italic;
	margin-top: 1em;
	font-size: 0.95em;
}
div.comment-container {
	margin-top: 1.25em;
}
div.comment-history {
	float: left;
	font-size: 0.8em;
	color: #333333;
	margin-right: 1em;
	padding: 3px 5px;
}
div.comment-actions {
	font-size: 0.8em;
	text-align: right;
	background-color: #E0E0E0;
	padding: 3px 5px;
}
div.comment-actions-hilite {
	font-size: 0.8em;
	text-align: right;
	background-color: #FFEAC0;
	padding: 3px 5px;
}
a.comment-action {
	margin-left: 0.5em;
}
div.comment-history a,
div.comment-actions a {
	color: #3333FF;
}
div.comment-history a:hover,
div.comment-actions a:hover {
	color: #FF0000;
}
div.comment {
	font-size: 0.95em;
	border: 1px solid #E0E0E0;
	padding: 0.3em 0.5em 0.25em;
}
div.comment-hilite {
	font-size: 0.95em;
	border: 1px solid #FFEAC0;
	padding: 0.3em 0.5em 0.25em;
	background-color: #FFFAF0;
}
blockquote.comment {
}
/**
 * ROLODEX
 */
table#rdx-nav {
	margin: 0.5em 0 0 1em;
}
td#rdx-nav-label {
	vertical-align: baseline;
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 1em;
	white-space: nowrap;
}
td#rdx-nav-items {
	vertical-align: baseline;
}
a.rdx-goto {
	font-size: 0.9em;
	white-space: nowrap;
	margin-right: 0.5em;
}
div.rdx-up {
	float: right;
	font-size: 1.2em;
}
div.rdx-group {
	margin-top: 2em;
	border-bottom: 1px solid black;
}
span.rdx-group-label {
	font-size: 1.2em;
	font-weight: bold;
}
span.rdx-group-count {
	font-weight: normal;
	margin-left: 0.25em;
}
div.rdx-item {
	float: left;
	display: inline;
	width: 180px;
	margin: 1em 0 0 1em;
}
div.rdx-item p {
	margin: 0;
}
a.rdx-item {
}
a.rdx-item:hover {
	text-decoration: none;
}
/**
 * FAQ
 */
div.faq {
	margin-top: 2em;
}
div.faq-question {
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	margin-bottom: 0.5em;
	letter-spacing: 1px;
}
div.faq-answer {
	margin-left: 3em;
}
div.faq-nav {
	margin: 0.25em 0 3em 3em;
	padding-top: 1px;
	border-top: 1px solid #CCCCCC;
}
div.faq-history {
	float: left;
	color: #333333;
	margin-right: 1em;
	font-size: 0.8em;
}
div.faq-actions {
	font-size: 0.8em;
	text-align: right;
	margin-right: 0.5em;
}
/**
 * ARTICLES
 */
div.article-head {
	margin-top: 2.5em;
	text-align: right;
}
div.article-history {
	float: left;
	font-size: 0.8em;
}
div.article {
	border: 1px solid #E5ECF9;
}
div.article-title {
	font-size: 1.2em;
	font-weight: bold;
	background-color: #E5ECF9;
	padding: 0.25em 0.5em 0.3em 0.5em;
	letter-spacing: 1px;
}
a.article-title-link {
	color: #333333;
}
a.article-title-link:hover {
	text-decoration: none;
	color: #FF0000;
}
div.article-text {
	padding: 0.5em;
}
/**
 * WOW
 */
div.wow-row {
	margin-top: 2.5em;
}
div.wow-head {
	background-color: #E5ECF9;
	padding: 0.25em;
	margin-bottom: 0.75em;
	text-align: right;
}
div.wow-history {
	float: left;
	font-size: 0.9em;
	padding-top: 2px;
	padding-right: 3em;
}
div.wow-left {
	float: left;
	width: 250px;
	padding-left: 3px;
}
div.wow-what {
	float: left;
	background-image: url(/img/bgs/wow.gif);
	background-repeat: repeat;
	border-right: 2px solid #E0E0E0;
	border-bottom: 2px solid #E0E0E0;
	padding: 1em;
}
div.wow-who {
	clear: left;
	text-align: right;
	font-size: 0.9em;
	margin-top: 0.5em;
}
div.wow-right {
	margin-left: 280px;
}
div.wow-background {
	margin-right: 1em;
}
/**
 * HEARTBEAT
 */
table#heartbeat {
	border: 1px solid #E5ECF9;
	margin-top: 1em;
}
table#heartbeat th,
table#heartbeat td {
	border: 1px solid #E5ECF9;
	padding: 0.5em 0.5em;
	vertical-align: top;
}
/**
 * EXISTING MEMEBERS
 */
table#pick-members {
	border: 1px solid #E5ECF9;
}
table#pick-members th,
table#pick-members td {
	border: 1px solid #E5ECF9;
	padding: 0.3em 0.5em;
	vertical-align: baseline;
	text-align: left;
	font-size: 0.9em;
}
/**
 * OUTSTANDING INVITES
 */
div.out-invite {
	margin: 2em 0 1.5em 0;
}
div.out-invite-head {
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
	padding-right: 2px;
} 
div.out-invite-name {
	float: left;
	font-weight: bold;
} 
/**
 * MAILING LIST
 */
div.mlist {
	margin-top: 2em;
}
div.mlist-head {
	background-color: #E5ECF9;
	padding: 0.25em;
}
div.mlist-name {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
}
div.mlist-actions {
	font-size: 0.8em;
	text-align: right;
}
div.mlist-history {
	margin-top: 0.25em;
	padding-top: 1px;
	border-top: 1px solid #CCCCCC;
	color: #666666;
	font-size: 0.8em;
}
div.mlist-members {
	margin-top: 2em;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
}
/**
 * WHAT'S NEW
 */
div.whatsnew-sect {
	margin-top: 2em;
}
h4.whatsnew-head {
	letter-spacing: 1px;
	background-color: #FFEAC0;
	padding: 2px 3px;
}
div.whatsnew-content {
	margin-left: 3px;
}
p.whatsnew-type {
	font-weight: bold;
	letter-spacing: 1px;
	margin: 1em 0 0 0;
	border-bottom: 1px solid #CCCCCC;
}
div#whatsnew-nag {
	margin-bottom: 2em;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #AAAAAA;
	padding: 1em;
	background-color: #FFEE99;
}
/**
 * QIM
 */
ul#treqs li {
	font-weight: bold;
	padding-bottom: 1.5em;
}
div#rem-talk {
	padding-bottom: 1.5em;
}
div#rem-talk-title {
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 0.95em;
	margin-bottom: 1em;
}
div.rem-talk-block {
	font-size: 0.9em;
	border: 1px solid #EEEEEE;
	margin-top: 0.5em;
}
div.rem-talk-from {
	background-color: #EEEEEE;
}
p.rem-talk-line {
	margin-left: 1em;
}
div.qim {
	margin-top: 2em;
	border: 1px solid #AAAAAA;
	padding: 0.5em;
	background-color: #F3F3F3;
}
div.qim-head {
	font-size: 0.8em;
	margin-bottom: 2px;
}
div.qim-pmsg {
	font-style: italic;
	font-size: 0.9em;
	border:1px solid #DDDDDD;
	padding: 3px;
	margin-bottom: 0.5em;
}
div.qim-msg {
	background-color: #E0F0F0;
	border: 1px solid #999999;
	padding: 0.5em;
}
div.qim-reply {
	margin-top: 5px;
}
textarea.qim-reply-textarea {
	font-size: 0.9em;
}
td.qim-reply-textarea {
	vertical-align: top;
	padding-right: 0.5em;
}
td.qim-reply-actions {
	vertical-align: top;
	padding-top: 3px;
}
/**
 * ALERT BOX
 */
div#otof-alert-box2 {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/img/bgs/alertbox.gif);
	z-index: 1;
}
body>div#otof-alert-box2 {
	position: fixed;
}
div#otof-alert-box2 img {
	border: none;
	margin: 5px;
}
/**
 * LOBANG
 */
div.lobang-container {
	float: left;
	margin: 1em;
}
div.lobang {
	border: 1px dashed #000000;
	background-color: #F0F8FF;
}
div.lobang-title {
	padding: 0.35em 0.5em 0.25em 0.5em;
	font-weight: bold;
	border-bottom: 1px solid #DDDDDD;
}
div.lobang-text {
	padding: 0 0.5em 0.5em 0.5em;
}
div.lobang-footer {
	margin-top: 1px;
	font-size: 0.8em;
}
/**
 * USERFILE
 */
div.ufile {
	margin-top: 2em;
}
div.ufile-title {
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px solid #CCCCCC;
}
div.ufile-file {
	text-align: right;
	margin: 0.5em 0 0.5em 0;
}
div.ufile-filename {
	float: left;
}
div.ufile-nofile {
	float: left;
	font-size: 0.9em;
	color: #FF0000;
}
div.ufile-desc {
}
div.ufile-foot {
	text-align: right;
	border-top: 1px solid #CCCCCC;
}
div.ufile-history {
	float: left;
	font-size: 0.8em;
	padding-right: 2em;
}
/**
 * EVENTS
 */
div.event-month {
	margin-top: 1.5em;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #E5ECF9;
	padding: 0.2em 0.5em 0.2em 0.5em;
}
div.event-day-sep {
	background-color: #CCCCCC;
	height: 1px;
	margin-top: 0.25em;
	margin-left: 0.5em;
}
div.event-day {
	margin-top: 0.75em;
	float: left;
	letter-spacing: 1px;
	text-align: center;
	width: 3em;
	padding-left: 0.5em;
}
div.event-day-sat {
	color: #3333CC;
}
div.event-day-sun {
	color: #CC3333;
}
p.event-day-wkday {
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
p.event-day-day {
	font-size: 2em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
div.event-entry {
	margin-top: 0.8em;
	margin-left: 4em;
}
div.event-time {
	float: left;
	font-size: 0.8em;
}
div.event-event {
	margin-left: 8em;
}
div.event-details-head {
	margin-top: 2.5em;
	text-align: right;
}
div.event-details-history {
	float: left;
	font-size: 0.8em;
}
div.event-details-title {
	font-size: 1.2em;
	font-weight: bold;
	background-color: #E5ECF9;
	padding: 0.25em 0.5em 0.3em 0.5em;
	letter-spacing: 1px;
}
div.attendees {
	margin-top: 1em;
}
div.attendees-head {
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
	padding-right: 0.5em;
	white-space: nowrap;
}
div.attendees-caption {
	float: left;
	font-weight: bold;
	letter-spacing: 1px;
	color: #333333;
}
p.no-attendee {
	font-style: italic;
	margin-top: 0.5em;
	font-size: 0.95em;
}
ol.attendees {
}
ol.attendees li {
	margin-top: 5px;
}
div.attendee {
	text-align: right;
	border-bottom: 1px solid #EEEEEE;
}
div.attendee-name {
	float: left;
}
div.attendee-comments {
	text-align: left;
	font-size: 0.9em;
	font-style: italic;
}
/**
 * USER PHOTO
 */
div.uphoto-block {
	margin-top: 2em;
}
div.uphoto-head {
	background-color: #EEEEEE;
	padding: 1px 2px;
}
div.uphoto-photo {
	margin-top: 5px;
}
div.uphoto-comments {}
/**
 * CHAT LOG
 */
table#chat-log {
}
table#chat-log td {
	font-size: 0.9em;
	padding: 2px 0.5em;
	vertical-align: top;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table#chat-log tr.clog-type-S td {
}
table#chat-log tr.clog-type-W td.clog-barang,
table#chat-log tr.clog-type-B td.clog-barang,
table#chat-log tr.clog-type-J td.clog-barang,
table#chat-log tr.clog-type-L td.clog-barang {
	font-size: 0.8em;
	color: #333399;
	font-style: italic;
}
table#chat-log td.clog-ts {
	font-size: 0.8em;
	white-space: nowrap;
}
table#chat-log td.clog-ts input {
	margin-right: 2px;
	vertical-align: middle;
}
table#chat-log td.clog-nick {
	white-space: nowrap;
}
/**
 * ACTIVE CHART
 */
table#active-chart,
table#active-chart td {
	border: 1px solid #DDDDDD;
}
table#active-chart td {
	font-size: 0.9em;
	text-align: center;
	padding: 2px 3px;
}
table#active-chart td.hour {
	font-size: 0.8em;
}
/**
 * MISC
 */
div#mugshot-div {
	float: right;
	margin: 0 1em 1em 1em;
}
table#mugshot-tab td {
	text-align: right;
}
td.mugshot-photo {
	padding-top: 1em;
}
td.mugshot-caption {
	font-size: 0.9em;
}
td#mugshot-more {
	padding-top: 0.75em;
	font-size: 0.9em;
}
a.mugshot-a {
}
img.mugshot-img {
	border: none;
}
span#profile-is-online,
span#profile-is-chatting {
	padding-right: 0.5em;
	font-size: 1.5em;
	color: #006633;
	letter-spacing: 1px;
}

a.claim {
	margin-right: 2px;
}
div.one-image {
	float: left;
	margin: 0 1.5em 0 0;
	padding: 0;
}
div.one-image h4.giDescription {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	font-weight: normal;
}



/*
form.form,
div.page-block,
div#rdx {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
*/

/*
@media print {
	div#sentry-box,
	div#sidebar {
		display: none;
	}
}
*/