/* HTML Elements */
* {
margin:0;
padding:0;
}
body {
margin: 0;
padding: 0;
background: url(images/bg.gif) repeat top left;
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 1.75em;
color: #272727;
}
a {
color: #751D81;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #FF5500;
text-decoration: none;
}
div {
behavior: url(iepngfix.htc);
}
img {
float: left;
margin: 0 10px 10px 0;
padding: 5px 0 0 0;
}
p {
margin: 0 0 10px 0;
}
ul, ol, li {
padding: 0;
margin: 0;
}
li {
list-style: none;
}
/********** structure **********/
#skin {
width: 950px;
margin: 0 auto 0 auto;
}
#topmenu {
margin: 25px 0 0 0;
padding: 0;
height: 31px;
background: #751D81;
position: relative;
z-index: 11;
}
#display {
padding: 10px 10px 0 10px;
background: #ECECEC;
}
.displaynya img {
float: none;
margin: 0;
padding: 0;
}
#body {
background: #ECECEC;
}
.body-left {
float: left;
width: 630px;
margin: 0;
padding: 10px;
}
.box-news {
background: #FFFFFF;
margin: 0;
padding: 0;
}
.box-news-tag {
background: #F5EAF7;
padding: 0 10px;
margin: 10px 0 0 0;
text-align: right;
color: #751D81;
font-weight: bold;
}
.box-recentnews {
background: #FFFFFF;
margin: 0;
padding: 10px;
}
.box-recentnews li a {
border-bottom: 1px solid #ECECEC;
display: block;
width: 590px;
background: url(images/bullet.gif) 0 4px no-repeat;
padding: 0 0 0 20px;
}
.box-programdonasi {
margin: 10px 0 0 0;
padding: 0;
}
.box3 {
margin: 10px 0 0 0;
padding: 0;
}
.box3-a {
float: left;
width: 220px;
margin: 0 10px 0 0;
padding: 0;
}
.box-polling {
margin: 0;
padding: 0;
}
.box-olcs {
margin: 10px 0 0 0;
padding: 0;
}
.box-olcs img {
float: none;
margin: 0;
padding: 0;
}
.box-olsms {
margin: 10px 0 0 0;
padding: 0;
}
.box-olsms img {
float: none;
margin: 0;
padding: 0;
}
.box-hitcounter {
margin: 10px 0 0 0;
padding: 0;
}
.box-hitcounter img {
float: none;
margin: 10px 0 0 0;
padding: 0;
}
.box3-b {
float: left;
width: 400px;
margin: 0;
padding: 0;
}
.box-agenda {
margin: 0;
padding: 0;
}
.box-agenda li a {
border-bottom: 1px solid #ECECEC;
display: block;
width: 380px;
}
.box-konsultasi {
margin: 10px 0 0 0;
padding: 0;
}
.box-konsultasi li a {
border-bottom: 1px solid #ECECEC;
display: block;
width: 360px;
background: url(images/bullet.gif) 0 4px no-repeat;
padding: 0 0 0 20px;
}
.box-butikrifka {
margin: 10px 0 0 0;
padding: 0;
}
.box-butikrifka img {
float: none;
margin: 0;
padding: 0;
}
.box-butikrifka-l {
float: left;
width: 190px;
text-align: center;
}
.box-butikrifka-r {
float: left;
width: 190px;
text-align: center;
}
.box-womensproduct {
margin: 10px 0 0 0;
padding: 0;
}
.box-womensproduct img {
float: none;
margin: 0;
padding: 0;
}
.box-womensproduct-l {
float: left;
width: 190px;
text-align: center;
}
.box-womensproduct-r {
float: left;
width: 190px;
text-align: center;
}
.box-gallery {
margin: 10px 0 0 0;
padding: 0;
}
.body-right {
float: left;
width: 290px;
margin: 0;
padding: 0 0 10px 0;
}
.box4 {
background: #330039 url(images/bg-right.gif);
margin: 10px 0 0 0;
padding: 10px;
color: #FFFFFF;
}
.box4 img {
float: none;
margin: 0;
padding: 0;
}
.box-service {
background: #330039 url(images/bg-right2.gif);
margin: 10px 0 0 0;
padding: 10px;
color: #FFFFFF;
}
.box-service img {
float: none;
margin: 0;
padding: 0;
}
.box-publikasi {
margin: 10px 0 0 0;
padding: 0;
}
.box-publikasi img {
float: none;
margin: 0;
padding: 0;
}
.box-publikasi-l {
float: left;
width: 135px;
}
.box-publikasi-r {
float: left;
width: 135px;
}
.box-search {
margin: 10px 0 0 0;
padding: 0;
}
.box-newsletter {
margin: 10px 0 0 0;
padding: 0;
}
.donlotbulletin {
text-align: center;
padding: 0;
margin: 0 0 10px 0;
font-size: 10px;
color: #FF5500;
line-height: normal;
}
.donlotbulletin img {
float: none;
margin: 0;
padding: 0;
border: 0;
}
.box-weblinks {
margin: 10px 0 0 0;
padding: 0;
}
.box-weblinks img {
float: none;
margin: 0;
padding: 0;
border: 1px solid #C8C8C8;
}
.box-weblinks-l {
float: left;
width: 135px;
}
.box-weblinks-r {
float: left;
width: 135px;
}
.box-weblinks li a {
border-bottom: 1px solid #ECECEC;
display: block;
width: 135px;
}
.box-socialnetworking {
margin: 10px 0 10px 0;
padding: 0;
}
.box-socialnetworking img {
float: none;
margin: 0 0 10px 0;
padding: 0;
}
.booooox {
padding: 10px;
margin: 0;
background: #FFFFFF;
}
.booooox-gallery {
padding: 10px 0 10px 10px;
margin: 0;
background: #FFFFFF;
}
.booooox-gallery img {
float: left;
margin: 0 10px 10px 0;
padding: 0;
}
.boxtab {
padding: 10px 0;
margin: 0;
background: #FFFFFF;
}
.spacer {
padding: 0;
margin: 0;
height: 10px;
}
.donate {
width: 250px;
margin: 0 auto 25px auto;
}
#footer {
padding: 20px 0;
font-size: 11px;
text-align: center;
color: #FFFFFF;
}
.xxx {
clear: both;
}
h1 {
margin: 0;
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
color: #751D81;
border-bottom: 1px solid #ECECEC;
}
h2 {
background: #751D81;
margin: 0;
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
}
h3 {
background: #751D81;
margin: 0;
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
}
input {
font: bold 12px Arial, Helvetica, sans-serif;
color: #751D81;
padding: 5px;
width: 173px;
border: 1px solid #751D81;
margin: 0 10px 0 0;
}
input.tombol {
background: #751D81;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
height: 27px;
width: 75px;
margin: 0;
}
input.tombolradio {
border: none;
width: 15px;
margin: 0;
padding: 0;
}
.ijo {
color: #1F710E;
margin: 0 10px 0 0;
}
/********** topmenu **********/
#nav, #nav ul{
margin: 0;
padding: 0;
list-style: none;
z-index: 1;
}
#nav a{
display: block;
padding: 5px 15px 4px 15px;
color: #ffffff;
text-decoration: none;
background-color: #751D81;
border-bottom: 1px solid #7D2689;
cursor: pointer;
}
#nav a:hover{
background-color: #640E70;
color: #FFFFFF;
}
#nav li{
float: left;
}
#nav ul {
position: absolute;
display: none;
width: 150px;
}
#nav li ul a {
width: 150px;
height:auto;
float:left;
}
#nav ul ul{
top:auto;
}
#nav li ul ul {
left: 181px;
margin: 0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display: block;
}
#slideshow {
position: relative;
height: 280px;
}
#slideshow IMG {
position: absolute;
top: 0;
left: 0;
z-index: 8;
opacity:0.0;
}
#slideshow IMG.active {
z-index: 10;
opacity: 1.0;
}
#slideshow IMG.last-active {
z-index:9;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
/* Skin */
#rotate {
background: #FFFFFF;
padding: 10px;
}
#rotate h1 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #751D81;
border-bottom: 1px solid #ECECEC;
}
#rotate-2 li a {
border-bottom: 1px solid #ECECEC;
display: block;
background: url(images/bullet.gif) 0 4px no-repeat;
padding: 0 0 0 20px;
}
.ui-tabs-nav, .ui-tabs-panel {
float: left;
width: 210px;
}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
}
.ui-tabs-nav li {
margin: 0;
min-width: 84px; /* be nice to Opera */
width: 210px;
border-bottom: 1px solid #ECECEC;
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
z-index: 2;
margin-top: 0;
color: #FF5500;
}
.ui-tabs-nav a span {
width: 210px; /* IE 6 treats width as min-width */
min-width: 210px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-panel {
float: right;
width: 390px;
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}