/* CSS Document */

body
{
	background: #43525f url(/images/background.bmp);
	color: #CCCCCC;
	font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
}

a:link, body_alink
{
	color: #eeeeee;
	text-decoration: none;
}
a:visited, body_avisited
{
	color: #eeeeee;
	text-decoration: none;
}
a:hover, a:active, body_ahover
{
	color: #cdf16c;
}
.page
{
	background: #1b1b1b url(/images/snow.gif);
	color: #CCCCCC;
}
.page a:link, .page_alink
{
	text-decoration: none;
}
.page a:visited, .page_avisited
{
	text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
	text-decoration: none;
}
td, th, p, li
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #43525f url(/images/background.bmp);
	color: #CCCCCC;
	border: 1px solid #5b5b5b;
}
.tcatty
{
	background: #5b8d22 url(/images/gradient_tcat.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: left;
}
.tcat
{
	background: #5b8d22 url(/images/gradient_tcat.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
}
.tcat a:link, .tcat_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.thead
{
	background: #373737 url(/images/gradient_thead.gif) repeat-x top left;
	color: #FFFFFF;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-top: 1px solid #363636;
	text-align: left;
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #cdf16c;
	text-decoration: none;
}
.tfoot
{
	background: #282828;
	color: #CCCCCC;
}
.tfoot a:link, .tfoot_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #cdf16c;
	text-decoration: none;
}
.alt1, .alt1Active
{
	background: #454545;
	color: #d7d7d7;
	font: 10 tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-top: 1px solid #363636;
	border-left: 1px solid #363636;
}
.zz3, .zz3Active
{
	background: #454545 url(/images/logo_bg.jpg) repeat-x top left;
	color: #d7d7d7;
	font: 10 tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-top: 1px solid #363636;
	border-left: 1px solid #363636;
}
.alt2, .alt2Active
{
	background: #3d3d3d;
	color: #d7d7d7;
	font: 10 tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-top: 1px solid #363636;
	border-left: 1px solid #363636;
}
td.inlinemod
{
	background: #333333;
	color: #FFFFFF;
	border-top: 1px solid #363636;
	border-left: 1px solid #363636;
}
.wysiwyg
{
	background: #454545;
	color: #d7d7d7;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
	background: #000000;
	color: #cdf16c;
	font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #1f1f1f;
}
.button
{
	background: #333333;
	color: #FFFFFF;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #000;
	height: 25px;
}
select
{
	background: #000000;
	color: #FFFFFF;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border: 1px solid #1f1f1f;
}
option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #cdf16c;
}
.navbar
{
	background: #000 url(/images/navbar_bg.jpg) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	height: 26px;
}
.navbar a:link, .navbar_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.navbar a:visited, .navbar_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #000000;
	color: #FFFFFF;
}
.fjdpth0
{
	background: #5b8d22;
	color: #FFFFFF;
}
.fjdpth3
{
	background: #3366FF;
}
.panel
{
	background: #2c2c2c;
	color: #848484;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #282828;
	color: #848484;
	border-top: 1px solid #363636;
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
	border-bottom: 1px solid #363636;
}
legend
{
	color: #cdf16c;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #5b8d22 url(/images/gradient_tcat.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #1f1f1f;
	color: #848484;
	border: 1px solid #363636;
}
.vbmenu_option
{
	background: #282828;
	color: #848484;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border-top: 1px solid #363636;
	border-left: 1px solid #363636;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #848484;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #848484;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #848484;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #2c2c2c;
	color: #FFFFFF;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border-top: 1px solid #363636;
	border-left: 1px solid #363636;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.underline { text-decoration: underline; }
/* Here you can change the look of the post text and links */

.vb_postbit
{
	color: #848484;
    font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-decoration: none;
}
.vb_postbit a:link
{
	color: #848484;
        font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        border-bottom: 1px dotted #cdf16c;
	text-decoration: none;
}
.vb_postbit a:visited
{
	color: #848484;
        font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        border-bottom: 1px dotted #cdf16c;
	text-decoration: none;
}
.vb_postbit a:hover, .vb_postbit a:active
{
	color: #cdf16c;
        font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        border-bottom: 1px dotted #848484;
	text-decoration: none;
}

/* ***** Header and Nav  ***** */
.header_bg {
background: #000000 url(/images/logo_bg.jpg) ;
}
.vb_navigation {
background: #000000 url(/images/nav_bg_small.gif) ;
}

/* ***** navigation roll-overs element */

.css_nav {
float: left;
width: 78px;
height: 34px;
color: #ffffff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
margin: 0px;
padding: 0px;
border: 0px;
}

.css_nav a:link , .css_nav a:visited {
display: block;
background-image: url(/images/nav.gif);
color: #ffffff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
line-height: 31px;
text-align: center;
text-decoration: none;
width: 78px;
height: 34px;
}

.css_nav a:hover, .css_nav a:active {
background-image: url(/images/nav_over.gif);
color: #e3f9c2;
text-decoration: none;
line-height: 33px;
width: 78px;
height: 34px;
}

/* ***** postbit user info  ***** */
.postbit_box 
{
background-color: #edf3f9;
color: #000000;
padding:7px 7px 7px 7px;
border: 1px dotted #CFCFCF;
width: 292px;
}

/* ***** spacers and paddings ***** */

.cat_spacer {
padding:5px 0px 5px 0px;
}
.spacer {
padding:5px 0px 5px 0px;
}
.spacer_small {
padding:2px 0px 2px 0px;
}

/* ***** make announcements, stickies moderated, soft deleted posts, poll posts and search result since last visit pretty ***** */
.announcement {
background-color: #3d4c3b;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
.sticky {
background-color: #434236;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
.poll {
background-color: #1f2e38;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
.moderated {
background-color: #3e3e3e;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
.subscribed {
background-color: #363d38;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}
.deleted {
background-color: #1b1b1b;
color: #ffffff;
border-top: 1px solid #363636;
border-left: 1px solid #363636;
}
.last_visit {
background-color: #434236;
color: #ffffff;
border-top: 1px solid #4e4e4e;
border-left: 1px solid #4e4e4e;
}

/* ***** dotted hr ***** */
div.hr {
height: 2px;
background: url(/images/hr.gif) repeat scroll center;
}
div.hr hr {
display: none;
}

/* ***** make dropdown menu pretty ***** */

.vb_menu_control { 
background: #373737 url(/images/gradient_thead.gif) repeat-x top left;
color:  #ffffff;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-top: 1px solid #363636;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vb_menu_control a:link {
color:  #ffffff;
text-decoration: none;
}
.vb_menu_control a:visited {
color:  #ffffff;
text-decoration: none;
}
.vb_menu_control a:hover, .vb_menu_control a:active {
color:  #cdf16c;
text-decoration: underline;
}

/* ***** navbar dot border ***** */
.vb_navbar
{
	background: #1f1f1f;
	color: #848484;
	border: 1px dotted #363636;
}

/* ***** category bottom ***** */
.cat_bottom
{
background: #1f1f1f url(/images/gradient_thead.gif) repeat-x top left;
border-top: #363636 1px solid;
}
.top_string {
background: #000 url(/images/top_string.jpg);
color: #FFF;
font: bold 11px Tahoma;
height: 25px;
padding: 0px 0px 0px 5px;
}
.navbar_bg {
background: #000 url(/images/navbar_bg.jpg);
color: #FFF;
font: bold 10px Tahoma;
height: 26px;
padding: 2px 0px 0px 0px;
}
.navbar_bg a{
color: #FFF;
font: bold 12px Tahoma;
}
.navbar_bg a:link, .navbar_bg a:visited{
color: #FFF;
font: bold 12px Tahoma;
}
.navbar_bg a:hover {
color: #bce2ff;
font: bold 12px Tahoma;
}
.oglav
{
	background: #373737 url(/images/gradient_thead.gif) repeat-x top left;
	color: #d7d7d7;
	font: bold 10px Tahoma;
	border-top: 1px solid #363636;
	text-align: left;
}
.oglav a:link, .thead_alink
{
color: #d7d7d7;
font: bold 12px Tahoma;
}
.oglav a:visited, .thead_avisited
{
color: #d7d7d7;
font: bold 12px Tahoma;
}
.oglav a:hover, .thead a:active, .thead_ahover
{
color: #bce2ff;
font: bold 12px Tahoma;
}
.flyblock
{
    position: absolute;
    display: none;
}

/* text & menu formatting */
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide {
	cursor: url(/images/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid #bce2ff;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(/images/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: #bce2ff;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
	color: #666;
}
#panel {
	background: #754c24;
	height: 200px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(http://mypsp.my/images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(http://mypsp.my/images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}