form {
margin : 0;
padding : 0;
}
label {
cursor : pointer;
color : #666;
font-weight : bold;
vertical-align : middle;
}
label input {
font-weight : normal;
}
textarea, .inputtext, .inputpassword {
border : #bdc7d8 solid 1px;
margin : 0;
padding : 3px;
}
textarea {
max-width : 100%;
}
select {
border : #bdc7d8 solid 1px;
padding : 2px;
}
.inputtext, .inputpassword {
padding-bottom : 4px;
}
.inputcheckbox {
border : 0;
vertical-align : middle;
}
.inputbutton, .inputsubmit {
border-style : solid;
border-width : 1px;
border-color : #d9dfea #0e1f5b #0e1f5b #d9dfea;
background-color : #3b5998;
color : #fff;
padding : 2px 15px 3px 15px;
text-align : center;
}
.inputsubmit_disabled {
background-color : #999;
border-bottom : 1px solid #000;
border-right : 1px solid #666;
color : #fff;
}
.inputaux {
background : #f0f0f0;
border-color : #e7e7e7 #666 #666 #e7e7e7;
color : #000;
}
.inputaux_disabled {
color : #999;
}
body {
overflow-y : scroll;
}
body {
background : #fff;
color : #333;
line-height : 1.28;
margin : 0;
padding : 0;
text-align : left;
direction : ltr;
unicode-bidi : embed;
}
body, button, input, label, select, td, textarea {
font-family : 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size : 12px;
}
h1, h2, h3, h4, h5, h6 {
font-size : 13px;
color : #333;
margin : 0;
padding : 0;
}
h1 {
font-size : 14px;
}
h4, h5, h6 {
font-size : 11px;
}
p {
margin : 1em 0;
}
a {
color : #3b5998;
cursor : pointer;
text-decoration : none;
}
button {
margin : 0;
}
a:hover {
text-decoration : underline;
}
img {
border : 0;
}
td, td.label {
text-align : left;
}
dd {
color : #000;
}
dt {
color : #777;
}
ul {
list-style-type : none;
margin : 0;
padding : 0;
}
abbr {
border-bottom : 0;
}
hr {
background : #d9d9d9;
border-width : 0;
color : #d9d9d9;
height : 1px;
}
.clearfix:after {
clear : both;
content : ".";
display : block;
font-size : 0;
height : 0;
line-height : 0;
visibility : hidden;
}
.column {
float : left;
}
.center {
margin-left : auto;
margin-right : auto;
}
#blueBarHolder.slim {
height : 38px;
}
/* >>>>>>>>>>>> BLUE BAR WARNA <<<<<<< */
#blueBar {
background-color : #7156B5;
border-bottom : 1px solid #133783;
min-width : 801px;
position : relative;
z-index : 300;
}
/* >>>>>>>>>>>> BLUE BAR WARNA <<<<<<< */
.slim #blueBar {
height : 37px;
}
.slim #blueBar.fixed_elem {
left : 0;
right : 0;
top : 0;
}
.fixed_elem, .fixed_always {
position : fixed !important ;
}
.lfloat {
float : left;
}
.rfloat {
float : right;
}
.bold {
font-weight : bold;
}
#pageHead {
margin : 0 auto;
width : 800px;
}
.fbx #pageHead, #blueBar #pageHead {
padding-top : 6px;
width : 801px;
}
.sidebarMode .fbx #pageHead, .sidebarMode #blueBar #pageHead {
padding-right : 205px;
}
#pageLogo {
float : left;
margin-left : -7px;
padding-right : 1px;
z-index : 5;
}
#wew{
float : left;
margin-left : -7px;
padding-right : 1px;
z-index : 5;
}
.shakeimage{
position:relative
}
#pageLogo a, #pageLogo a:hover, #pageLogo a:focus, #pageLogo a:active {

display : block;
height : 31px;
outline : 0;
overflow : hidden;
text-indent : -999px;
white-space : nowrap;
width : 103px;
}
#pageLogo a:hover, #pageLogo a:focus, #pageLogo a:active {
background-color : #4b67a1;
}
#headNav {
height : 30px;
margin-left : 176px;
}
#pageNav {
margin-right : 1px;
}
#pageNav .navItem {
float : left;
}
#pageNav .navLink {
color : #d8dfea;
display : inline-block;
font-weight : bold;
height : 31px;
line-height : 29px;
position : relative;
text-decoration : none;
vertical-align : top;
}
#pageNav .middleItem .navLink, #pageNav .lastItem a, #pageNav #navAccountLink {
margin-left : -1px;
}
#pageNav .middleItem .navLink, #pageNav .lastItem a {
padding : 0 8px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>DISINI HOVER NYA <<<<<<<<<<<<<<<<<<<<<<<<<<< */

#pageNav .navLink:hover, #pageNav .navLink:focus, #pageNav .navLink:active {
background-color : #7156B5;
color : #fff;
outline : 0;
z-index : 1;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>DISINI HOVER NYA <<<<<<<<<<<<<<<<<<<<<<<<<<< */

#pageNav .openToggler .navLink:hover {
background-color : transparent;
}
#pageNav .navLink:after {
background : #526da4;
content : " ";
display : block;
height : 14px;
position : absolute;
right : 0;
top : 9px;
width : 1px;
}
#pageNav .navLink:hover:after, #pageNav #navAccountLink:after, #pageNav .lastItem .navLink:after {
display : none;
}
#pageNav .openToggler .navLink:hover::after {
display : block;
}
#pageNav .tinyman .headerTinymanPhoto {
border : #294a8f solid 1px;
border-top : 1px solid #123682;
height : 23px;
margin : 3px 5px 3px 3px;
width : 23px;
}
#pageNav .tinyman .headerTinymanName {
display : inline-block;
max-width : 175px;
overflow : hidden;
padding-right : 8px;
text-overflow : ellipsis;
vertical-align : top;
white-space : nowrap;
}
#pageNav .lightNav .headerTinymanName {
color : #d8dfea;
font-weight : bold;
line-height : 29px;
}
a#saldoCoin {
background-image : url(phone.png);
background-repeat : no-repeat;
background-size : 26px 26px;
text-indent : 24px;
}
.clearfix:after {
clear : both;
content : ".";
display : block;
font-size : 0;
height : 0;
line-height : 0;
visibility : hidden;
}
#globalContainer {
margin : 0 auto;
position : relative;
}
.fbx #globalContainer {
width : 801px;
}
.sidebarMode #globalContainer {
padding-right : 205px;
}
.sidebarMode .webkit #globalContainer .fixed_elem, .sidebarMode .webkit #globalContainer .fixed_always {
margin : auto;
}
.fbx #tab_canvas > div {
padding-top : 0;
}
.fb_content {
padding-bottom : 20px;
}
.fbx .fb_content {
padding-bottom : 0;
}
.uiContextualLayerParent {
position : relative;
}
#mainContainer {
margin-left : -1px;
display : block;
width : 800px;
}
.hasLeftCol #mainContainer {
border-right : 1px solid #ccc;
min-height : 600px;
}
#leftCol {
display : none;
float : left;
padding : 20px 0 0 2px;
position : relative;
width : 179px;
overflow-wrap : break-word;
}
.hasLeftCol #leftCol {
display : block;
}
#rightCol {
margin-top : -10000px;
float : right;
padding-right : 0;
width : 244px;
overflow-wrap : break-word;
}
.hasRightCol #rightCol {
margin-top : 0;
}
.hasLeftCol #rightCol {
padding-right : 20px;
}
#contentCol {
background-color : #fff;
padding-top : 15px;
}
.hasLeftCol #contentCol {
border-left : 1px solid #ccc;
margin-left : 181px;
min-height : 600px;
}
#headerArea {
margin-bottom : 5px;
padding : 2px 0 12px;
}
.hasLeftCol #headerArea {
float : left;
margin : 0 20px 0;
width : 759px;
}
#ctnFooter {
margin-right : -1px;
outline : 0;
padding-left : 1px;
overflow-wrap : break-word;
}
.hasLeftCol #ctnFooter, .hasRightCol #ctnFooter {
float : left;
margin-right : 0;
}
.hasLeftCol #ctnFooter {
padding : 0 20px;
width : 759px;
}
.hasRightCol #ctnFooter {
width : 714px;
}
.hasLeftCol .hasRightCol #ctnFooter {
padding-right : 0;
width : 581px;
}
#ctnHome {
margin-right : -1px;
outline : 0;
padding-left : 1px;
overflow-wrap : break-word;
}
.hasLeftCol #ctnHome, .hasRightCol #ctnHome {
float : left;
margin-right : 0;
}
.hasLeftCol #ctnHome {
padding : 0 20px;
width : 759px;
}
.hasRightCol #ctnHome {
width : 714px;
}
.hasLeftCol .hasRightCol #ctnHome {
padding-right : 0;
width : 581px;
}
#contentArea {
margin-right : -1px;
outline : 0;
padding-left : 1px;
overflow-wrap : break-word;
}
.hasLeftCol #contentArea, .hasRightCol #contentArea {
float : left;
margin-right : 0;
}
.hasLeftCol #contentArea {
padding : 0 20px;
width : 759px;
}
.hasRightCol #contentArea {
width : 714px;
}
.hasLeftCol .hasRightCol #contentArea {
padding-right : 0;
width : 581px;
}
#content {
margin : 0;
outline : 0;
padding : 0;
width : auto;
}
.profile #content, .home #content, .search #content {
min-height : 600px;
}
.fbxWelcomeBox .fbxWelcomeBoxName {
padding-bottom : 1px;
}
.fbxWelcomeBoxBlock .fbxWelcomeBoxImg {
height : 40px !important ;
width : 40px !important ;
}
.fbxWelcomeBoxName {
display : block;
font-weight : bold;
width : 112px;
overflow-wrap : break-word;
}
.fss {
font-size : 9px;
}
._8m {
overflow : hidden;
}
._8u {
margin-top : 1px;
}
._8o, ._8o .img {
display : block;
}
._8r {
margin-right : 5px;
margin-top : -1px;
}
._8s {
margin-right : 8px;
}
._8t {
margin-right : 10px;
}
._6a {
display : inline-block;
}
._6d {
vertical-align : bottom;
}
._6b {
vertical-align : middle;
}
._6e {
vertical-align : top;
}
._42ef {
overflow : hidden;
}
.prs {
padding-right : 5px;
}
#sideNav #pinnedNav {
margin-top : 16px;
}
#sideNav .belowThreshold, #sideNav .homeSideNav .actionLinks, #sideNav #pinnedNav .hideOption {
display : none;
}
#sideNav.editMode .homeSideNav .actionLinks {
display : block;
}
#sideNav .moreSectionsLink {
color : #7f93bc;
font-size : 9px;
font-weight : bold;
}
.navHeader, .navHeader a {
color : #999;
font-size : 9px;
font-weight : bold;
margin-top : 12px;
}
.navHeader .bookmarksNavSeeAll {
color : #6d84b4;
white-space : nowrap;
}
.navHeader .uiLoadingIndicatorAsync {
margin-top : -3px;
}
.editMode .nonDroppableNav {
opacity : 0.5;
}
.editMode .nonDroppableNav .sortableItem {
cursor : default;
}
.editMode .homeSideNav .bookmarksNavSeeAll, .homeSideNav .bookmarksNavSeeAll {
visibility : hidden;
}
.homeSideNav:hover .bookmarksNavSeeAll, .forceMoreLink .bookmarksNavSeeAll {
visibility : visible;
}
.homeSideNav a:hover {
text-decoration : none;
}
.bookmarksNavSeeAll:hover {
text-decoration : underline;
}
.homeSideNav .loading .bookmarksNavSeeAll {
display : none;
}
.homeSideNav .bookmarksMenuButton ul {
display : inline;
}
.uiSideNav .sideNavItem {
padding-right : 20px;
margin-left : -20px;
width : 100%;
}
.uiSideNav ul {
display : none;
}
.uiSideNav .open ul {
display : block;
}
.uiSideNav .forceSubitems ul {
display : block;
}
.uiSideNav .hidden {
display : none;
}
.uiSideNav .item, .uiSideNav .subitem {
color : #333;
display : block;
border-bottom : 1px solid #fff;
min-height : 17px;
line-height : 13px;
padding : 3px 8px 0 28px;
text-decoration : none;
}
.Locale_ar_AR .uiSideNav .item, .Locale_ar_AR .uiSideNav .subitem {
line-height : 14px;
}
.uiSideNav .subitem {
padding-left : 37px;
}
.uiSideNav .item:hover, .uiSideNav .item:active, .uiSideNav .item:focus, .uiSideNav .subitem:hover, .uiSideNav .subitem:active, .uiSideNav .subitem:focus, .uiSideNav .highlighted .item:hover, .uiSideNav ul .highlighted .subitem:hover {
background-color : #eff2f7;
text-decoration : none;
}
.uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover, .uiSideNav ul .selectedItem .subitem, .uiSideNav ul .selectedItem .subitem:hover {
background-color : #d8dfea;
font-weight : bold;
}
.uiSideNav .highlighted .item, .uiSideNav ul .highlighted .subitem {
background-color : #fffbe2;
text-decoration : none;
}
.uiSideNav .item .imgWrap {
width : 18px;
}
.uiSideNav .external {
padding-right : 12px;
background : url(http://static.ak.fbcdn.net/rsrc.php/v2/yW/r/AebrcwrBeG6.png) right 3px no-repeat;
}
.uiSideNav .item .linkWrap {
display : block;
max-width : 116px;
overflow : hidden;
padding-left : 0;
text-overflow : ellipsis;
white-space : nowrap;
}
.uiSideNavCountText {
color : gray;
}
.uiSideNav .item .uiSideNavCountRed {
background-color : #f64c4c;
color : #fff;
}
.uiSideNav .uiSideNavCountRedBordered {
background : #f03d25;
border : #c0311e solid 1px;
color : #fff;
display : inline-block;
font-size : 9px;
margin-top : 3px;
padding : 0 2px 0 3px;
position : relative;
white-space : nowrap;
}
.uiSideNav .loading .item, .uiSideNav .sideNavItem .loading .subitem {
background-color : #eff2f7;
border-color : #eff2f7;
border-bottom-color : #fff;
}
.uiSideNav .loading .subitem {
background-color : #fff;
border-color : #fff;
}
.uiSideNavCount {
background-color : #d8dfea;
color : #3b5998;
font-weight : bold;
left : -1px;
padding : 0 4px;
position : relative;
}
.uiSideNav .uiSideNavCount {
padding-bottom : 2px;
}
.history > li {
border-width : 1px 0 0 0;
border-color : #e9e9e9;
border-style : solid;
}
li.dcgems {
background-image : url(dcgems.png);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.dcfood {
background-image : url(http://fb.dchi.asia/static/dcfood.png);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.dcgold {
background-image : url(http://fb.dchi.asia/static/dcgold.png);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.dcegg {
background-image : url(http://fb.dchi.asia/static/dcegg.png);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.dcxp {
background-image : url(http://pedagang-gems.com/adi.png);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.dw {
background-image : url(http://fb.dchi.asia/static/dw.png);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.se {
background-image : url(http://fb.dchi.asia/static/se.gif);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.sw {
background-image : url(http://fb.dchi.asia/static/sw.gif);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.dc {
background-image : url(http://fb.dchi.asia/static/dc.gif);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.mc {
background-image : url(mc.png);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.tsel {
background-image : url(http://fb.dchi.asia/static/tsel.ico);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.isat {
background-image : url(http://fb.dchi.asia/static/isat.ico);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.xl {
background-image : url(http://fb.dchi.asia/static/xl.ico);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.esia {
background-image : url(http://fb.dchi.asia/static/esia.gif);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.smartfren {
background-image : url(http://fb.dchi.asia/static/smartfren.ico);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.three {
background-image : url(digicash.png);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.axis {
background-image : url(lyto.jpg);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.pln {
background-image : url(megaxus.ico);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.gcash {
background-image : url(gcash.ico);
background-repeat : no-repeat;
background-size : 16px 16px;
}
li.mx{
background-image : url(megaxus.ico);
background-repeat : no-repeat;
background-size : 16px 16px;
}