/* :::::Reset :::::*/
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
body {background-color:white;color:Black;font:normal small/normal Verdana,Arial,Helvetica,Sans-Serif;margin:20px 0 20px 0;}

/* :::::Links:::::*/
a, a:visited {text-decoration:none; outline:none; color:#3b4449;}
a:visited {color:#3b4449;}
a:hover {text-decoration:underline}
img, img a:link, img a:visited, img a:active, img a:hover {border-width:0;}

/* :::::Title:::::*/
p, h1, h2, h3 {color:black;font-style:normal;font-variant:normal;font-weight:normal;font-size-adjust:none;font-stretch:normal;}
h2 {font:normal 20px/normal Arial,San-serif;}
h3 {font:bold 16px/1 Arial,Helvetica,sans-serif;}

/* :::::Page Structure:::::*/
#container {margin:0 auto;width:1000px;}
#content {}
#footer {border-top:solid 1px #999;clear:both;margin-top:00px;}

/* :::::Header:::::*/
#header p {float:right;}

/* :::::Footer:::::*/
#footer {}
	#footer p {color:#999;font:normal .85em/normal Tahoma;padding:1.5em 0;text-align:center;}
	#footer p a, #footer p a:visited {color:#333;text-decoration:underline;}
	#footer p a:hover {text-decoration:none;}
	#footer p span {color:#f60;}

/* :::::Content:::::*/
#content .welcome {height:230px;width:inherit;margin:0 0 40px 0;border-bottom:solid 1px #ccc;}
	.welcome .home {float:left;margin:20px 0 0 0;}
	.welcome .description {float:right;width:200px;margin:60px 50px 0 0 !important;margin:60px 30px 0 20px;}
		.welcome .description p {color:#444;text-align:right;font-size:.85em;margin-bottom:5px;}

#content .shortpage {height:150px;width:inherit;margin:0 0 40px 0;border-bottom:solid 1px #ccc;}
	.shortpage .home {float:left;margin:20px 0 0 0;}
	.shortpage .description {float:right;width:200px;margin:60px 50px 0 0 !important;margin:60px 30px 0 20px;}
		.shortpage .description p {color:#444;text-align:right;font-size:.85em;margin-bottom:5px;}

#content .features {max-width:740px;}
	h2.title {color:#444;margin-top:2em;}
		h2.title a:link,  h2.title a:visited {text-decoration:none;color:#333;}
	.nav {border-bottom:solid 1px #666;margin:2em 0 4em 0;padding-bottom:10px;font-size:.85em;text-align:right;color:#333;}
		.nav a, .nav a:visited {color:#f60;text-decoration:none;}
		.nav a:hover {color:#f60;text-decoration:underline;}

	.features .column {width:45%;float:left;margin-bottom:2em;}
	.features .column.right {float:right;width:45%; text-align:left;}
	.features h3 {margin-bottom:1em;}
	.features p {font-size:.85em;line-height:1.6;margin:0;padding:0;}
	img.thumbz {float:left;padding:2px;border:solid 0px #ccc;margin:0 6px 6px 0;}
	
	.features .column-main {width:100%;float:left;margin:0 0 2em 2em;}
		.features .column-main.single {width:100%;margin:0 auto}
	.features .column-sub {float:right;width:30%; text-align:left;}
	
	.features .bcrumb {margin-bottom:2em;color:#888;}
	.features .arsip {text-align:right;}
		.features .berita {margin-bottom:2em;}
			.berita p {padding-bottom:8px;}
			.berita p.date {padding:0;color:#777;}
			.berita p.title a, .berita p.title a:visited {font-weight:bold;color:#333;text-decoration:none; padding:10px 0;}
			.berita p.title a:hover {text-decoration:underline;}
			
		.features .entry {padding-bottom:1.5em;}
		.column-sub p {color:#999;padding-bottom:1em;line-height:normal;}
		
	.features ul.galeri {margin-bottom:1em;clear:both;}
		.galeri li {float:left;margin-right:8px;}
		
	
/* :::::Form:::::*/
.form-pilih {margin-top:1em;padding:20px;width:60%;background-color:#F4F8FB;border:solid 1px #A2B6CF;}
	.form-pilih p {margin-bottom:1em;}
	.form-pilih .txtbox, .form-pilih .ddl {border:solid 1px #666;color:#333;font:normal 1em/normal Verdana,Arial,Helvetica, sans-serif;margin:1px 0pt;padding:3px;}
	
.form-search {margin-top:1em;padding:20px;width:100%;background-color:#F4F8FB;border:solid 1px #A2B6CF;}
	.form-search p {margin-bottom:1em;}
	.form-search .txtbox, .form-search .ddl {border:solid 1px #666;color:#333;font:normal 1em/normal Verdana,Arial,Helvetica, sans-serif;margin:1px 0pt;padding:3px;}
	
/* :::::Misc:::::*/	
.grey {color:#666;}


/* :::::Added:::::*/	

.logotopbg
{
	background:url('Images/logobpn-top.jpg') no-repeat;
}

.topleftbg
{
	background:url('Images/top-bg1.jpg') repeat-x;
}

.topcenterbg
{
	background:url('Images/top-bg2.jpg') repeat-x;
}

.toprightbg
{
	background:url('Images/top-bg3.jpg') repeat-x;
}

.centersubtitlebg
{
	background:url('Images/subtitle-bg1.jpg') repeat-x;
}

.rightsubtitlebg
{
	background:url('Images/subtitle-bg2.jpg') repeat-x;
}

.leftsubtitlebg
{
	background:url('Images/subtitle-bg3.jpg') repeat-x;
}

.headimage
{
	background:url('Images/head.jpg') no-repeat;
	display:block;
}

.topmenu
{
   text-align:right;
   font:normal 11px Tahoma,Arial,Verdana;
   color:#ffffff;
   padding:0px;
   margin:0 auto;
   text-decoration:none;
}

.eselontext
{
	font:normal 16pt Trebuchet MS,Arial;
	text-align:left;
	margin:1em 0 1em 0;
	width:100%;
	color:#ffffff;
}
.eselontext a
{
	font:normal 16pt Trebuchet MS;
	text-align:left;
	margin:1em 0 1em 0;
	width:100%;
	color:#ffffff;
	text-decoration:none;
}


.breadcrumbs 
{
   border-bottom:solid 1px #666;margin:0 0 1em 0;
   padding-bottom:10px;font-size:.85em;text-align:left;
   color:#f60;text-decoration:none;
}

.SubTopicTitle
{
	text-align:left;font:bold 12px Trebuchet MS, Arial;color:#b55015;padding-top:20px;
	text-transform:uppercase;text-decoration:overline underline;
}

.TajukUtama
{
	text-align:left;font:bold 14px Arial;color:#ca8c03;border-bottom:solid 1px #ca8c03;padding-bottom:2px;
}

.Editorial
{
	text-align:left;font:bold 14px Arial;color:#a1461a;vertical-align:bottom;padding-left:4px;
}

.LeftMenuTitle
{
	text-align:left;font:bold 12px Arial;color:#3b4449;vertical-align:bottom;padding-left:4px;text-transform:uppercase;
}

.TopicTitle
{
	text-align:left;font:bold 14px Arial;color:#ca8c03;vertical-align:bottom;padding-left:4px;text-transform:uppercase;
}

.TopicTitleNoLine
{
	text-align:left;font:bold 14px Arial;color:#ca8c03;
}

.PagerControlStyle
{
	border-bottom:solid 1px Silver;padding-bottom:10px;border-top:solid 1px Silver;padding-top:10px;text-align:left;font:normal 12px Arial;color:#f60;
}

.fontyellow
{
	text-align:left;font:normal 12px Arial;color:#f60;
}

.padding5
{
	padding:5px;
}

.PaddingImageRotator
{
	padding:5px 0px 0px 5px;
}

.NavAdmin a {font:normal 12px Verdana;text-decoration:none;outline:none;color:Blue;}
.NavAdmin a:visited {text-decoration:none;outline:none;color:Blue;}
.NavAdmin a:hover {text-decoration:underline;color:Red;}

.Arial12Bold
{
	font:bold 12px Arial;
}


/*#News#*/

.NewsPTitle
{
	background:#000000 url(../App_Themes/CorporateSite/Images/genbackground.gif) repeat-x scroll left top;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	color:#ffffff;
	padding:5px;
}

.NewsPTitle a{
	color: #ffffff;
	font-weight: bold;
}

.NewsPBody
{
	border:1px solid #cccccc;
	margin-bottom:20px;
	padding:10px 15px;
}

.NewsSummary
{
	background-color:#f1f1f1;
	border:1px solid #cccccc;
	margin-top:10px;
	padding: 15px 0 15px 15px;
}

.NewsSummary img
{
	border: 1px solid #cccccc;
	float: left;
	margin-right: 15px;
	margin-bottom: 0px;
}

.NewsSummary .NewsContent
{
	float: left;
	width: 700px;
}

.NewsSummary .Date
{
	font-weight: bold;
	margin-bottom: 10px;
}

.NewsSummary .Clearer
{
	height: 0;
	line-height: 0;
	font-size: 0pt;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
}

.NewsBody
{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:15px;
}

.NewsDetail
{

}

.NewsTitle
{
	font-size: 16px;
	font-weight: bold;
	color: orange;
}

.NewsDate
{
	font-style: italic;
	padding-top: 5px;
}

.NewsReleaseDate
{
	font-style: italic;
}

.BoxTitle
{
	font-size: 120%;
	color: #002756;
	font-weight: bold;
}

.NewsPreviewTitle a
{
	font-weight:bold;
}

.NewsPreviewDate
{
	font-size:90%;
	padding:5px 0 3px;
}

.NewsPreviewSummary
{
	font-size:80%;
}
.thumbz {float:left;padding:0px;border:solid 0px #ccc;margin:0 6px 6px 0;}

.attachmentlabel {float:left;font:normal 11px Tahoma;color:Navy;padding-top:10px}


/*#Main styles#*/

/*#Main styles/General#*/

.zoneLeft
{
	width: 190px;
}

.zoneContent
{
	width: 735px;
	margin: 0px;
}


/*#Main styles/Events page#*/

.eventCalendarDetail .zoneTop
{
	width: 100%;
	margin-bottom: 10px;
}

.eventCalendarDetail .zoneLeft
{
	width: 450px;
}

.eventCalendarDetail .zoneRight
{
	width: 450px;
}



/*#Events#*/

.EventCalendar
{
	width: 100%;
}

.EventCalendar *
{
	padding: 0px;
}

.EventCalendar .Title
{
	background:#000000 url(../App_Themes/CorporateSite/Images/genbackground.gif) repeat-x scroll left top;
	color: #ffffff;
	padding: 5px;
	height: 35px;
	font-weight: normal;
	vertical-align: middle;
	font-family: Arial;
}

.EventCalendar .Navigation
{
	font-weight: normal;
	width: 50px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	font-family: Arial;
}

.EventCalendar .DayHeader
{
	height: 25px;
	background-color: #222222;
	color: White;
	font-weight: normal;
	border-style: none;
	vertical-align: middle;
	font-size: 11px;
	font-family: Arial;
}

.EventCalendar .Day, .EventCalendar .OtherMonth, .EventCalendar .Weekend, .EventCalendar .Today
{
	height: 50px;
	padding: 3px;
	background-color: #eeeeee;
	font-size: 11px;
	font-family: Arial;
}

.EventCalendar .Today
{
	background-color: #222222;
	color: White;
	font-weight: bold;
}

.EventCalendar .Today a
{
	color: White;
	font-weight: bold;
	font-size: 11px;
}

.EventCalendar .ContentEvent a
{
	margin-top: 3px;
	color: Orange;
	font-weight: bold;
}

.EventCalendar .OtherMonth
{
	color: Gray;
	background-color: White;
}

.EventManagerRegTitle
{
	display: block;
	color: #002756;
	font-weight: bold;
	margin-bottom: 5px;
}
.EventManagerOutlookLink
{
	display: block;
	margin-top: 5px;
}

.EventManagerRegLabel
{
	font-weight: bold;
}


/*#Webpart containers/General list#*/

.GeneralList .Header a
{
	color: #ffffff;
	font-weight: bold;
}

.GeneralList img
{
	border: solid 1px #cccccc;
	padding: 3px;
}

.GeneralList .Address
{
	font-size: 10px;
}

.GeneralList .Header
{
	background:#000000 url(../App_Themes/CorporateSite/Images/genbackground.gif) repeat-x scroll left top;
	color: #ffffff;
	padding: 5px;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
}

.GeneralList .Body
{
	padding: 0 5px 5px;
	border: solid 1px #cccccc;
}




.signOut input, .SubscriptionButton, .PollVoteButton
{
	background: url(Images/buttonBackground.gif) repeat-x;
	border: 1px ridge Gray;
	color: #ffffff;
	padding: 3px;
	font: normal 11px Tahoma;
    width: 60px;
}

.FontTahoma11
{
    font-family: Tahoma;
    font-size: 11px;
}

.FontRepeater
{
    font-family: Tahoma;
    font-size: 11px;
    color: #000000;
}

.FontNormal
{
    font-family: Arial;
    font-size: 12px;
}

.FontBold
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.FontControl
{
    font-family: Arial;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: LightSteelBlue;
}

.TransparentButton {
   color:#3b4449; height:16px; font-family:Tahoma, Arial, Trebuchet MS; text-align:left; text-decoration:none; 
   font-size:11px; background-color:transparent; border:0px none; cursor:hand; 
}
.TransparentButton:hover {
	background-color:transparent; text-decoration:underline; color: #ff0000; 
}

.TransparentButton2 {
   color:#3b4449; font-family:Trebuchet MS, Tahoma; text-decoration:underline; width:auto; 
   font-size:11px; background-color:transparent; border:0px none; cursor:hand; 
}

.TransparentButton3 {
   color:#ffffff; font-family:Trebuchet MS, Arial; text-decoration:none; width:auto; 
   font-size:12px; background-color:transparent; border:0px none; cursor:hand; 
}
.TransparentButton3:hover {
	background-color:transparent; text-decoration:underline; color: Yellow; 
}


/* Polls */
.PollControl
{
	font: normal 12px Arial;
    color: #000000;
    background-color: #f2f2f2;
    border: solid 1px #cccccc;
    display: block;
    height: 100%;
}

.PollTitle
{
    font-weight: bold;
    display: block;
    padding: 3px;
    border-bottom: solid 1px #cccccc;
}

.PollQuestion
{
	font: normal 12px Arial;
    display: block;
    padding: 3px 3px 3px 3px;
    /*border-bottom: solid 1px #cccccc;*/
}

.PollAnswers
{
	font: normal 11px Tahoma;
    padding: 3px;
}

.PollFooter
{
    clear: both;
    padding: 6px;
    /*text-align: right;
    border-top: solid 1px #cccccc;*/
}

.PollInfo
{
    display:block;
}

.PollAnswer
{
    padding: 3px 3px 3px 0px;
    overflow: auto;
}

.PollAnswerText
{
    display: block;
    margin-left: 5px;
}

.PollAnswerRadio
{
    display: block;
}

.PollAnswerCheck
{
    display: block;
}

.PollAnswerClearer
{
   clear: both;
   font-size: 0px;
   height: 1em;
}

.PollGraph
{
    border: solid 1px #000000;
    font-size: 12px;
    height: 1em;
    overflow: hidden;
    margin-bottom: 5px;
    margin-left: 4px;
}

.PollCount
{
    font-size: 11px;
    padding: 0px 5px 5px 5px;
}

.PollGraph0
{
	background-image: url(Images/Polls/poll0_bg.gif);
	background-repeat:repeat-x;
}

.PollGraph1
{
	background-image: url(Images/Polls/poll1_bg.gif);
	background-repeat:repeat-x;
}

.PollGraph2
{
	background-image: url(Images/Polls/poll2_bg.gif);
	background-repeat:repeat-x;
}

.PollGraph3
{
	background-image: url(Images/Polls/poll3_bg.gif);
	background-repeat:repeat-x;
}

.PollGraph4
{
	background-image: url(Images/Polls/poll4_bg.gif);
	background-repeat:repeat-x;
}

.PollGraph5
{
	background-image: url(Images/Polls/poll5_bg.gif);
	background-repeat:repeat-x;
}

.PollGraph6
{
	background-image: url(Images/Polls/poll6_bg.gif);
	background-repeat:repeat-x;
}

.PollGraph7
{
	background-image: url(Images/Polls/poll7_bg.gif);
	background-repeat:repeat-x;
}

.PollGraph8
{
	background-image: url(Images/Polls/poll8_bg.gif);
	background-repeat:repeat-x;
}

.PollGraph9
{
	background-image: url(Images/Polls/poll9_bg.gif);
	background-repeat:repeat-x;
}


/* :::::Content Menu:::::*/

.ContentMenuHeader
{
	/*background-image: url(Images/Content/header.gif);
	background-repeat:repeat-x;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;*/
	border-bottom: solid 1px #7e330e;
	font: bold 12px Arial;
	display: block;
	height: 16px;
	width: 154px;
	float: left;
	padding: 0px;
	color: #a1461a;
}

.ContentMenuLeft
{
	font: normal 11px Tahoma;
	width: 260px;
	float: left;
	padding: 2px 2px 2px 0px;
	cursor: pointer;
	height: auto;
	color: #3b4449;
}

.ContentMenuRight
{
	font: normal 9px Verdana;
	width: 154px;
	padding: 14px 8px 14px 8px;
	cursor: pointer;
	height: 147px;
	color: #ffffff;
	background-color:#3b4449;
}

.Button70
{
	margin-left: 3px;
	width: 70px;
}

.SearchResult
{
	padding-bottom: 5px;
}



/* Accordion */

.accordionHeader
{
    border: 1px solid #8b3a13;
    color: white;
    background-color: #a1461a;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #8b3a13;
    color: white;
    background-color: #c98b04;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #f8f8f8;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionContentListLine
{
    background-color: #f8f8f8;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding-top: 10px;
}

#master_content .dropShadowPanel span {color:white;text-decoration:underline;}
#master_content .dropShadowPanel span:hover {text-decoration:none;}


.dropShadowPanel 
{
	background-color:#3b4449;
	color:white;
	font-weight:normal;
}

.textheading {
	padding-bottom:5px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1em;
}

.PagingControl
{
	color:#ffffff;
	font-family:Arial, Sans-Serif;
	font-size:11px;
	border-top:solid 1px #ca8c03;
	text-align:right;
}

.PagingControlSelected
{
	padding:4px;
	border:solid 1px #ca8c03;
	background-color:#ca8c03;
	letter-spacing:6px;
	font-weight:bold;
}

.PagingControlUnselected
{
	color:#000000;
	padding:4px;
	border:solid 1px #e7e7e7;
	background-color:#e7e7e7;
	letter-spacing:6px;
}