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

#sosial_tabs {  
    margin: 0px auto 0px auto; 
}  
.tabbed_box h4 {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:23px;  
    color:#ffffff;
    letter-spacing:-1px;  
    margin-bottom:10px;  
}  
.tabbed_box h4 small {  
    color:#e3e9ec;  
    font-weight:normal;  
    font-size:9px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    text-transform:uppercase;  
    position:relative;  
    top:-4px;  
    left:6px;  
    letter-spacing:0px;  
}  
.tabbed_area {  
    border:1px solid #8C99A4;  
    background-color:#8C99A4;  
    padding:1px;      
}  
ul.tabs {  
    margin:0px; padding:0px;  
    margin-top:6px;  
    margin-bottom:7px;
}  
ul.tabs li {  
    list-style:none;  
    display:inline; 
}  
ul.tabs li a {  
    background-color:#464c54;  
    color:#ffebb5;  
    padding:8px 14px 8px 14px;
    text-decoration:none;  
    font-size:11px;  
    font-family:Verdana, Arial, Helvetica, sans-serif;  
    font-weight:bold;
}  

ul.tabs li a:hover {  
    background-color:#2f343a;  
    border-color:#2f343a;  
}  
ul.tabs li a.active {  
    background-color:#ffffff;  
    color:#282e32;  
    border-bottom: 1px solid #ffffff;  
}  
.content {  
    background-color:#ffffff;  
    padding:8px 4px; 
}

ul.tabs li #google_tab {
    background-image: url(../../images/icons/google.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 6px;
}

ul.tabs li #google_tab.active {
    background-image: url(../../images/icons/google_red.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 6px;
}

ul.tabs li #facebook_tab {
    background-image: url(../../images/icons/facebook.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 6px;
}

ul.tabs li #facebook_tab.active {
    background-image: url(../../images/icons/facebook_blue.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 6px;
}

ul.tabs li #twitter_tab {
    background-image: url(../../images/icons/twitter.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 6px;
}

ul.tabs li #twitter_tab.active {
    background-image: url(../../images/icons/twitter_blue.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 6px;
}

ul.tabs li #public_tab {
    padding:8px 82px 8px 82px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 6px;
}

ul.tabs li #public_tab.active {
    padding:8px 82px 8px 82px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 6px;
}


ul.tabs li #house_tab {
    padding:8px 82px 8px 82px;
	background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 6px;
}

ul.tabs li #house_tab.active {
    padding:8px 82px 8px 82px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 10px 6px;
}


#house_page, #google_page, #transformasi_page, #tds_page  { display:none; }