#leftBar{
float:left;
width:260px;
padding:20px 0;
font-family:'Segoe UI',Arial,Helvetica,sans-serif;
font-size:15px;
color:#767676;
height:600px;
-webkit-box-shadow:14px -8px 32px -8px #F7F7F7;
-moz-box-shadow:14px -8px 32px -8px #F7F7F7;
box-shadow:14px -8px 32px -8px #F7F7F7;
}
#rightBar{
float: right;
width: 590px;
padding: 50px 25px;
font-family: 'Segoe UI',Arial,Helvetica,sans-serif;
font-size: 18px;
color: #767676;
letter-spacing: -1px;
}
ul#menuPanduan{
list-style-type:none;
margin-top: 45px;
}
ul#menuPanduan li{
height:50px;
}
ul#menuPanduan a{
display: flex;
padding: 15px;
color: #138cd1;
background: #fff url(/images/iconListPanduan.jpg) no-repeat 205px center;
align-items: center;
justify-content: space-evenly;
}
ul#menuPanduan a:hover,ul#menuPanduan a.selected{
background:#138cd1 url(/images/iconListPanduanHover.jpg) no-repeat 205px center;
color: #fff;
}
li#reg-acc a{
padding-right:166px;
}
li#open-acc a{
padding-right:134px;
}
li#depo-acc a{
padding-right:120px;
}
li#wd-acc a{
padding-right:96px;
}
h1#panduanTrans{
text-align:center;
color:#138cd1;
text-shadow:0px 0px 1px #138cd1;
margin-bottom: 35px;
font-size: 50px;
}
#headH1{
color: #333;
font-size: 22px;
position: relative;
top: -27px;
border-bottom: 1px solid #4280a5;
padding-bottom: 15px;
}
#divPandu{
font-size: 16px;
padding-left: 35px;
color: #333;
}
#rightBar p{
text-align: justify;
line-height: 21px;
margin-bottom: 10px;
}
#menuTitle{
text-align: center;
background: url(/images/gradico-panduan.jpg) no-repeat 25px;
height: 37px;
font-size: 22px;
letter-spacing: -1px;
line-height: 38px;
margin-bottom: 25px;
padding-left: 35px;
}
.listPanduan img{
width:36px;
height:36px;
padding-right: 15px;
position: relative;
top: 10px;
}
.listPanduan a{
color:#138cd1;
text-shadow:0px 0px 1px #138cd1;
}
label{
font-size: 14px;
}
input,textarea{
background:#fff;
border:1px solid #ddd;
font-family:inherit;
font-size: 14px;
width: 423px;
margin-bottom: 22px;
}
textarea{
width:585px;
height:150px;
}
#send{
color: #fff;
background: #138cd1 url(/images/mail.png) no-repeat 18px center;
padding: 10px 20px 10px 47px;
cursor: pointer;
width: auto;
text-shadow: 0px 0px 1px #fff;
border:none;
}
#send:hover{
background-color:#3FB3E6;
}
.get-updates{
width:207px;
}
.textContact:hover{
background:#f3f3f3;
}
#sendStatus{
position:relative;top: -30px;left: -10px;
}
#sendStatus span{
font-size: 13px;border-radius:5px;left:10px;position:absolute;opacity:0;
}
span.error{padding: 4px 10px 5px;border: 1px solid #500;border-width:1px 0;color: #c44;}
span.success{padding: 4px 10px 5px;border: 1px solid #050;color:#050;border-width:1px 0;}
span.loading{padding: 0px 10px 0px;color: #999;top: -10px;}
span.loading img{margin-left: 10px;position: relative;top:11px}