/* 

CSS Document 
the key based width is 250px

*/

.stContentDataBody{
	MARGIN: 5px 0px 0px 5px; FONT: 12px/16px arial; COLOR: #000
}
.stArea {
	FONT: bold 14px arial; TEXT-TRANSFORM: uppercase; COLOR: #000000
}
.stArea A {
	FONT: bold 14px arial; COLOR: #000000; TEXT-DECORATION: none
}
#stHeading {
	DISPLAY: block; MARGIN-BOTTOM: 1em; TEXT-ALIGN: right
}
#stHeading * {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: middle; CURSOR: pointer; PADDING-TOP: 4px; user-select: none
}
#stHeading LI.active {
	BACKGROUND-COLOR: #cccccc; border-radius: 3px; -webkit-border-radius: 3px; -opera-border-radius: 3px; -moz-border-radius: 3px
}

.stHeadingNumberOfTabs {
	MARGIN-TOP: 0px; FONT: bold 11px verdana
}
.stHeadingNumberOfTabs A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ccc 1px solid; DISPLAY: block; PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 4px; MARGIN: 0px 3px 10px 0px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #f0f0f0; TEXT-DECORATION: none
}
.stHeadingNumberOfTabs A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #336699
}
.stHeadingNumberOfTabs A.dipilih {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #003366
}

#stPanes {
	FLOAT: left; MARGIN: 0px auto; WIDTH: 215px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
#stPanes2 {
	FLOAT: left; MARGIN: 0px auto; WIDTH: 170px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: none
}

#stPrevious {
	FLOAT: none; CURSOR: pointer
}
#stNext {
	FLOAT: none; CURSOR: pointer
}

#stContentData {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px 5px; WIDTH: 229px; PADDING-TOP: 0px; HEIGHT: 210px; BACKGROUND-COLOR: #ffffff;
	overflow:hidden;
}
#stContentData SPAN {
	MARGIN-RIGHT: 10px
}
.stContentDataTitle {
	FONT: bold 11px arial; TEXT-TRANSFORM: uppercase; COLOR: #f60
}
.stContentDataTitle A {
	COLOR: #f60; TEXT-DECORATION: none
}
.stContentDataTitle A:hover {
	TEXT-DECORATION: underline
}
.stContentDataThumb {
	MARGIN-TOP: 0px; FLOAT: left; MARGIN-RIGHT: 0px
}
.stContentDataThumb IMG {
	BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #ccc 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 0px solid; 
}
.stContentDataHead {
	MARGIN-BOTTOM: 1px; FONT: bold 12px arial; COLOR: #336699
}
.stContentDataHead A {
	COLOR: #336699; TEXT-DECORATION: none
}
.stContentDataHead A:hover {
	COLOR: #003366; TEXT-DECORATION: underline
}
