/* -------------------------------------------------------------------------
Lembaga Survei Indonesia v. 2.0
Main Cascading Style Sheet (lsi.css)
Created by: Arif Widianto (arifrw@yahoo.com) 
------------------------------------------------------------------------- */

/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE5-6 for Windows. See file for details. */
@import "ie6win.css";

/* The file below is ONLY read by IE5/Win.
	Makes use of the Mid Pass Filter: 
	http://tantek.com/CSS/Examples/midpass.html */

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */


/* The file below is ONLY read by IE5/Mac.
	Makes use of the Band Pass Filter: 
	http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/


/* ================ General HTML Elements ================ */

BODY {
	margin: 0;
	padding: 0;
	background: #EBEBEB url(images/bg-page.gif) repeat-y center;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

}

/* Reset general element to easy maintain object */
H1, H2, H3, H4, H5, H6, P, UL, OL, LI, BLOCKQUOTE, CODE, FORM { 
	margin: 0;
	padding: 0;
	border: 0;
}

A {
	text-decoration: none;
	color: #CC0000;
}

A:hover {
	text-decoration: underline;
}

/* ================== Layout Structure ===================== */

#frame {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #FFF;
}

/* ======================== Header ========================== */

/* standard height */
#header { /*height: 100px;*/ }

/* frontpage height (if applicable) */
#default #header { /*height: 154px;*/ }

/* page/others logo appearance */
#logowrap {
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	height: 78px;
	width: 250px;
	margin-top: 10px;
	margin-left: 30px;
}

/* frontpage logo */
#default #logowrap {
	height: 80px;
	width: 712px;
	margin-top: 0px;
	margin-left: 18px;
}

/* logo replacement general */
#logowrap H1 {
	margin: 0;
	border: 0;
	padding: 0;
	overflow: hidden;
	height: 0px !important;
	background: transparent url(images/lsi-logo-page.gif) no-repeat top left;
	padding-top: 91px;
}

/* logo replacement front */
#default #logowrap H1 {
	background: transparent url(images/lsi-logo-front.png) no-repeat top left;
	padding-top: 99px;
}

/* site tools */
#site-tools {
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
	text-align: right;
	margin-right: 20px;
}

/* --- menu blocks --- */
#topmenuwrapper {
	height: 26px;
	background: transparent url(images/topmenu-right.gif) no-repeat right;
}

UL#topmenu {
	margin: 0;padding: 0;border: 0;
	list-style: none;
	height: 26px;
	margin-right: 10px;
	padding-left: 10px;
	background: #618DBE url(images/topmenu-left.gif) no-repeat left;
}

UL#topmenu LI {
	margin: 0;padding: 0;border: 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	color: #FFF;
	margin-top: 3px;
}

UL#topmenu LI A {
	color: #FFF;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 20px;
}

UL#topmenu LI A:hover { color:#FFF;text-decoration: underline; }
UL#topmenu LI A:active { color:#FDAF17; }
/* --- end << menu blocks --- */

/* --- begin >> search -- */

#search {
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}

#default #search {
	margin-top: 0;
	text-align: left;
	margin-bottom: 10px;
}

#search H3 {
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
	height: 26px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	color: #696969;
	padding-right: 3px;
}

#search.search-input {
	display: inline;
}

#search INPUT.cari {
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 5px;
	background: #FDAF17 url(images/bg-btncari.gif) no-repeat;
	width: 47px;
	height: 19px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}

#search .search-opt {
	font-weight: bold;
	color: #A9A9A9;
	margin-right: 80px;
	margin-top: 5px;
}
/* --- end << search -- */

#call-us { margin: 0;padding: 0;border: 0;margin-top: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;font-weight: bold;letter-spacing: -1px;color: #858384; }

#call-us .phone {	padding-left: 20px;margin-right: 10px;
	background: url(images/bg-teks-phone.gif) no-repeat left; }

#call-us .fax { padding-left: 20px;
	background: url(images/bg-teks-fax.gif) no-repeat left; }

/* --- menu -- */
UL#menu {
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 15px;
	padding-left: 10px;
	list-style: none;
	border-bottom: 5px solid #CC0000;
	background: #FF0000 url(images/bg-main-menu.gif) repeat-x;
	height: 25px;
}

UL#menu LI {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

UL#menu LI A {
	margin: 0;
	padding: 0;
	border: 0;
	/*border: 1px solid #000;*/
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 25px;
	text-decoration: none;
	padding: 4px 20px 5px 20px;
}

UL#menu LI A:hover {
	background: #CC0000;
}

#menu .active {
	background: #CC0000;
}

/* ====================== Main Content ===================== */

#main {
	padding: 15px 25px 0 25px;
	margin: 0;
	border: 0;
	margin-bottom: 1em;
}

#default #main {
	padding: 15px 15px 0 15px;
}

/* -- content divider -- */

#main .left-column {
	float: left;
	margin: 0;
	padding: 0;
	width: 475px;
}

#default #main .left-column {
	width: 485px;
}

#main .right-column {
	margin-left: 505px;
}

/* -- micro content divider -- */

#main .micro-left {
	float: left;
	width: 155px;
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}

#main .micro-center {
	margin-left: 175px;
	margin-top: 20px;
	padding: 0;
	border: 0;
}

/* -- content -- */

#welcome-note {
	margin: 0 0 0 0;
	border: 0;
}

#welcome-note P {
	margin-top: 5px;
	margin-bottom: 0;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 20px;
}

#welcome-note P STRONG {
	font-weight: bolder;
	color: Black;
}

#welcome-note P A STRONG {
	color: #FFA500;
}

#welcome-note H2, #welcome-note H3, #welcome-note H4 {
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	color: #000;
	font-weight: normal;
}

#welcome-note H2 {
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 30px;
}

#welcome-note H2 A, #welcome-note H3 A, #welcome-note H4 A {
	color: #000;
	text-decoration: none;
}

#welcome-note H2 A:hover, #welcome-note H3 A:hover, #welcome-note H4 A:hover {
	color: #CC0000;
}

/* -- Content -- */

#content {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#content H2, #content H3, #content H4, #content H5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin-top: 0.5em;
	margin-bottom: 0.7em;
}


#content H3 {
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
}

#content P {
	margin-bottom: 1em;
	color: #404040;
}

#content UL {
	margin-top: 0.7em;
	margin-left: 1.5em;
	list-style-image: url(images/dotlist_red.gif);
	list-style-position: outside;
}

#content UL LI UL {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 1.5em;
	list-style-image: url(images/dotlist_yellow.gif);
	list-style-position: outside;
}

#content OL {
	padding-left: 1em;
	padding-left: 1.5em;
	margin-top: 0.7em;
	margin-left: 1.5em;	
}

/* ======================== REUSABLE ========================= */

.menuitem {
	margin-bottom: 2em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

.menuitem UL {
	list-style: none;
}

.menuitem UL LI {
	border-bottom: 1px solid #c0c0c0;
	background-image: url(images/icon_page.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

.menuitem A {
	display: block;
	padding: 0 0 0 1.5em;
}

.menuitem A:hover {
	text-decoration: none;
	background-color: #F9F9F9;
	background-image: url(images/icon_page.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

/* ---- folder item ----- */

.folderitem {
	margin-bottom: 2em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

.folderitem UL {
	list-style: none;
}

.folderitem UL LI {
	border-bottom: 1px solid #c0c0c0;
	background-image: url(images/icon_pages.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

.folderitem A {
	display: block;
	padding: 0 0 0 1.5em;
}

.folderitem A:hover {
	text-decoration: none;
	background-color: #F9F9F9;
	background-image: url(images/icon_pages.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

/* -- newsitem -- */
.newsitem {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

.newsitem H3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.newsitem H4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.newsitem P {
	font-size: 11px;
	line-height: 16px;
	color: #696969;
}

.newsitem A {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}

.newsitem A:hover {
	text-decoration: underline;
}

.newsitem SMALL {
	color: #A9A9A9;
}

/* -- highlight -- */

.block-highlight {
	margin-top: 10px;
}

.block-indikator-parpol .highlight, 
.block-indikator-isu-aktual .highlight,
.block-indikator-presiden .highlight {
	background: #F5F5F5 url(images/bg-box-indikator3.jpg) repeat-x;
}

.block-indikator-parpol .highlight-1, 
.block-indikator-isu-aktual .highlight-1,
.block-indikator-presiden .highlight-1 {
	background: #F5F5F5 url(images/bg-box-indikator1.jpg) repeat-x;
}

.block-indikator-parpol .highlight-2, 
.block-indikator-isu-aktual .highlight-2,
.block-indikator-presiden .highlight-2 {
	background: #F5F5F5 url(images/bg-box-indikator2.jpg) repeat-x;
}

.block-indikator-parpol .highlight-3, 
.block-indikator-isu-aktual .highlight-3,
.block-indikator-presiden .highlight-3 {
	background: #F5F5F5 url(images/bg-box-indikator3.jpg) repeat-x;
}

.block-indikator-parpol H3.subtitle-indikator, 
.block-indikator-isu-aktual H3.subtitle-indikator,
.block-indikator-presiden H3.subtitle-indikator {
	padding-left: 20px;
	background: transparent url(images/bg-arrow-indikator.jpg) no-repeat 0 1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F8B214;
}

.highlight, .highlight-1, .highlight-2, .highlight-3 {
	margin-bottom: 15px;
	padding: 5px 5px 10px 10px;
	border-left: 1px solid #A9A9A9;
	border-top: 1px solid #A9A9A9;
	border-right: 1px solid Gray;
	border-bottom: 1px solid Gray;
}

/*.highlight {
	background: #DCDCDC url(images/bg-highlight-1.jpg) repeat-x;
}*/

.highlight-1 {
	background: #F2FFD1 url(images/bg-highlight-1.jpg) no-repeat top right;
}

.highlight-2 {
	background: #F3D464 url(images/bg-highlight-2.jpg) no-repeat top right;
}

.highlight-3 {
	background: #FA9D5D url(images/bg-highlight-3.jpg) no-repeat top right;
}

.block-highlight H3 {
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 18px;
	color: #FFF;
	margin-bottom: 5px;
}

.block-highlight H3 A {
	color: #696969;
}

.block-highlight H3 A:hover {
	color: #CC0000;
}

.block-highlight P A STRONG {
	color: #FF8C00;
}

.block-highlight P {
	color: #2F4F4F;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

	line-height: 16px;
}

.block-highlight IMG {
	float: left;
	margin-right: 5px;
	width: 100px;
}

.block-highlight SMALL {
	color: #696969;
}

/* Quick Count Highlight */
#quick_count .highlight {
	
}

#quick_count H2 {
	margin: 0;
	padding: 0;
	border: none;
	height: 46px;
	text-indent: -9999px;
	background: url(images/114.gif) no-repeat;
}

/* -- submenu -- */

h2.submenu-1 {
	background: #648FBF url(images/bg-submenu-1.gif) repeat-x;
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 3px 10px 3px 10px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

h2.submenu-2 {
	background: #CC0000 url(images/bg-submenu-2.gif) repeat-x;
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 3px 10px 3px 10px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

h2.submenu-3 {
	background: #4A4733 url(images/bg-submenu-3.gif) repeat-x;
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 3px 10px 3px 10px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

h2.submenu-self {
	background: #CC0000 url(images/bg-submenu-2.gif) repeat-x;
	color: #FFF;
	margin: 0;
	padding: 3px 10px 3px 10px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.block-self {
	background: #FADCD3;
	margin: 0;
	padding: 3px 10px 3px 10px;
	border: 0;
	margin-bottom: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.block-self H2 {
	background: #CC0000;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.block-other {
	background: #FFF;
	margin: 0;
	padding: 3px 0 3px 0;
	border: 0;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

H2.submenu-other {
	background: #696969;
	color: #FFF;
	margin: 0;
	padding: 3px 10px 3px 10px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* -- Button Action --*/

.button-action P {
	margin: 0;
	padding: 0;
	border: 0;
}

.button-action A {
	margin: 0;
	text-align: center;
	padding: 0px 10px;
	border: 1px solid #FDAF17;
	background: #FFEFD0;
	color: #818080;
	display: block;
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.button-action A:hover {
	background: #F5F5F5;
	color: #818080;
}

.button-action A STRONG {
	display: block;
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	background: transparent url(images/bgdot-button.gif) no-repeat center;
	height: 24px;
}

/* ======================== FOOTER ========================== */

#footer {
	width: 700px;
	margin: 30px auto 10px auto;
	padding: 0;
	padding-top: 10px;
	border-top: 1px solid #c0c0c0;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	color: Gray;
}

/* ========================== MISC =========================== */

SPAN.highlight, SPAN.spot {
	background-color: #FAFAD2;
	padding: 2px 3px 1px 3px;
}

.clear {	margin: 0;padding: 0;	border: 0;width: 0;height: 0;
	visibility: hidden; clear: both;font-size: 0; }

/* =================== Accessibility Tweaks ================== */

#accessability {position: absolute; left: -9999px; font-size: small;}
#accessability a:hover {color: #f00;}
#accessability a:focus {display: block; position: absolute; top: -120px; left: 9990px; font-size: large; background: #fff; border: solid 2px #1B6BD8; padding: 10px; width: 15em; z-index: 1;}
.hide { display: none; }


/* ============= rule addition ================ */

#content .download {
	margin-left: 2em;
	line-height: 25px;
	background: transparent url(http://www.lsi.or.id/images/icon-disk.png) no-repeat middle left;
}

#content IMG {
	border: 1px solid #c0c0c0;
	padding: 3px;
	margin: 5px;
}

#content IMG.right, #content IMG.kanan {
	float: right;
}

#content IMG.left, #content IMG.kiri {
	float: left;
}

#content IMG.kanan {
	margin: 5px 0 5px 5px;
	width: 200px;
}

#content IMG.kiri {
	float: left;
	margin: 5px 5px 5px 0;
	width: 200px;
}


/* ---- tambahan --- */

#main .left-column H3.subtitle {
	padding-bottom: 10px;
	background: transparent url(images/bgdot-headlines.gif) no-repeat;
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-transform: uppercase;
	letter-spacing: 1px;
}

INPUT.button {
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 5px;
	background: #FDAF17 url(images/bg-btncari.gif) no-repeat;
	width: 47px;
	height: 19px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	cursor: pointer;
}


/* --- navigation bottom ------ */
p.navigation {
	margin-top: 10px;
}

p.navigation a {
	border: 2px solid #c0c0c0;
	background-image: url(images/bg-button-nav.jpg);
	background-repeat: repeat-x;
	padding: 3px 5px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

p.navigation a:hover {
	border: 2px solid #000;
}