/* Global Styles */

body {
	margin:0px;
	}

td {
	font:14px Arial, Helvetica, sans-serif;
	color:#000000;
	}
	
a {
	color: #cccccc;
	font-weight:bold;
	text-decoration:none;
	}
	
a:hover {
	color: #ff1312;
	}
	
/* ID Styles */

#navigation a {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding: 0px 10px;
	border-right:1px solid #FF6600;
	}
	
#navigation a:hover {
	color:#ffffff;
	background: #FF6600;
	}

#padding {
	padding:14px;
	}
	
/* Calendar Styles */

#calendar td {
	border: 1px solid #26354A; 
	}
	
#noborder td {
	border: 0px;
	}

#calheader td {
	font-weight:bold;
	color: #ffffff;
	}
	
/* Class Styles */

.logo {
	font:24px Times New Roman, Times, serif;
	color: #FFBA00;
	letter-spacing:.3em;
	line-height:26px;
	}
	
.tagline {
	font: 11px Arial, Helvetica, sans-serif;
	color: #D3DCE6;
	line-height:16px;
	}
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#26354A;
	letter-spacing:.1em;
	}

.contentheading {
	width: 98%;
	font-weight: bold;
	font-size: 23px;
	height: 23px;
	line-height: 20px;
	padding-left:10px;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	color: #000000;
	}


.detailText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#26354A;
	letter-spacing:.1em;
	}
	
.putih {
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:14px;
	color:#ffffff;
	letter-spacing:.1em;
	}
	
.textputih {
	font:11px Arial, Helvetica, sans-serif;
	line-height:14px;
	color:#ffffff;
	letter-spacing:.1em;
	}
	
.pageName {
	font:24px Arial, Helvetica, sans-serif;
	color: #FF6600;
	letter-spacing:.2em;
	line-height:32px;
	}
	
.subHeader {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #2D374D;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	line-height:16px;
	}

.calendarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	}
	
	
.sidebarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFBA00;
	letter-spacing:.1em;
	line-height:18px;
	}
	
	
	
	


.toplink {

	FONT-SIZE: 10px; COLOR: #124490; TEXT-DECORATION: none

}

.toplink A {

	FONT-SIZE: 10px; COLOR: #124490; TEXT-DECORATION: underline

}

.toplink A:hover {

	FONT-SIZE: 10px; COLOR: #124490; TEXT-DECORATION: none

}

.bordermenu {

	BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #85a3c2 1px solid; BORDER-LEFT: #85a3c2 1px solid; BORDER-BOTTOM: #003366 1px solid

}

.sbm {

	BORDER-RIGHT: #acc7ef 1px solid; BACKGROUND-COLOR: #f1f7ff

}

A.ln:active {

	BORDER-RIGHT: #24486c 1px solid; BORDER-TOP: #9eb6cf 1px solid; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; BORDER-LEFT: #9eb6cf 1px solid; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #24486c 1px solid; BACKGROUND-COLOR: #336699; TEXT-DECORATION: none

}

A.ln:link {

	BORDER-RIGHT: #91a0b4 1px solid; BACKGROUND-POSITION: left center; BORDER-TOP: #6c2602 1px solid; DISPLAY: block; PADDING-LEFT: 18px; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; BORDER-LEFT: #6c2602 1px solid; COLOR: #FFFFFF; PADDING-TOP: 3px; BORDER-BOTTOM: #91a0b4 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #660000; TEXT-DECORATION: none

}

A.ln:visited {

	BORDER-RIGHT: #91a0b4 1px solid; BACKGROUND-POSITION: left center; BORDER-TOP: #6c2602 1px solid; DISPLAY: block; PADDING-LEFT: 18px; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; BORDER-LEFT: #6c2602 1px solid; COLOR: #FFFFFF; PADDING-TOP: 3px; BORDER-BOTTOM: #91a0b4 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #660000; TEXT-DECORATION: none

}

A.ln:hover {

	BORDER-RIGHT: #614400 1px solid; BACKGROUND-POSITION: left center; BORDER-TOP: #6c2602 1px solid; DISPLAY: block; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; BORDER-LEFT: #6c2602 1px solid; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #614400 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffdf00; TEXT-DECORATION: none

}

TD {

	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

INPUT {

	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

TEXTAREA {

	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

SELECT {

	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

HR {

	BORDER-RIGHT: #acc7ef 1px solid; BORDER-TOP: #acc7ef 1px solid; BORDER-LEFT: #acc7ef 1px solid; BORDER-BOTTOM: #acc7ef 1px solid

}

.redfont {

	COLOR: #ff0000

}

.greenfont {

	COLOR: #006600

}

.bluefont {

	COLOR: #0000cc

}

.alertfont {

	COLOR: #ff0000

}

.positive {

	COLOR: #009933

}

.neutral {

	COLOR: #666666

}

.negative {

	COLOR: #ff0000

}

.paymenttable {

	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; BACKGROUND-COLOR: #ffffff

}

.paytable1 {

	BACKGROUND-COLOR: #ffffff

}

.paytable2 {

	BACKGROUND-COLOR: #f8f8f8

}

.paytable3 {

	BACKGROUND-COLOR: #f0f0f0

}

.payactive {

	COLOR: blue

}

.sell {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff

}

.sell A {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff

}

.sell A:hover {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffff00; TEXT-DECORATION: none

}

.item {

	FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none

}

.item A {

	FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: underline

}

.item A:hover {

	FONT-SIZE: 10px; COLOR: #ff0000; TEXT-DECORATION: none

}

.bolditem {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none

}

.bolditem A {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: underline

}

.bolditem A:hover {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ff0000; TEXT-DECORATION: none

}

.hlitem {

	FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none

}

.hlitem A {

	FONT-SIZE: 10px; BACKGROUND: #00ccff; COLOR: #000000; TEXT-DECORATION: underline

}

.hlitem A:hover {

	FONT-SIZE: 10px; BACKGROUND: #00ccff; COLOR: #ffffff; TEXT-DECORATION: none

}

.hlbolditem {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none

}

.hlbolditem A {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #00ccff; COLOR: #000000; TEXT-DECORATION: underline

}

.hlbolditem A:hover {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #00ccff; COLOR: #ffffff; TEXT-DECORATION: none

}

.smallfont {

	FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none

}

.smallfont A {

	FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: underline

}

.smallfont A:hover {

	FONT-SIZE: 10px; COLOR: #006699; TEXT-DECORATION: none

}

.contentfont {

	FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: none

}

.contentfont A {

	FONT-SIZE: 11px; COLOR: #003366; TEXT-DECORATION: underline

}

.contentfont A:hover {

	FONT-SIZE: 11px; COLOR: #006699; TEXT-DECORATION: underline

}

.submenu {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none

}

.submenu A {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: underline

}

.submenu A:hover {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffff00; TEXT-DECORATION: none

}

.membmenucell {

	BACKGROUND-COLOR: #ffffff

}

.membmenu {

	BACKGROUND-COLOR: #e9e9eb

}

.topitempage {

	BORDER-RIGHT: #cfcfcf 1px dashed; PADDING-RIGHT: 6px; BORDER-TOP: #cfcfcf 1px dashed; PADDING-LEFT: 6px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 6px; BORDER-LEFT: #cfcfcf 1px dashed; LINE-HEIGHT: 18px; PADDING-TOP: 6px; BORDER-BOTTOM: #cfcfcf 1px dashed; BACKGROUND-COLOR: #ffffe1

}

.topitempage A {

	FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: underline

}

.topitempage A:hover {

	FONT-SIZE: 11px; COLOR: #ff0000; TEXT-DECORATION: underline

}

.itemid {

	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #004680; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

.itemidend {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #0c6cbb; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

.subitem {

	BORDER-RIGHT: #acc7ef 1px solid; BORDER-TOP: #acc7ef 1px solid; BORDER-LEFT: #acc7ef 1px solid; BORDER-BOTTOM: #acc7ef 1px solid; BACKGROUND-COLOR: #ffffff

}

.counter {

	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; BACKGROUND-COLOR: #ff9900

}

.picselect {

	FONT-WEIGHT: bold; BACKGROUND-COLOR: #e3eef6

}

.picselectmain {

	BACKGROUND-COLOR: #f1f7ff

}

.leftborder {

	BORDER-LEFT: #acc7ef 1px solid

}

.gradient {

	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #ffffe1

}

.sellsteptab {

	BORDER-RIGHT: #acc7ef 1px solid; BORDER-LEFT: #acc7ef 1px solid; BORDER-BOTTOM: #acc7ef 1px solid

}

.boldgrey {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; TEXT-DECORATION: none

}

.boldgrey A {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; TEXT-DECORATION: underline

}

.boldgrey A:hover {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; TEXT-DECORATION: none

}

.membutt {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #003399; TEXT-DECORATION: none

}

.cathead {

	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none

}

.cathead A {

	FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: underline

}

.cathead A:hover {

	FONT-SIZE: 10px; COLOR: #ffee00; TEXT-DECORATION: none

}

.errormessage {

	BORDER-RIGHT: #cfcfcf 1px dashed; PADDING-RIGHT: 6px; BORDER-TOP: #cfcfcf 1px dashed; MARGIN-TOP: 8px; PADDING-LEFT: 6px; MARGIN-BOTTOM: 16px; PADDING-BOTTOM: 6px; BORDER-LEFT: #cfcfcf 1px dashed; LINE-HEIGHT: 18px; PADDING-TOP: 6px; BORDER-BOTTOM: #cfcfcf 1px dashed; BACKGROUND-COLOR: #ffffe1

}

.c1 {

	FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #0082d6

}

.c1 A {

	FONT-WEIGHT: bold; COLOR: #ffffff

}

.c1 A:hover {

	FONT-WEIGHT: bold; COLOR: #ffffff

}

.c2 {

	BACKGROUND-COLOR: #f8fbfd

}

.c3 {

	BACKGROUND-COLOR: #f0f6fa

}

.c4 {

	BACKGROUND-COLOR: #e3eef6

}

.c5 {

	BACKGROUND-COLOR: #8bc6ef

}

.c6 {

	COLOR: #003399; BACKGROUND-COLOR: #eef2f9

}

.c7 {

	BACKGROUND-COLOR: #e3e4eb

}

.creg2 {

	BACKGROUND-COLOR: #f8fbfd

}

.creg3 {

	BACKGROUND-COLOR: #f0f6fa

}

.creg4 {

	BACKGROUND-COLOR: #ffffff

}

.creg5 {

	BACKGROUND-COLOR: #acc7ef

}

.regborder {

	BORDER-RIGHT: #acc7ef 1px solid; BORDER-TOP: #acc7ef 1px solid; BORDER-LEFT: #acc7ef 1px solid; BORDER-BOTTOM: #acc7ef 1px solid; BACKGROUND-COLOR: #ffffff

}

.regsignup {

	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; BACKGROUND-COLOR: #ff9900

}

.reguser {

	FONT-SIZE: 9px; COLOR: #666666; BACKGROUND-COLOR: #ffffff

}

.pintext {

	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

.border {

	BORDER-RIGHT: #acc7ef 1px solid; BORDER-TOP: #acc7ef 1px solid; BORDER-LEFT: #acc7ef 1px solid; BORDER-BOTTOM: #acc7ef 1px solid

}

.feat1 {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: white; BACKGROUND-COLOR: #ff6600

}

.feat2 {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: white; BACKGROUND-COLOR: #0f3f79

}

.feat3 {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: black; BACKGROUND-COLOR: #ffcc00

}

.feat3 A {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: black; BACKGROUND-COLOR: #ffcc00

}

.feat3 A:hover {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: black; BACKGROUND-COLOR: #ffcc00

}

A.hidelayer:link {

	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none

}

A.hidelayer:visited {

	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none

}

.mainmenu {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff

}

.mainmenu A {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none

}

.mainmenu A:hover {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffff33

}

.user {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

.search {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none

}

.search A {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none

}

.search A:hover {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: underline

}

.welcome {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #003399; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

.categories {

	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}

.categories A {

	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}

.categories A:hover {

	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline

}

.maintext {

	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

.title {

	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}

.footerfont {

	FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none

}

.footerfont A {

	FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: underline

}

.footerfont A:hover {

	FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none

}

.footerfont1 {

	FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none

}

.footerfont1 A {

	FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: underline

}

.footerfont1 A:hover {

	FONT-SIZE: 10px; COLOR: #ff9900; TEXT-DECORATION: none

}