body
{
	margin: 0;
	font-family: Verdana, Sans-Serif;
	font-size: small;
}

form
{
	margin: 0 30px 0 30px;
	width: 960px;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

tr
{
	vertical-align: top;
}

td
{
	vertical-align: top;
}

hr
{
	color: Silver;
	height: 0.5pt;
}

h1
{
	font-size: larger;
}

h2
{
	font-size: 1.1em;
	margin: 0;
}

h2 a
{
	color: blue;
	text-decoration: none;
}

h2 a:hover
{
	color: blue;
	text-decoration: underline;
}

h6
{
	color: #666666;
	font-weight: normal;
}

fieldset
{
	border: dotted 1px #407ac9;
	margin-top: 1em;
}

legend
{
	background: #407ac9;
	color: white;
	margin: 0;
	padding: .1em .5em;
}

img
{
	border: 0;
	vertical-align: middle;
}


p.credit
{
	color: #666;
	margin: 0;
	font-size: smaller;
}
.menubar
{
	float: left;
}

textarea
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
}

/*
input
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
}
*/

.checkbox
{
	border: none 0px white;
}

.button
{
	border-style: solid;
	border-width: 0px;
	background-color: GrayText;
}

#Header
{
	background-image: url(../Images/bg_header.gif);
	width: 940px;
	height: 150px;
	background-repeat: no-repeat;
	vertical-align: top;
	top: 0;
}

.clr
{
	clear: right;
}

.rightbar
{
	vertical-align: top;
	float: right;
	width: 270px;
}

.contentbar
{
	vertical-align: top;
	float: left;
	width: 660px;
}

a.linkBrown
{
	color: #FF9A00;
	text-decoration: none;
}

a.linkBrown:hover
{
	text-decoration: underline;
}

#tickercontent
{
	float: left;
}

#date
{
	text-align: right;
}

.SearchBox
{
	text-align: center;
}

#loginBox
{
	text-align: right;
}

.SendArticlebox
{
	background: url(../Images/sendarticlebox.gif) no-repeat;
	font-size: 10px;
	height: 95px;
	padding-left: 5px;
	color: Black;
}

.TitleBlack a
{
	color: Black;
	font-size: larger;
	font-weight: bold;
}
.TitleBlack a:hover
{
	color: Blue;
	text-decoration: none;
	font-size: larger;
	font-weight: bold;
}

.TitleWhite a
{
	color: White;
	font-size: 12px;
	font-weight: bold;
}
.TitleWhite a:hover
{
	color: Black;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.smallerGray
{
	font-size: smaller;
	color: #666666;
}

.imageLeft
{
	float: left;
	padding-right: 5px;
}

.imageRight
{
	float: right;
	padding-left: 5px;
}

.TitleBlackLink
{
	color: Black;
	font-size: 12px;
	font-weight: bold;
}
.TitleBlackLink:hover
{
	color: Blue;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

/* Tooltip */

a.tooltip
{
	position: relative;
}

a.tooltip span
{
	display: none;
}

a.tooltip:hover
{
	background: #bef;
}

a.tooltip:hover span
{
	background: #bef;
	border: solid 1px #999;
	color: black;
	display: block;
	left: 0;
	padding: .5em;
	position: absolute;
	text-decoration: none;
	top: 1.2em;
	width: 20em;
}

a.tooltip:hover span.right
{
	left: auto;
	right: 0;
}

a.tooltip:hover span.top
{
	bottom: 1.2em;
	top: auto;
}

a.tooltipgrab
{
	position: relative;
}

a.tooltipgrab span
{
	display: none;
}

a.tooltipgrab:hover
{
	background: #bef;
}

a.tooltipgrab:hover span
{
	background: #bef;
	border: solid 1px #999;
	color: black;
	display: block;
	padding: .5em;
	position: absolute;
	text-decoration: none;
	top: 1.2em;
	width: 40em;
	font-size: smaller;
	margin-left: 0;
	text-indent: 0;
}

a.tooltipgrab:hover span.right
{
	left: auto;
	right: 0;
}

a.tooltipgrab:hover span.top
{
	bottom: 1.2em;
	top: auto;
}

/* favorit member */
img.favMember
{
	float: left;
}

div.favMember
{
	margin-left: 55px;
}
/* end favorit member */

/*HomeImageBox*/
.HomeImageBox
{
	background: url(../Images/homeimagebox.gif) no-repeat;
	font-size: smaller;
	padding-left: 10px;
	height: 236px;
}
.HomeImageBoxContent
{
	font-size: small;
	width: 624px;
	height: 190px;
	overflow: auto;
}
.HomeImageBox h3
{
	font-size: 12px;
	padding-top: 3px;
	color: White;
}
/*end HomeImageBox*/

/*menu*/
.BlueMenuClassLeft
{
	background: url(../Images/blueleft.gif);
	white-space: nowrap;
	background-repeat: no-repeat;
	width: 4px;
	height: 22px;
}
.BlueMenuClassRight
{
	background: url(../Images/blueright.gif);
	white-space: nowrap;
	background-repeat: no-repeat;
	width: 4px;
	height: 22px;
}
.BlueMenuItemCenter
{
	background: url(../Images/blueoff.gif);
	white-space: nowrap;
	padding-top: 4px;
}
.BlueMenuItemCenter a.bluenavbar
{
	font-size: 8pt;
	font-weight: normal;
	color: white;
}
.SelectedBlueMenuClassLeft
{
	background: url(../Images/bluesleft.gif);
	white-space: nowrap;
	background-repeat: no-repeat;
	width: 4px;
	height: 22px;
}
.SelectedBlueMenuClassRight
{
	background-image: url(../Images/bluesright.gif);
	white-space: nowrap;
	background-repeat: no-repeat;
	width: 4px;
	height: 22px;
}
.SelectedBlueMenuItemCenter
{
	background: url(../Images/blueon.gif);
	font-size: 8pt;
	font-weight: normal;
	color: blue;
	white-space: nowrap;
	padding-top: 4px;
}
.SelectedBlueMenuItemCenter a.bluenavbar
{
	font-size: 8pt;
	font-weight: normal;
	color: white;
}
.RedMenuClassLeft
{
	background: url(../Images/redleft.gif);
	white-space: nowrap;
	background-repeat: no-repeat;
	width: 4px;
	height: 22px;
}
.RedMenuClassRight
{
	background: url(../Images/redright.gif);
	white-space: nowrap;
	background-repeat: no-repeat;
	width: 4px;
	height: 22px;
}
.RedMenuItemCenter
{
	background: url(../Images/redoff.gif);
	white-space: nowrap;
	padding-top: 4px;
}
.RedMenuItemCenter a.rednavbar
{
	font-size: 8pt;
	font-weight: normal;
	color: white;
}
.SelectedRedMenuClassLeft
{
	background: url(../Images/redsleft.gif);
	white-space: nowrap;
	background-repeat: no-repeat;
	width: 4px;
	height: 22px;
}
.SelectedRedMenuClassRight
{
	background-image: url(../Images/redsright.gif);
	white-space: nowrap;
	background-repeat: no-repeat;
	width: 4px;
	height: 22px;
}
.SelectedRedMenuItemCenter
{
	background: url(../Images/redon.gif);
	font-size: 8pt;
	font-weight: normal;
	color: Red;
	white-space: nowrap;
	padding-top: 4px;
}
.SelectedRedMenuItemCenter a.rednavbar
{
	font-size: 8pt;
	font-weight: normal;
	color: white;
}
/*end menu*/
/*Menu untuk Index*/

.submenublue
{
	background: white;
	border: solid 2px #407AD9;
	white-space: nowrap;
}

.submenublue a.bluenavbar
{
	font-size: 8pt;
	font-weight: normal;
	color: Blue;
}

.submenured
{
	background: white;
	border: solid 2px red;
	white-space: nowrap;
}

.submenured a.rednavbar
{
	font-size: 8pt;
	font-weight: normal;
	color: Red;
}
/*end Menu untuk Index*/
/*box sebelah kanan dengan title blue*/
.bluetop h3
{
	color: White;
	margin: 0;
	width: 263px;
	height: 19px;
	background: url(../Images/bluetitle.gif) no-repeat;
	padding-left: 10px;
	padding-top: 3px;
	font-size: 10pt;
}
.bluecnt
{
	width: 257px;
	border-left: solid 1px black;
	border-right: solid 1px black;
	padding: 2px;
	background-color: White;
}
.bluecnt ul
{
	margin: 0;
	padding: 0 3px 0 20px;
}
.bluebottom
{
	background: url(../Images/bluebottom.gif) no-repeat;
	width: 263px;
	height: 9px;
}
/*end box sebelah kanan dengan title blue*/

/*box sebelah kanan utk agenda*/
.agendabox
{
	background: url(../Images/agendabox.gif) no-repeat;
	width: 263px;
	height: 240px;
	margin-left: 3.5px;
}
.agendacnt
{
	margin-left: 8px;
	margin-right: 8px;
	height: 150px;
}
.agendabox h3
{
	color: white;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 9px;
}
.agendaButton
{
	text-align: center;
	padding: 17px 15px 0 15px;
}
#strAgendaAll
{
	height: 145px;
	width: 250px;
}
td.agendaDate
{
	background: url(../images/corner02-backg.gif);
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}
td.agendaDate .day
{
	color: white;
	font-size: 2em;
}
td.agendaDate .monthYear
{
	color: white;
	font-size: 0.8em;
}
td.agendaDesc
{
	color: black;
	font-size: smaller;
}
/*end box sebelah kanan utk agenda*/


/*box sebelah kanan utk VivaNews*/
.vivatop
{
	color: White;
	margin: 0;
	width: 263px;
	height: 45px;
	background: url(../Images/header-vivanews.gif) no-repeat;
	padding-left: 10px;
	padding-top: 3px;
	font-size: 10pt;
}
/*end box sebelah kanan utk VivaNews*/
/* display news */
table.form td.note
{
	color: #666;
	font-size: smaller;
	padding: 0;
}
/* end display news */

/*Testimonial Master*/

#testimonialMaster
{
	background: #93d7ca;
	padding: 1em;
}

#testimonialMaster img
{
	float: left;
	padding: 0 .5em .5em 0;
}

.legendtesti
{
	background: #93d7ca;
	color: black;
}

#sidebar
{
	clear: both;
	float: right;
	width: 270px;
}

.sidebox
{
	background: #b0e2d7;
	overflow: hidden;
	padding: .5em;
	margin-bottom: 1em;
}

.sidebox h4
{
	font-size: 1.2em;
	margin: 0;
}

.sidebox h5
{
	background: 0;
	border-bottom: ridge #b0e2d7;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}

.sidebox img
{
	float: left;
	padding-right: .5em;
}

.linkBlack
{
	color: black;
	text-decoration: none;
	font-size: 1.2em;
	margin: 0;
}

.linkBlack:hover
{
	text-decoration: underline;
	font-size: 1.2em;
	margin: 0;
}
/*end Testimonial Master*/

/* Opinion Master */
#opinionMaster
{
	background: url(../Images/opinionbody.png) repeat-x;
	border: solid 1px black;
	padding: 1em;
}

#opinionMaster img
{
	float: left;
	padding: 0 .5em .5em 0;
}

/* end Opinion Master */


/* News section */

#newsHeader
{
	overflow: hidden;
}

#newsCredit
{
	color: #666;
}

#newsBody
{
	overflow: hidden;
	height: 1%;
	width: 99%;
}

#newsBody img
{
	padding-right: .5em;
}

#print
{
	overflow: hidden;
}

#print img
{
	padding-right: .5em;
}

#newsBody p
{
	margin-top: 0;
}


/* Form table */

table.form th
{
	font-weight: normal;
	padding-top: 1em;
	text-align: left;
}

table.form td
{
	padding-top: 1em;
}

table.form table td
{
	padding: 0;
}

table.form td.note
{
	color: #666;
	font-size: smaller;
	padding: 0;
}

table.form .star
{
	color: red;
}

/* column */
.legendcolumn
{
	background: #c30;
	color: white;
}

#newsWrapper
{
	border: solid 2px #c30;
	padding: .5em;
}

#newsWrapper h1
{
	background: url(../Images/home-bottom.png) repeat-y right;
	color: #036;
}

#newsWrapper h2
{
	font-size: 1.3em;
	margin: .5em 0 0 0;
}

img.contributor
{
	float: left;
	padding-right: .5em;
}

/* end column */

div.headline
{
	clear: left;
	color: black;
	font-weight: normal;
	padding: 0.5em;
}

div.headline hr
{
	background: #EBF3FA;
	height: 0.1em;
}

#headline h1
{
	font-size: 1.5em;
	color: black;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
}

div.headline h1 a
{
	color: black;
	text-decoration: none;
}

div.headline h1 a:hover
{
	text-decoration: underline;
}

div.headline p.credit
{
	color: #666666;
	font-size: smaller;
	margin-bottom: 0.5em;
	margin-top: 0;
}

div.headline p.credit a
{
	color: blue;
}

.grayText
{
	color: #666666;
}

.linkSendArticle:hover
{
	text-decoration: none;
}

/* Display Home Image */

.HomeImage h2
{
	font-size: 1.2em;
	margin: 0;
}

.HomeImage h2 a
{
	color: black;
}

.HomeImage p.credit
{
	color: #666;
	margin: 0;
}

.HomeImage
{
	padding: 1em;
}

.HomeImage img
{
	float: left;
	padding: 0 .5em .5em 0;
}

.imgHome
{
	float: left;
	padding: .5em;
}

.discleamer
{
	background-color: #FFFF66;
}

.discleamerGreen
{
	background-color: #98fb98;
}


/* Advertorial*/
#Advertorial
{
	background: url(../Images/advertorialbody.gif) no-repeat;
	padding-left: 10px;
	padding-top: 35px;
}

#Advertorial img
{
	float: left;
	padding: 0 .5em .5em 0;
}

#Advertorial h1
{
	margin: 0;
}

#Advertorial h2
{
	margin: 0;
}

/* Testimonial Vertical*/
#testimonialvertical
{
	background: url(../Images/testimonialverticalbox.gif) no-repeat;
	height: 240px;
	width: 263px;
	position: relative;
	padding-left: 10px;
}
#testimonialvertical h3
{
	padding-top: 5px;
}
#testimonialvertical .content
{
	height: 200px;
	width: 251px;
	overflow: auto;
}
#testimonialvertical img
{
	float: left;
	padding-right: .5em;
}
#testimonialvertical h2
{
	margin: 0;
}
#testimonialvertical h6
{
	color: gray;
	margin: .5em 0 1em 0;
}
/* end Testimonial Vertical*/

/* Opinion Vertical*/
#opinionvertical
{
	background: url(../Images/opinionverticalbox.gif) no-repeat;
	height: 240px;
	width: 263px;
	position: relative;
	padding-left: 10px;
}
#opinionvertical h3
{
	color: Black;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}
#opinionvertical .content
{
	height: 200px;
	width: 251px;
	overflow: auto;
}
#opinionvertical img
{
	float: left;
	padding-right: .5em;
}
#opinionvertical h2
{
	margin: 0;
}
#opinionvertical h6
{
	color: gray;
	margin: .5em 0 1em 0;
}
/* end Opinion Vertical section */


/*micro blogging */
.divMBsummary
{
	padding: 5px;
	width: 650px;
	margin-bottom: 10px;
}

.divMBheader
{
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;
	margin: 0 0 20px 0;
}

.divMBcontent
{
	font-size: small;
	margin: 5px 0 5px 0;
}

.divMBfooter
{
	font-size: smaller;
	color: GrayText;
	width: 650px;
	height: 15px;
}

.MBnote
{
	font-size: 11px;
	border: dotted 1px black;
	margin-bottom: 20px;
}

.MBticker
{
	font-weight: bold;
	font-size: 11px;
}