body {background-color: transparent; font: 13px/1.4em Helvetica,Arial,sans-serif; margin: 0; padding: 0;}
a:link {color: #0033CC; text-decoration: none;}
a:visited {color: #44516D; text-decoration: none;}
a:hover {color: red; text-decoration: underline;}
a:active {color: red; text-decoration: underline;}
.clear{clear:both;}
.elec-table.w, .forum, .header, #footer{width: 800px; margin: auto;}

.header{text-align:center;}
.header .logo{margin:5px;}
.header .cari_service{font-weight: bold; padding-left: 5px; text-align:right;}
.header .cari_service a {color: #0033CC;}
.header .cari_service .title {color: red;}

.elec-table{width: 600px; margin: auto;}
.elec-table .subject{background-color: #333333; color: white; font-size: 20px; font-weight: bold; min-width: 800px; padding: 12px; text-align: center; border-bottom:5px solid #CD2B67;}
.elec-table table{width:100%; margin:10px 0; border-collapse: collapse; border-spacing: 0;}
.elec-table table td, .elec-table table th{padding:3px; border: 1px solid #FFF; text-align:center; background-color:#DDDDDD;}
.elec-table table th{background-color:#CD2B67; color:white;}
.elec-table table td.total, .elec-table table th.total{background-color:#333333; color:white; font-weight:bold; width:60px;}
.elec-table table .c-name th{background-color:#333333; border: 1px solid #FFF;}

.elec-table .elec-td{width:50%; float:left;}
.elec-table .elec-td table{width:98%;}
.elec-table .elec-td table th.party{text-align:left; padding-left:20px; width:150px;}
.elec-table .elec-td table th, .elec-table .elec-td table td{background-color:#DDD; color:black;}
.elec-table .elec-td table .title th{font-size:18px; background-color:#333; padding:15px; text-align:center;}
.elec-table .elec-td table .title th, .elec-table .elec-td table .title th a{color:white; /*text-decoration: none;*/}
.elec-table .elec-td table th{color:#CD2B67;}
.elec-table .elec-td table .sname th{background-color:#CD2B67; color:white; text-align:center;}
.elec-table .elec-td table tr.c th, .elec-table .elec-td table tr.c td{background-color:#FFFF80;}

.elec-table table.t{border-collapse: collapse; border-spacing: 0; margin-bottom: 5px;}
.elec-table table.t th{background-color: #CD2B67; color: white; text-align: center; border:0;}
.elec-table table.t td{border:0; background-color: #F8F8F8; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; display: table-cell; text-align:center;}
.elec-table table.t td.state{padding-left:20px; width:160px; text-align:left; font-weight:bold;}
.elec-table table.t td.state, .elec-table table.t td.state a{color:#CD2B67;}
.elec-table table.t .title th{font-size:18px; background-color:#333; color:white; padding:15px; text-align:center;}

.elec-result{text-align:center; padding:25px 0; width:600px; margin:auto;}
.elec-result table{display:inline;}
.elec-result table td{padding:5px 8px; font-size:40px; line-height:150%; width:100px; height:90px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border:1px solid #EEF4FB;}
.elec-result table td.bn{background-color:#3F488D; color:white;}
.elec-result table td.num{font-size: 55px; text-shadow: -3px 2px 2px #CCC; font-weight:bold;}
.elec-result table td.pr{background-color:#EE1C22; color:white;}

.forum{margin-top:15px; font-size:15px;}
.forum .title{background-color: #333333; color: white; font-size: 20px; font-weight: bold; padding: 12px 12px 12px 30px; border-bottom:5px solid #CD2B67;}
.forum ul{margin: 0; overflow: hidden; padding: 3px 0; background-color: #F8F8F8;}
.forum ul li{color: #FF6347; list-style-type: none; padding: 10px 2px; border-bottom: 1px dashed #BBBBBB; width:32%; float:left;}
.forum ul li span{padding:0 5px;}
.forum ul li a{color: #0033CC;}

.elec-table.a .elec-td{width:100%;}
.elec-table.a, .forum.a{width: 100%; margin: auto;}
.elec-table.a table{width:100%;}
.forum.a ul li{width:48%;}

#footer{text-align:center; margin-top:20px; background-color:#2873C2; padding:5px;}
#footer, #footer a{color:white;}