/* CSS Document */
*{
	margin:0px;
	padding:0px;
}

body{
	margin:0px;
	padding:0px;
}

body, td, th, table {	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:25px;
	font-weight:normal;
}

input, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 1px 2px 4px;
	color:#000000;
	border:1px solid #FFFFFF;
	
}

select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 1px 2px 2px;
	color:#000000;
	border:1px solid #FFFFFF;
	width:150px;
}

p{
	margin-bottom:14px;
}


form{
	margin:0px;
	padding:0px;
}

h1{
	font-size:32px;
	color:#FFFFFF;
	font-weight:bold;	
	margin:0px;
	padding-bottom:5px;
}

h2{
	font-size:24px;
	color:#000000;
	font-weight:normal;
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
}

h3{
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
	margin:0px !important;
	padding:0px !important;
}

h4{
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px;
	padding:10px 0px 0px 0px;
}

h5{
	font-size:14px;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

h6{
	font-size:10px;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

a:link, a:visited, a:active{
	color:#C0C09E;
	text-decoration:none;
}

a:hover{
	color:#C0C09E;
	text-decoration:underline;
}

/* BEGIN WEB 2 */

.logo{
	padding-bottom:10px;
}

#page{
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
}

.indexContent{
}

.indexTop1{
	height:121px;	
	padding:0px;
	margin:0px;
	background:url(images/evasari_index-top1.png) no-repeat top center;
}

.warna { background:url(wf/dangelo/angelo1_files/dangelo_leoniko_09.jpg) y-repeat;}

.indexTop2{
	height:375px;	
	padding:0px;
	margin:0px auto;
	background:url(images/evasari_index-top2.png) no-repeat top center;
}

.indexTop3{
	height:304px;	
	padding:0px;
	margin:0px auto;
	background:url(images/evasari_index-top3.png) no-repeat top center;
}

#Layer {

	text-align:right;
	margin-left:184px;

}

*html #Layer{
	position:absolute;
	margin-right:200px;
}
.katro { margin-bottom:10px;}

#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}


/* Module Home */
#moduleIndex{
	margin:0px 0px;
}

#moduleIndex #contentLeft{
	margin-left:350px;	
	width:300px;
	float:left;
}

#top_menu{
}

.indexEnter{
	margin-bottom:15px;
}

.indexEnter a:link, .indexEnter a:visited, .indexEnter active{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.indexEnter a:hover{
	color:#FFFF00;
}

#moduleIndex #contentRight{
	margin-left:700px;
	width:260px;
}

.indexLogo{
	font-family:"Arial Narrow";
	color:#666666;
}

.indexMenu{	
	color:#FFFFFF;
}

.indexMenu a:link, .indexMenu a:visited, .indexMenu active{
	color:#FFFFFF;
}

.indexMenu a:hover{
	color:#FFFF00;
}

.pagePadding{
	padding-top:10px;
}


.topBanner{
}

.title{
	font-size:18px;
	font-weight:lighter;
	color: #663333;
	padding-bottom:2px;
	padding-top:0px;
	padding-right:20px;
	font-variant: small-caps;
	
}

.paddingLeft{
	padding-left:5px;

}
.ardy {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFF00;
}

.ardy a:link, .ardy a:visited, .ardy a:active{
color:#FF9900;
}

.backHome a{
	font-size:13px;
}

.backHome a:link, .backHome a:visited, .backHome a:active{
	color:#FFFFFF;
}

.backHome a:hover{
	text-decoration:none !important;	 
	color:#FFFF00;
}

.content{
	background-image: url(wf/images/areas.jpg);
	padding:20px 10px 10px 10px;
	text-align:justify;
	letter-spacing:inherit;
}

.body_content{
	background-position:top right; 
	background-repeat:no-repeat;
	background-color:#FFFFFF;	
	background-attachment:fixed;
	margin:0px;
	padding:0px;
	color:#000000;
	scrollbar-face-color:#438787;
	scrollbar-highlight-color: #C0C09E;
	scrollbar-shadow-color: #3E7B7B;
	scrollbar-3dlight-color: #C0C09E;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #C0C09E;
	scrollbar-darkshadow-color: #C0C09E;
	}

.body_content td{
	color:#000000;
}

.banner{
	padding-bottom:0px;
}

.backMenuLeft{	
	height:200px;
	text-align:justify;
	width:330px;
}

.backMenu{
	height:200px;
	width:150px;
	text-align:left;
}

.frame_content{
	width:400px;
	color:#000000;
}

.frame_content_holder{
	color:#000000;
	text-align:justify;
	margin:10px;
}



.poling{
	padding:0px 80px 0px 10px;
}

.footer{
	padding:10px 20px 0px 20px;
	text-align:left;
}
.footer2{
font-family:Arial, Helvetica, sans-serif; font-size:12px;
	padding:10px 10px 0px 10px;
	text-align:right;
	color:#663300;	
}
.footer2 a:link {
color:#ffffff; text-decoration:none;}
.footer2 a:hover {
color:#ffffff; text-decoration:none;}
.footer2 a:active {color:#FFFFFF;}
.footer2 a:visited { color:#663300;}

.footer a{
	color:#FFFFFF;
	text-decoration:none;
}

.news{
	text-align:left;
	padding:10px 5px 0px 5px;	
}

.newsContent{
	border:1px solid #FFFFFF;
	text-align:left;	
	color:#FFFFFF;
	width:280px;
}


#pscroller1{
	width: 260px;
	height: 170px;
	margin: 10px;
}

.newsContent a:link, .newsContent a:visited, .newsContent a:active{
	color:#FFFF99;
}

.newsContent a:hover{
	color:#FFFF00;
	text-decoration:underline;
}

.kelapa {padding-top:10px;padding-bottom:10px;}
.lineTop{
	padding-top:0px;
	padding-bottom:0px;
	
}

.borderTop{
	background-image:url(images/border-top-center.png);
	background-position:top;
	background-repeat:repeat-x;	
}

.borderBottom{
	background-image:url(images/border-bottom-center.png);
	background-position:top;
	background-repeat:repeat-x;	
}

.borderLeft{
	background-image:url(images/border-left.png);
	background-position:top;
	background-repeat:repeat-y;	
}

.borderRight{
	background-image:url(images/border-right.png);
	background-position:top;
	background-repeat:repeat-y;	
}

.paddingTop{
	padding-top:3px;
}

.paddingTop2{
	padding-top:7px;
}

.button{	
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	padding:0px 3px 0px 3px;
	height:22px;
}

.inpurRegistrasiTitle{
	color:#000000;	
}

.doctorList{
	color:#000000;
	border-bottom:1px dashed #CCCCCC;
}

.doctorList a:link, .doctorList a:visited, .doctorList a:active{
	color:#C0C09E;
}

.doctorList a:hover{
	color:#C0C09E;
	text-decoration:underline;
}


.doctorBorder{
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:14px;
	padding-top:15px;
}

.doctorBiography{
	color:#000000;
}

.doctorBiography a:link, .doctorBiography a:visited, .doctorBiography a:active{
	color:#C0C09E;
}

.doctorBiography a:hover{
	color:#C0C09E;
	text-decoration:underline;
}

.radio_polling{	
	border:none !important;
}



/* End */


/* MENU */
/*

Here's a demo stylesheet used to format a menu and its content.
Feel free to alter the menu layout however you want!
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/



/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulistHorizontal, .menulistHorizontal  ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom:5px;

}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulistHorizontal ul {
	display: none;
	position: absolute;
	top: 1.0em; margin-top: 20px; /* I'm using ems and px to allow people to zoom their font */
	left: -1px;
	width: 158px;
	
}

/* Second and third etc. level submenus - position across from parent instead */
.menulistHorizontal ul ul {
	top: -1px; margin-top: 0;
	left: 156px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulistHorizontal li {
	 float: left;
	 display: block;
	 position: relative;
	 border:none;
	 margin:0px 2px 0px 2px;
	 opacity:0.95;	
	filter:alpha(opacity=95);	
	-moz-opacity: 0.95;	  
 
}


/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulistHorizontal ul li {
	 float: none;
	 margin: 0; 
	 margin-bottom: -1px;
}

.menulistHorizontal ul>li:last-child {
	 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulistHorizontal a {
	font-size:13px;
	display: block;
	padding: 0px 3px;
	color: #663300;
	font-weight:bold;
	text-decoration: none;
	font-variant:small-caps;
}



/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulistHorizontal a:hover, .menulistHorizontal a.highlighted:hover, .menulistHorizontal a:focus {
	 color: #fff;
}
.menulistHorizontal a.highlighted {
	 color: #FFF;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulistHorizontal a#xyz {
      background-image: url(out.gif);
    }
    .menulistHorizontal a#xyz:hover, .menulistHorizontal a.highlighted#xyz, .menulistHorizontal a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulistHorizontal a .subind {
	 display: none;
}
.menulistHorizontal ul a .subind {
	 display: block;
	 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulistHorizontal a {
	 float: left;
}
.menulistHorizontal ul a {
	 float: none;
}
/* \*/
.menulistHorizontal a {
	 float: none;
}

.menulistHorizontal a#active {
	color:#FFFFFF !important;
}


a#arrowMenuTop {
	background-repeat:no-repeat;
	background-position:148px 10px;
}

a#arrowMenuTop:link, a#arrowMenuTop:visited, a#arrowMenuTop:active {
	background-image:url(images/admin-menu-arrow-out.gif);
}


a#arrowMenuTop:hover, a#arrowMenuTop:focus {
	background-image:url(images/admin-menu-arrow-out.gif); !important;
}


#arrowMenuTop.highlighted {
	background-image:url(images/admin-menu-arrow-out.gif); !important;
}

/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulistHorizontal ul li {
	 float: left;
	 width: 100%; 
}


*:first-child+html .menulistHorizontal li {
 	opacity:none !important;
	filter:none !important;
	
	-moz-opacity:none !important;  
}

*:first-child+html .menulistHorizontal li a {
 	
	text-align:left !important;
	
}


* html .menulistHorizontal ul li {
	 float: left;
	 height: 1%;
 
}
* html .menulistHorizontal ul a {
	height: 1%; 
	text-align:left;
	text-decoration:none !important;
 
}

* html .menulistHorizontal li a:link, * html .menulistHorizontal li a:visited, * html .menulistHorizontal li a:active { 
	 color: #FFF !important;
	 text-decoration:none !important;	 
	}

* html .menulistHorizontal a.highlighted {
	 color: #FFF !important;
	 text-decoration:none !important;	 
	 
}
/* End Hacks */

/* Holly Hack for IE \*/

* html .menulistHorizontal li {   
	filter:none !important;	 
}
* html .menulistHorizontal li a:link, * html .menulistHorizontal li a:visited, * html .menulistHorizontal li a:active { 
	display:block;
	color:#996600;  
}

* html .menulistHorizontal li a:hover { 
	display:block;
	color:#FFFFFF;  
}

* html .menulistHorizontal li ul li a:link, * html .menulistHorizontal li ul li a:visited, * html .menulistHorizontal li ul li a:active { 
	width:150px;
	margin:0px;
	padding: 0px 3px;
	text-align:left; 

}

* html .menulistHorizontal li ul li a:hover { 
	width:150px;
	margin:0px;
	padding: 0px 3px;
	text-align:left; 

}

* html .menulistHorizontal a.highlighted {
	 color: #FFF !important;
}

.noCursor{
	cursor:default;
}
/* End Hacks */
.hits{
	padding:10px 0px 0px 20px;	
}

.hitsContainer{
	color: #663300;

}

#modulePolling{
	margin:5px 40px 5px 20px;


}

.listWrapper{
	clear:both;
}

.lists{
	margin:5px 0px 0px 0px;
}

.list{
	margin:2px 0px;
}

.listSubmit{
	margin:10px 0px;
}

.indeksberita{
	font-size:10px;
	font-weight:bold;
	text-align:right;
	margin-right:30px;
}

.indeksberita a:link, .indeksberita a:visited, .indeksberita a:active{	
	color:#FFFF99;		
}

.indeksberita a:hover{	
	color:#FFFF00;
	text-decoration:underline;		
}