@charset "utf-8";
/* CSS Document */

body {
	background-color: #e2bd6e;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: normal 12px arial;
	color:black;
}

#bungkus {background:white; width:950px; }
#bungkusmid { background-image:url(../../images/kottler4bg.jpg); background-repeat:no-repeat; width:950px; height:361px;}
#menu {background:#502728;padding:3px;}
#menu img {padding:0px 10px; border-right:solid 1px white;}
#bungkusright {float:right; width:510px;}
#kotaknews {width:310px; float:left;}
#kotakevent { float:right; background:url(../../images/bgeventschedule2.gif); background-repeat:no-repeat;width:190px; height:370px;}


.monitor_title {
	margin:20px 20px 0px 20px;
	background-image:url(../../images/bg_livestreaming.gif);
	background-repeat:repeat-x;
	padding:4px 0px 2px 4px;
	font: bold 12px arial;
	color:white;
	height:19px;
	}

.monitor_display {
	margin: 0px 20px 0px 20px;
	padding:10px;
	background-color:#502728;
	}

.monitor_caption_bungkus {margin:5px 20px 20px 20px;}
.monitor_caption_judul {font:bold 12px arial; color:#502728;}
.monitor_caption_tanggal {font:normal 12px arial; color:#502728;}

.hidden { display: none; }

.partner {margin-left:30px;}
.partner img {padding:0px 10px;}
.partner_text {font: normal 11px arial; color:#999999;}


.chat_bungkus {width: 163px; padding:3px;}
.chat_nama {font:bold 11px arial; }
.chat_bg1 { background-color:#F1f1f1;}
.chat_bg2 { background-color:#CCCCCC;}

#footer { float:left; width:650px; padding-left:10px; padding-top:30px; }
.txtfooter {
	color:#fff;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
}

.txtfootermenu {font:normal 10px arial; color:#FFF;}
.txtfootermenu a { font:normal 10px arial; color:#fff; text-decoration:none;}
.txtfootermenu a:hover { text-decoration:underline;}

.cfooter {font:bold 11px arial; color:#FFF;}
.cfooter a { font:bold 11px arial; color:#d70; text-decoration:none;}
.cfooter a:hover { text-decoration:underline;}

.link_foto_lain {font:normal 10px arial; color: #502728; padding-left:40px;}
.link_foto_lain a {font:normal 10px arial; color: #502728; text-decoration:none;}
.link_foto_lain a:hover { text-decoration:underline}

#boxheaderevent { width:550px; background-color: #300; }

.judulevent { font:bold 11px arial; color:#663300;}
.judulevent a { font:bold 11px arial; color:#502728; text-decoration:none;}
.judulevent a:hover { text-decoration:underline;}

.h2event { font:bold 11px arial; color:#ffeb00;}
.h2event a { font:bold 11px arial; color:#ffeb00; text-decoration:none;}
.h2event a:hover { text-decoration:underline;}

#boxisievent { width:550px; background-color: #FFF4E6;}

.judulgede {font:normal 24pt arial; color:#999; letter-spacing:-1px; text-transform:uppercase; padding-left:50px;}

.leadevent { font:normal 11px arial; color:black;}

.h1event { font:bold 14px arial; color: #502728; margin-bottom:20px;}

.judul10 { font:normal 10px arial; color: #333333; padding-top:5px; padding-left:5px;}
.judul10 a { font:normal 10px arial; color: #333333; text-decoration:none;}
.judul10 a:hover { font:normal 10px arial; color: #333333; text-decoration: underline;}

.judul11 { font:bold 11px arial; color: #502728; padding-top:3px; padding-left:5px;}
.judul11 a { font:bold 11px arial; color: #666; text-decoration:none;}
.judul11 a:hover { font:bold 11px arial; color: #502728; text-decoration: underline;}

.judul12 { font:bold 11px arial; color: #502728; padding-top:3px; padding-left:5px;}
.judul12 a { font:bold 12px arial; color: #666; text-decoration:none;}
.judul12 a:hover { font:bold 12px arial; color: #502728; text-decoration: underline;}

.judul14 { font:bold 14px arial; color: #502728; padding-top:3px; padding-left:5px;}
.judul14 a { font:bold 14px arial; color: #666; text-decoration:none;}
.judul14 a:hover { font:bold 14px arial; color: #502728; text-decoration: underline;}

.isi12 { font:normal 12px arial; color: #333333;}
.isi12 a { font:normal 12px arial; color: #333333; text-decoration:none;}
.isi12 a:hover { font:normal 12px arial; color: #333333; text-decoration: underline;}

.isi11 { font:normal 11px arial; color: #333; padding-top:5px; padding-left:5px;}
.isi11 a { font:normal 11px arial; color: #333; text-decoration:none;}
.isi11 a:hover { font:normal 11px arial; color: #333; text-decoration: underline;}

.isi11 p, .isi12 p {margin:0}

.tgl { font:normal 11px arial; color: #502728;}
.tgl a { font:normal 11px arial; color: #999999; text-decoration:none;}
.tgl a:hover { font:normal 11px arial; color: #999999; text-decoration: underline;}

.link { font:normal 12px arial; color: #502728;}
.link a { font:normal 12px arial; color: #999999; text-decoration:none;}
.link a:hover { font:normal 12px arial; color: #999999; text-decoration: none;}

.img125 { border:5px solid #916537; width:80px; height:60px; margin-bottom:5px;}
.img125 a { border:0px;}
.img125 a:hover { border:0px;}

.thumb {border:5px solid #502728; width:125px; height: 100px;}
.thumb a {text-decoration:none; font:normal 11px arial; color:#fff}
.thumb a:hover { text-decoration:underline;}

.thumbstream {border:5px solid #502728; width:150px; height: 100px;}
.thumbstream a {text-decoration:none; font:normal 11px arial; color:#fff}
.thumbstream a:hover { text-decoration:underline;}


.linkstream {font:bold 16px arial; color:#FFF;}
.linkstream a { font:bold 16px arial; color:#FFF; text-decoration:none;}
.linkstream a:hover { text-decoration:underline;}


#boxvideo {width:280px; margin-left:5px; margin-right:5px;}
.H1video {font:bold 14px arial; color:#502728; margin-bottom:10px;}

#list1 { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;}
#list1 li { padding-left: 12px; background-image: url(../../images/bullet.gif); background-repeat: no-repeat; background-position: 0 .5em;  border-bottom:0px solid #CCCCCC; padding-top:0px; padding-bottom:0px; margin-left:0px; margin-right:10px;}
#list1 a { font:normal 11px arial; color:#ca0101; text-decoration:none;}
#list1 a:hover { color:#ca0101; text-decoration:underline;}
#list1 span {font:normal 11px arial; color:#ca0101; margin-right:7px;}

#list2 { margin-left: 0px; margin-top: 0px; padding-left: 0; list-style: none;}
#list2 li { padding-left: 0px; border-bottom:0px solid  #666666; padding-top:0px; padding-bottom:0px; margin-left:0px; margin-right:10px;}
#list2 a { font:normal 11px arial; color: #666666; text-decoration:none;}
#list2 a:hover { color: #666666; text-decoration:underline;}
#list2 span {font:normal 11px arial; color: #666666; margin-right:7px;}

css untuk box search

.MITred {font-color:#993333;}

a.MITred:link, a.MITred:active, a.MITred:visited {color:#993333;}
a.MITred:hover {color:#993333; text-decoration:underline;}

.underlined {
	text-decoration:underline;
	color:#000000;
	}

.boxBrdrd {
  margin-bottom: 1.2em;
  padding: 1px;
  border: 1px solid #333333;
}

.nav2SpotBrdrd {
  padding: 1px;
}


.boxBrdrd h2 {
  margin: 0;
  padding: .3em;
  font-weight: bold;
  text-align: center;
}

.boxBrdrd h2 span, #search h4 span { font-size: .92em; }

.boxBrdrd h4 {
  margin: 0 10px .3em 0;
  font-weight: normal;
}

.boxBrdrd a:link, .boxBrdrd a:active, .boxBrdrd a:visited {
  font-weight: bold;
  color:#993333;
  text-decoration:none;
}

.boxBrdrd a:hover {
  font-weight: bold;
  color:#993333;
  text-decoration:underline;
}

.inlineButton {
  position: absolute;
  top: 50%;
}


.hairspace { font-size: .2em; }

.warningText {
	padding:.5em;
	color: #660066;
	border:1px solid #660066;
  }

.warningTextInline {
	margin-left:.5em;
	display:inline;
	padding:.5em;
	color: #660066;
	border:1px solid #660066;
  }
.warningTextInline a {color: #660066;}

/* end Utility styles */

/*** Autohandler Styles ***/

#headlinks {
  padding: 2px 20px 3px 30px;
}

#nav {
  float: right;
  width: 14.5em;
  overflow: hidden; /* Keeps IE from expanding width of shuffler */
}

/* IE-Win hack \*/ * html #nav {zoom: 1.0;} /* End hide from IE-mac */

/* end Autohandler Styles */

#mid #nav2 #shuffMarg #searchButton {margin-right:20px;}

#subhead {
  padding: 1em 0px 1em 0px;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

/* end Common Replaced Page Styles */

.title {
  font-weight: normal;
  margin: 0;
}

.title a:link { text-decoration: underline; }

.in_date { margin-left: .5em; }

.smevent {
  margin: 1em 0px 0px 0px;
  max-width: 55em;
}

/* Calendar Styles */

.calWrap {
  padding-top:0.7em;
}

.calendar {
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.92em;
  text-align: center;
  border-style:none;
  border-width: 0px 0px 0px 0px;
  padding:0px .5em 0px .5em;
}


.calendar td, .calendar th {
  padding-top: .08em;
  padding-bottom: .08em;
  border-style: none;
  border-width: 0px 0px 0px 0px;
}

.calendar thead {
  text-align: center;
}

.calendar tfoot {
  text-align: center;
  font-size: .92em;
}


.calendar thead td { font-weight:bold; }

.calendar thead th {
  font-weight: bold;
}

.calendar thead a:hover {
  /* border:1px solid #333333;  waiting until IE stops flickering */
  font-weight:bold;
}

.calendar tbody td { padding-right: .30em; }
.today {
  padding: 0em .3em 0em .3em;
  margin-left: -1em;
  margin-right: -1em;
  /* border:1px solid #993333; */
}

.calendar tbody a:hover {
  padding: 0em .3em 0em .3em;
  margin-left: -1em;
  margin-right: -1em;
  /* border:1px solid #333333;  waiting until IE stops flickering */
  font-weight:bold;
}

.today a:link, .today a:visited, .today a:active {
  font-weight: bold;
}

.boldButton {
	width:100%;
	text-align:center;
	font-weight:bold;
	}


/* Nav Styles */

#shuffler { padding-top: 1px; }
#shuffMarg { margin-left: 1em; }
#fulltext { margin: .7em 0 1em 0; }

.datePull { margin-bottom: .5em; }

.datePull select {
  font-size: .84em;
  margin-top: .36em;
}

.catCheck {
  margin-top: 1em;
  margin-bottom: .7em;
}

.catCheck label { margin-left: .3em; }
.catCheck input { margin-left: 0; }
.catCheck select { font-size: .92em; }
.catCheck br { clear: left; }

#mid #content #icalContainer {
	height:10em;
	!important min-height:10em;
}

#mid #content #icalContainer #iCal {
	margin-top:1em;
	/* display:none; */
	}

#mid #content #icalContainer #iCal a:link, #mid #content #iCal a:active, #mid #content #iCal a:visited {
	text-decoration:none;
	cursor:pointer;
	background-color:#FFFFFF;
	color:993333;
	}

#mid #content #icalContainer #iCal a:hover {
	color:#993333;
/*	background-color:#FFCC00; */
	text-decoration:underline;
	cursor:pointer;
	}


#mid #content #icalContainer #iCal #icalSingle {
	text-align:center;
	color:#993333;
	margin:.3em .3em .3em .3em;
	padding:.2em .2em .2em .2em;
	cursor:hand;
	border:1px solid #000000;
	font-size:.8em;
	}

#mid #content #icalContainer #iCal #icalRepeat {
	text-align:center;
	color:#993333;
	margin:.3em .3em .3em .3em;
	padding:.2em .2em .2em .2em;
	cursor:hand;
	border:1px solid #000000;
	font-size:.8em;
	}

#mid #content #icalContainer #iCal #techtimeSingle {
	margin:.3em .3em .3em .3em;
	padding:.2em .2em .2em .2em;
	text-align:center;
	cursor:hand;
	border:1px solid #000000;
	font-size:.8em;
	color:#993333;
	}

#mid #content #icalContainer #iCal #techtimeRepeat {
	margin:.3em .3em .3em .3em;
	text-align:center;
	padding:.2em .2em .2em .2em;
	cursor:hand;
	border:1px solid #000000;
	font-size:.8em;
	color:#993333;
	}

#mid #content #icalContainer #iCal .smaller {
	font-size:.8em;
	text-align:center;
	}

	#mid #content #advsearch { }
#mid #content #advsearch #subhead { margin-bottom: 0em; }

#mid #content #advsearch legend {
  color: #990000;
  background: #FFFFFF;
  margin-left: -.5em;
  font-weight: bold;
}

#mid #content #advsearch .date, #advsearch .text { width: 23em; }

#mid #content #advsearch .date input {
  margin: 0;
  padding: 0;
}

#mid #content #advsearch .categwrap {
  /*float: left; To make categories float up to the right reactivate this style & the float on #txtdata. */
  width: 36em;
}

#mid #content #advsearch fieldset {
  display: block; /* makes IE's spacing more similar to others */
  margin: 1em 0 0 0;
  border: 1px solid #999999;
  padding: 0 1em 1em 1em; /* can't place padding on top as IE places padding outside border of fieldset */
}

#mid #content .sponsor { width:540px; }

#mid #content #formats {
  margin: .3em 0 0 .7em;
  line-height: 140%;
}

#mid #content .date {
  overflow: auto;
  width: 100%;
  padding-bottom: .1em;
  border-bottom: 1px solid #000000;
}

.huruftebal a {text-decoration:none; color:black; font:bold 12px arial;}
.huruftebal a:hover {color:#666666;}
.komen {font:normal 12px arial; color:#7e7e7e; margin:5px; padding:5px 0px; border-bottom:dotted 1px #666666}
.paginating a { background:white; border:1px solid black; padding: 2px 3px; color:black; text-decoration:none; }
.paginating a:hover { background:#3f3f3f; border:1px solid black; padding: 2px 3px; color:white;}
.geser {margin-left:350px;}

.boxError
{
	color: #d70;
	border: 1px dashed #d70;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
}
.boxError a
{
	color: #d70;
}
.boxInfo
{
	color: #999;
	border: 1px dashed #999;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
}
.boxInfo a
{
	color: #999;
}


#othervideo, #loading
{
	/*border:1px solid red;*/
	height: 330px;
}
#loading
{
	/*line-height:115px;*/
	text-align:center;
	/*margin: 150px auto;*/
	width:98%;
	display:none;
}
#loading img
{
	margin: 135px auto;
}

#videopage
{
	margin-top: 25px;
	clear: both;
	width: 90%;
	padding: 8px 2px;
	border-top: 1px dotted #ccc;
}
#videopage a
{
	border: 1px solid #ccc;
	padding: 4px 6px;
	color: rgb(145, 101, 55);
	font-size: 0.95em;
	text-decoration: none;
}
#videopage a:hover
{
	background: rgb(145, 101, 55);
	color: #fff;
}

.comment_paging a {	color: #666; margin-right:3px;}