x/*
Theme Name: Suara Radio Themes
Theme URI: http://www.zamrudtechnology.com
Description: Suara Radio Theme themes for suara radio
Version: 0.5 beta
Author: Adhie
Author URI: Description: Suara Radio Theme
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* HTML Elements */
* html img,
* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
a {
color:#505050;
text-decoration: none;
font-weight:bold;
}
a:hover {
color:#505050;
text-decoration: underline;
font-weight:bold;
}
p
{
margin:7px 0 7px 0;
padding:0;
}
a img{
border:0px solid #fff;
}
hr {background:#9B731D;
}
h2
{
font: bold 30px "Arial";
color:#237481;
padding:0;
margin:0;
}
h3
{
font: bold 20px "Arial";
color:#ee9701;
padding:0;
margin:0px 0 5px 0;
}
h4
{
font: bold 30px "Myriad Pro Cond";
color:#616BA3;
padding:0;
margin:0px 0 5px 0;
}
body {
background:#D4D0C8;
color: #505050;
padding-top:0px;
text-align: center;
font: normal 12px "Arial";
margin-top: 0px;
padding:0;
}
/* start style header */
#canvas {
width:1024px;
margin-left: auto;
margin-right: auto;
margin-top: -646px;
padding:0 auto;
}
#page {
width:1024px;
margin-left: auto;
margin-right: auto;
padding:0 auto;
}
#line_1 {
float:left;
width:1024px;
height:80px;
background:url(images/header.jpg) no-repeat top;
}
.logo_1
{
float:left;
width:200px;
height:30px;
margin:45px 0 0 50px;
}
#line_2 {
float:left;
width:1024px;
height:145px;
}
#line_3 {
float:left;
width:1001px;
height:30px;
background-color: #F58634;
margin: 0px 0px 0px 12px;
}
#line_4 {
float:left;
width:1000px;
margin : 0 12px 0 12px;
height : auto;
}
.line_45 {
background : #fff;
float:left;
width:1000px;
margin : 0 12px 0 12px;
height : auto;
}
.menu
{
float:left;
margin:3px 10px 10px 15px;
color: #fff;
}
.menu ul
{
float:left;
margin:0;
padding:0;
}
.menu ul li
{
list-style-type:none;
padding:0;
margin:0 3px 0 0;
float:left;
}
.menu ul li a {
text-align:center;
padding:3px 7px 3px 7px;
display:block;
text-decoration:none;
color:#fff;
font:bold 13px "Arial";
}
/*
.menu ul li a:hover {
text-align:center;
padding:3px 8px 3px 8px;
display:block;
text-decoration:none;
color:#000000;
font:bold 14px "Arial";
background-color:#05A2F4;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
}
.menu ul li a:visited {
text-align:center;
padding:3px 8px 3px 8px;
display:block;
text-decoration:none;
color:#ffffff;
font:bold 14px "Arial";
background-color:#000000;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-right-radius: 5px;
}
*/
.subMenu {
float:left;
text-align:center;
margin:-15px 0px 0px 0px;
width:1020px;
color:#908c89;
font:bold 14px "Calibri";
}
/* end style header */
/* start style headline */
.orangebox {
background:#ee9900;
width:390px;
position:relative;
padding:0px;
float:left;
}
.orangebox_tr, .orangebox_bl, .orangebox_br {position:absolute;width:15px;height:15px;display:block;}
.orangebox_tr {top:0;right:0;}
.orangebox_bl {bottom:0;left:0;}
.orangebox_br {right:0;bottom:0;}
.orangebox p {margin: 0px 0px 10px 0px;text-align:left;color:#ffffff;}
.orangebox h3 {margin: 5px 10px 10px 15px;font-weight:bold;color:#ffffff;text-align:left;}
.orangebox a:link {color:#ffffff;border:none;text-decoration:none;}
.orangebox a:active {color:#ffffff;border:none;text-decoration:none;}
.orangebox a:visited {color:#ffffff;border:none;text-decoration:none;}
.orangebox a:hover {color:#643b01;border:none;text-decoration:none;}
.orangebox ul {color:#ffffff;text-align:left;list-style:none;}
.orangebox li {font-weight:bold;}
/* end style headline */
.pJudul
{
color : #fff;
font : bold 20px "Arial";
padding : 0;
width : 260px;
}
.pJudulkontenpre
{
color : #EE9701;
font : bold 20px "Arial";
padding : 0;
}
.pJudul2
{
width : 300px;
color : #EE9701;
font : bold 20px "Arial";
text-align : left;
padding-left: 20px;
margin : 20px -10px 0px 0px;
}
.txt_white { color : #fff; }
a.txt_white:hover { color : #cccc; }
.txt_orange { color : #FFCA6F; }
a.txt_orange:hover { color : #cccc; }
.txt_orange2 { color : #ffbb22; }
a.txt_orange2:hover { color : #cccc; }
.pJudul_
{
margin : 20px 20px 10px 10px;
padding : 10px;
width : 400px;
}
.line_4Left {
float : left;
width : 333px;
/* background : #ee9900;
margin : 0px 0 0 0px; */
height : auto;
}
.ImgNewsBox
{
float:left;
margin:10px 5px 10px 0px;
}
.radioProg
{
float : left;
margin :18px 10px 0px 10px;
position : relative;
}
.line_4Left_ {
float : left;
width : 370px;
background:#ee9900;
margin: 0px 0 0 0px;
}
.line_4Left_ li {
margin:0px 0px 0px -30px;
list-style-type:none;
}
.line_date {
border : .2em solid #fff;
height : 15px;
text-align : left;
}
.line_4Left li {
margin:0px 30px 0px 30px;
list-style-type:none;
}
.whitebox {background:#FFF; width:610px;height:auto;position:relative;padding:0px;float:left;margin-left:0px;}
.whitebox_tr, .whitebox_bl, .whitebox_br {position:absolute;width:15px;height:15px;display:block;}
.whitebox_tr {top:0;right:0;}
.whitebox_bl {bottom:0;left:0;}
.whitebox_br {right:0;bottom:0;}
.whitebox p {margin: 0px 0px 10px 0px;text-align:left;color:#ee9701;}
.whitebox ul {color:#ee9701;text-align:left;list-style:none;} /*margin:0px 10px 0px 60px;*/
.whitebox h3 {margin: 0px 10px 10px 15px;font-weight:bold;color:#ee9701;text-align:left;}
.whitebox a:link {color:#ee9701;border:none;text-decoration:none;}
.whitebox a:active {color:#ee9701;border:none;text-decoration:none;}
.whitebox a:visited {color:#ee9701;border:none;text-decoration:none;}
.whitebox a:hover {color:#643b01;border:none;text-decoration:none;}
.whitebox li {font-weight:bold;}
.topHeadline_3 {
float : left;
width : 350px;
}
.topRightContainer {
width : 600px;
margin : 3px 0px 0px 0px;
}
.itemRight_top {
float:left;
width:665px;
padding:0px 0px 0px 0px;
}
.itemRight_bottom {
float:left;
width:665px;
margin:0px 0px 0px 0px;
}
.spacer300_
{
float:left;
width:5px;
}
.boxedNews1{
margin-top:-10px;
}
.boxedNews0{
margin-left: 10px;
margin-top: 10px;
}
.boxedNewsEntry {float:left;width:313px;margin:0px 10px 0px 0px;}
.boxedNewsEntry ul {
width :320px;
float : left;
}
.boxedNewsEntry li {
margin:0px 0px 0px -40px;
list-style-type:none;
}
.bottom {background:#FFF;width:1000px;height:auto;position:relative;padding:0px;float:left;margin:0px 0px 0px 0px;}
.bottom_tr, .bottom_bl, .bottom_br {position:absolute;width:15px;height:15px;display:block;}
.bottom_tr {top:0;right:0;}
.bottom_bl {bottom:0;left:0;}
.bottom_br {right:0;bottom:0;}
.bottom a:link {color:#ee9701;border:none;text-decoration:none;}
.bottom a:active {color:#ee9701;border:none;text-decoration:none;}
.bottom a:visited {color:#ee9701;border:none;text-decoration:none;}
.bottom a:hover {color:#643b01;border:none;text-decoration:none;}
.bottom p {margin: 0px 0px 10px 0px;text-align:left;color:#ee9701;}
.bottom h3 {margin: 0px 10px 10px 15px;font-weight:bold;color:#ee9701;text-align:left;}
.bottom ul {color:#ee9701;text-align:left;margin:0px 10px 0px 60px;list-style:none;}
.bottom li {font-weight:bold;}
.bottom_top {float:left;width:1000px;margin:0px 0px 0px 0px;}
.boxedNewsEntry_ {float:left;width:300px;margin:3px 0px 15px 0px;}
.boxedNewsEntry_ li {
margin:0px 0px 0px -90px;
list-style-type:none;
}
.grsDotTopLeft{
border-right:.1em dotted #ee9900;
border-bottom:.1em dotted #ee9900;
border-left:.1em dotted #ee9900;
}
.grsDotTopRight{
border-right:.1em dotted #ee9900;
border-bottom:.1em dotted #ee9900;
border-left:.1em dotted #ee9900;
}
.grsDotTopCenter{
border-bottom:.1em dotted #ee9900;
}
.grsDotBottomCenter{
border-right:.1em dotted #ee9900;
border-bottom:.1em dotted #ee9900;
border-left:.1em dotted #ee9900;
}
.grsDotBottom{
border-left:.1em dotted #ee9900;
border-bottom:.1em dotted #ee9900;
}
.grsDotTop{
border-top:.1em dotted #ee9900;
}
.grsDotRight{
border-right:.1em dotted #ee9900;
}
.grsDotLeftRight{
border-right:.1em dotted #ee9900;
border-left:.1em dotted #ee9900;
}
.lines_newsSharing {background : red;float:left;width:1000px;margin:15px 0px 0px 0px;}
.bottomColumn {float:left;margin:0px;}
.bottom_bottom {float:left;width:1000px;margin:-10px 0px 0px 0px;}
.readingView {background:#FFF;width:667px;height:auto;position:relative;padding:0px;float:left;margin:7px 0px 0px 0px;}
.readingView_tr, .readingView_bl, .readingView_br {position:absolute;width:15px;height:15px;display:block;}
.readingView_tr {top:0;right:0;}
.readingView_bl {bottom:0;left:0;}
.readingView_br {right:0;bottom:0;}
.readingView p {margin: 0px 10px 15px 10px;text-indent:30px;text-align:left;color:#ee9701;}
.readingView h3 {margin: 15px 10px 0px 10px;font-weight:bold;color:#ee9701;text-align:left;}
.readingView a:link {color:#ee9701;border:none;text-decoration:none;}
.readingView a:active {color:#ee9701;border:none;text-decoration:none;}
.readingView a:visited {color:#ee9701;border:none;text-decoration:none;}
.readingView a:hover {color:#643b01;border:none;text-decoration:none;}
.liTxt
{
margin-left:15px;
width:300px;
}
.liTxt_desc
{
width:530px;
text-align:left;
margin-bottom : 3px;
}
.liTxt_desc_
{
text-align: justify;
width:530px;
margin-bottom :3px;
}
.liTi
{
color : #494A47;
text-align : left;
font : bold 13px "Arial";
width : 530px;
}
.liTi a
{
color:#494A47;
font:bold 13px "Arial";
text-decoration:none;
}
.liTi a:hover
{
text-decoration:underline;
color:#494A47;
font:bold 13px "Arial";
}
.line_4Center ul li, .line_4Right ul li
{
float:left;
text-align:left;
margin-bottom:5px;
margin-left:5px;
list-style-type:none;
width:300px;
/*list-style-image:url(images/li_2.gif);*/
/*background:url(images/li_4.gif) no-repeat top left; */
}
.line_4Center ul, .line_4Right ul
{
float:left;
margin:0;
padding:0;
margin-top:0px;
}
.line_4Center_desc ul, .line_4Right ul
{
float:left;
margin:0;
padding:0;
margin-top:20px;
width:300px;
}
.line_4Center ul li, .line_4Right ul li
{
float:left;
text-align:left;
margin-bottom:5px;
margin-left:5px;
list-style-type:none;
width:300px;
/*list-style-image:url(images/li_2.gif);*/
/*background:url(images/li_4.gif) no-repeat top left; */
}
.line_4Center_desc ul li
{
float:left;
text-align:left;
margin-bottom:5px;
margin-left:5px;
list-style-type:none;
width:700px;
/*list-style-image:url(images/li_2.gif);*/
/*background:url(images/li_4.gif) no-repeat top left; */
}
.liTi_desc
{
color:#494A47;
text-align:left;
font:bold 18px "Arial";
width:700px;
margin-bottom : 10px;
}
.liTi_desc a
{
color:#494A47;
font:bold 18px "Arial";
text-decoration:none;
}
.liTi_desc a:hover
{
text-decoration:underline;
color:#494A47;
font:bold 18px "Arial";
}
.line_2Left {
float:left;
width:260px;
height:190px;
}
.logo_2
{
float:left;
width:200px;
height:170px;
margin:10px 0 0 50px;
}
.line_2Right {
float:left;
width:764px;
height:190px;
}
.line_3Left {
float:left;
width:260px;
height:60px;
}
.liveStream
{
float:left;
width:200px;
height:40px;
margin:15px 0 0 50px;
}
.line_3Right {
float:left;
color:#000000;
width:764px;
height:60px;
background:url(images/date.gif) no-repeat top;
}
#tgl
{
float:right;
margin:20px 50px 0 0;
}
#tglGbr
{
float:left;
width:12px;
height:12px;
margin:2px 5px 0 0;
background:url(images/dateImg.jpg) no-repeat top;
}
#tglTxt
{
float:left;
color:#858585;
}
#line_4_ {
float : left;
width : 1000px;
margin-top : 0px;
margin-left : 12px;
}
.topHeadline_4 {
margin-top : 0px;
margin-left : 10px;
}
.radioItem
{
float:left;
width:220px;
margin:10px 0 10px 0;
padding-bottom:10px;
border-bottom:1px solid #D6D6D6;
}
.radioTi
{
float:left;
width:195px;
color:#494A47;
text-align:left;
padding-left:15px;
font:bold 13px "Arial";
background:url(images/li_1.jpg) no-repeat left;
}
.radioTxt
{
float:left;
width:195px;
padding-left:15px;
margin-top:5px;
color:#505050;
text-align:left;
font:normal 13px "Arial";
}
.communTi
{
float:left;
width:195px;
text-align:left;
margin:20px 0 15px 0;
font:bold 18px "Arial";
color:#7AC208;
}
.communTxt
{
float:left;
width:195px;
text-align:left;
margin:0px 0 15px 0;
font:normal 12px "Arial";
color:#505050;
}
.line_4Center {
float : left;
width : 590px;
margin: 0px 0px 0 0px;
}
.line_4Center_desc {
float:left;
width:300px;
margin:0px 0px 0 40px;
}
.imgTi_1
{
float:left;
width:210px;
height:130px;
}
.imgTi_2
{
float:left;
width:210px;
height:130px;
text-align:left;
}
.seeAll
{
float:left;
font:italic 13px "Arial";
width:300px;
margin-top:10px;
text-align:left;
}
.seeAll2
{
float :right;
font :italic 13px "Arial";
margin-top :10px;
margin-right :37px;
text-align :right;
}
.seeAll a,.seeAll2 a
{
font:italic 13px "Arial";
text-decoration:none;
color:#505050;
}
.seeAll a:hover,.seeAll2 a:hover
{
font:italic 13px "Arial";
text-decoration:underline;
}
.line_4Right {
float:left;
width:320px;
margin:10px 0px 0 40px;
}
.line_4RightTi {
float:left;
text-align:left;
width:310px;
margin:10px 0px 10px 0px;
font:bold 15px "Arial";
color:#09CAF8;
}
.line_4RightLn {
float:left;
text-align:left;
width:310px;
}
.line_4RightLnLi {
float:left;
width:220px;
margin:0px 0px 0 10px;
}
.line_4RightLnTxt {
float:left;
width:200px;
margin:0px 0px 0 15px;
}
.line_4RightLnLi ul
{
float:left;
margin:0;
padding:0;
width:220px;
}
.line_4RightLnLi ul li
{
float:left;
text-align:left;
margin-bottom:5px;
margin-left:5px;
list-style-type:none;
width:200px;
/*background:url(images/li_4.gif) no-repeat top left; */
}
.line_4RightLnLi ul li a
{
color:#494A47;
font:bold 13px "Arial";
text-decoration:none;
}
.line_4RightLnLi ul li a:hover
{
text-decoration:underline;
color:#494A47;
font:bold 13px "Arial";
}
.imgTi_3
{
float:left;
width:70px;
height:70px;
}
#line_5 {
float:left;
width:1000px;
margin:2px 12px 5px 12px;
background : #ee9900;
}
#line_7 {
float : left;
width : 1024px;
margin: 20px 12px 5px 12px;
}
#smsTxt
{
float:left;
margin:15px 0 0 60px;
color:#858585;
font-weight:bold;
}
#smsTxt_in
{
float:left;
width:900px;
}
#line_6 {
background : #fff;
float:left;
width:1000px;
margin:5px 0 0px 0;
border-bottom:2px solid #E8E8E8;
}
.line_6Left {
float : left;
width : 220px;
margin: 0px 0 20px 40px;
}
.onairTi
{
float:left;
width:210px;
text-align:left;
margin:0px 0 15px 0;
font:bold 18px "Arial";
color:#7AC208;
}
.onairLi {
float:left;
width:210px;
margin:0px 0 15px 0;
}
.onairLi ul
{
float:left;
margin:0;
padding:0;
width:210px;
}
.onairLi ul li
{
float:left;
text-align:left;
margin-bottom:5px;
margin-left:5px;
padding-left:10px;
list-style-type:none;
width:210px;
background:url(images/li_2.gif) no-repeat top left;
}
.line_6Center {
float:left;
width:320px;
margin:10px 0px 0 40px;
}
.radioItem2
{
float:left;
width:320px;
margin:0px 0 20px 0;
padding-bottom:10px;
border-bottom:1px solid #D6D6D6;
}
.radioItem2notUn
{
float : left;
width : 320px;
margin : 0px 0 20px 0;
padding-bottom : 10px;
border-bottom : 0px solid #D6D6D6;
}
.radioTi2
{
float:left;
width:300px;
}
.radioTi2Img
{
float:left;
width:50px;
height:50px;
}
.radioTi2Txt1
{
float:left;
margin-left:10px;
width:220px;
text-align:left;
font:bold 16px "Arial";
color:#7AC208;
}
.radioTi2Txt2
{
float:left;
margin-left:10px;
width:220px;
text-align:left;
font:bold 16px "Arial";
color:#0577A6;
}
.radioTi2Txt3
{
float:left;
margin-left:10px;
width:220px;
text-align:left;
font:bold 16px "Arial";
color:#FE6500;
}
.radioTxt2
{
float:left;
width:300px;
margin-top:5px;
color:#505050;
text-align:left;
font:normal 11px "Arial";
}
.radioTxt2 ul li
{
float:left;
text-align:left;
margin-bottom:5px;
margin-left:5px;
padding-left:10px;
list-style-type:none;
width:210px;
}
.line_6Right {
float:left;
width:320px;
margin:10px 0px 0 40px;
}
.scriptTi
{
float : left;
width : 210px;
text-align: left;
margin : 0px 0 15px 0;
font : bold 18px "Arial";
color : #7AC208;
}
.line_6Right ul
{
float:left;
margin:0;
padding:0;
width:300px;
}
.line_6Right ul li
{
float:left;
text-align:left;
margin-bottom:5px;
margin-left:5px;
padding-left:10px;
list-style-type:none;
width:300px;
background:url(images/li_2.gif) no-repeat top left;
}
.line_7Left {
float:left;
width:300px;
margin:0px 10px 20px 40px;
}
.line_7Img
{
float:left;
width:75px;
height:55px;
margin-right:10px;
}
.line_7Txt
{
float:left;
width:200px;
}
.line_7TxtTi
{
float:left;
margin-bottom:10px;
width:100px;
text-align:left;
font:bold 12px "Arial";
color:#7AC208;
}
.line_7Txt ul
{
float:left;
margin:0;
padding:0;
width:200px;
}
.line_7Txt ul li
{
float:left;
text-align:left;
margin-bottom:5px;
margin-left:0px;
padding-left:0px;
list-style-type:none;
width:180px;
/*background:url(images/li_4.gif) no-repeat top left; */
}
.line_7Txt ul li a, .line_7Txt ul li a:hover
{
font-weight:normal;
}
.line_7Center {
float:left;
width:300px;
margin:0px 0 20px 20px;
}
.line_7Right {
float:left;
width:300px;
margin:0px 0 20px 20px;
}
.spacer300
{
float:left;
width:300px;
height:30px;
}
.spacer200
{
display:block;
float:left;
width:200px;
height:0px;
}
#line_8 {
float:left;
width:1000px;
margin-left : 12px;
height:20px;
padding-top : 10px;
color : #fff;
font:bold 11px "Arial";
}
.logoFoot {
float:left;
width:180px;
height:88px;
margin-top:10px;
}
.FootRight {
float:left;
width:824px;
height:88px;
margin-top:10px;
margin-left:16px;
}
.FootMenu
{
float:left;
width:824px;
text-align:left;
}
.FootCopy
{
float:left;
width:824px;
height:50px;
margin-top:10px;
text-align:left;
margin-left:3px;
background:url(images/FootCopy.gif) no-repeat top right;
}
.FootCopyCont
{
float:left;
margin:10px 0 0 25px;
text-align:left;
font:bold 11px "Arial";
color:#ABA9A9;
}
#line__7 {
float :left;
width :760px;
margin:10px 0 20px 0;
}
.Index_4Left {
float:left;
width:300px;
}
.Index_4Right {
float:left;
width:320px;
margin:10px 0px 0 40px;
}
.list_4Center{
float:left;
width:760px;
margin:20px 0 20px 0;
}
.SubJudul{
margin: 0px 2px 0 0px;
padding-left:0px;
}
.line_7Txt_
{
float : left;
width : 350px;
}
.line_7Txt_ ul
{
float : left;
width : 350px;
display: block;
margin : 0px -10px 0 -10px;
padding: 0;
}
.line_7Txt_ ul li
{
float:left;
text-align:left;
margin-bottom:5px;
margin-left:0px;
padding-left:2px;
list-style-type:none;
width:350px;
}
.line_7Txt_ ul li a, .line_7Txt_ ul li a:hover
{
font-weight:normal;
}
.pContentIsi
{
text-align:left;
font :11px "Arial";
}
.line_4Center_ {
float :left;
width :720px;
margin :10px 0px 0 40px;
}
.line1
{
float:left;
width:360px;
}
.list_archive {
float :left;
width :720px;
text-align : left;
margin :10px 0px 0 40px;
}
.list_archive ul li
{
list-style-type:none;
}
.list_archiveRss {
float :left;
width :320px;
margin :10px 0px 0 5px;
font :11px "Arial";
}
.list_archiveRss ul
{
float:left;
margin-bottom:15px;
padding:0;
width:300px;
}
.list_archiveRss li
{
float:left;
text-align:left;
margin-bottom:5px;
margin-left:0px;
padding-left:2px;
list-style-type:square;
width:300px;
}
.list_archiveRss ul li a, .list_archiveRss ul li a:hover
{
font-weight:normal;
}
.line_4Center_desc_ {
float:left;
width:700px;
margin:0px 0px 0 40px;
}
.line_4Center_desc_ li
{
list-style-type:none;
}
.line_4Center_wide {
float:left;
width:490px;
margin:0px 0px 0 6px;
border-right : 1px dashed #0000FF;
}
.line_4Center_wide1 {
float:left;
width:490px;
margin:0px 0px 0 6px;
}
.line_4Center_wide ul, .line_4Center_wide1 ul
{
float:left;
margin:0 6px 0 0;
padding:0;
}
.line_4Center_wide ul li, .line_4Center_wide1 ul li
{
list-style-type:none;
padding:0;
margin:0 0px 0 0;
float:left;
}
.line_4Center_wide ul li a, .line_4Center_wide1 ul li a {
text-align:center;
padding:3px 8px 3px 8px;
display:block;
text-decoration:none;
color:#046599;
font:bold 12px "Arial";
}
.line_4Center_wide ul li a.selected, .line_4Center_wide1 ul li a.selected {
text-align:center;
padding:3px 8px 3px 8px;
display:block;
text-decoration:none;
color:#046599;
font:bold 12px "Arial";
background-color:#E0ECFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.line_4Center_wide ul li a:hover, .line_4Center_wide1 ul li a:hover {
text-align:center;
padding:3px 8px 3px 8px;
display:block;
text-decoration:none;
color:#ffffff;
font:bold 12px "Arial";
background-color:#05A2F4;
-moz-border-radius: 5px ;
-webkit-border-radius: 5px;
}
.line_4Center_sub ul li a {
text-align:center;
padding:3px 8px 3px 8px;
display:block;
cursor: pointer;
text-decoration:none;
color:#65B90B;
font:bold 11px "Arial";
}
.line_4Center_sub ul li a:hover {
text-align:center;
padding:3px 8px 3px 8px;
display:block;
text-decoration:none;
color:#ffffff;
font:bold 11px "Arial";
background-color:#86D311;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.line_4Center_sub ul li a.selected {
text-align:center;
padding:3px 8px 3px 8px;
display:block;
text-decoration:none;
color:#65B90B;
font:bold 11px "Arial";
background-color:#E0FFEC;
-moz-border-radius: 5px;
-webkit-border--radius: 5px;
}
.line_4Right_wide {
float: left;
width:200px;
margin:0px 0px 0 25px;
}
.list_data {
float:left;
}
.table td {
text-align: left;
}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
.tree {width:1000px;float:left;margin:0 0 0 0;}
.tree h2 {color:#FFF;font-family:Tahoma;font-size:20px;text-align:center;margin:5px 0px 0px 0px;font-weight:bold;}
.tree p {color:#FFF;font-family:Calibri;font-size:13px;text-align:center;margin:5px 0px 0px 0px;}
.tree a:link {color:#ffffff;border:none;text-decoration:none;}
.tree a:active {color:#ffffff;border:none;text-decoration:none;}
.tree a:visited {color:#ffffff;border:none;text-decoration:none;}
.tree a:hover {color:#ee9701;border:none;text-decoration:none;}
.post {
text-align: justify;
}
.copyright {width:1000px;float:left;margin:10px;}
.copyright p {color:#FFF;font-family:Calibri;font-size:13px;text-align:center;}
.copyright h3 {color:#FFF;font-family:Calibri;font-size:15px;text-align:center;font-weight:normal;}
#myform #select-cell {
position: relative;
}
#myform select {
position: relative;
margin-left: -1px;
/*background: url(images/select-button.gif) ; */
background-color: inherit; /* attention: bg-color here deletes img! bg-color is in the image: #F5FCFF */
color: #fff;
}
* html #myform select {
margin-left: 1px;
}
#myform option {
font-weight: bold;
border-bottom: 1px dotted #C0C0C0;
color: #321c01;
background: #EDFAFF;
cursor: pointer;
}
.seeAllleft
{
float:left;
font:italic 12px "Arial";
width:200px;
margin-top:0px;
margin-bottom:20px;
text-align:right;
}
.line_45 {
background : #fff;
float : left;
width : 1000px;
margin : 0 12px 0 12px;
height : auto;
}
.line_45_1 {
border-right : .1em dotted red;
border-bottom : .1em dotted red;
float : left;
width : 332px;
margin : 0 0px 0px 0px;
height : 330px;
}
.line_45_top {
float : left;
margin : 0 15px 0 20px;
}
.line_45_bottom {
float : left;
width : 300px;
margin : -10px 0px 0 0px;
}
.pwhite {
color : white;
}
.line_45 li {
list-style-type:none;
}
.line_45_1 ul {
width : 300px;
display : block;
}
.line_45_1 li {
margin :0px 0px 0px -30px;
list-style-type:none;
}
.pJudulBox
{
width : 300px;
text-align : left;
padding-left: 20px;
margin : 20px -10px 0px 0px;
}
.Texth3
{
font : bold 20px "Arial";
color : #fff;
padding : 0;
margin : 0px 0 5px 0;
}
.judulTuning{
color : #367E3B;
text-align : left;
font : 15px "Arial";
border-bottom : .1em dotted red;
margin-left : 10px;
width : 170px;
}
.line_45_tuning {
border-bottom : .1em dotted red;
border-right : .1em dotted red;
float : left;
width : 199px;
height : 170px;
margin : 0 0px 0px 0px;
display : block;
}
.pTop {float:left;width:195px;margin:-20px 0px 0px 0px;}
.pTop ul {
width :320px;
float : left;
display : block;
}
.pTop li {
margin:0px 10px 0px -40px;
list-style-type:none;
}
.pTop li:hover {
overflow:visible;
}
.pTop table{
width:197px;
table-layout: fixed;
padding : 1px;
}
.ImgNewsBox2
{
margin:10px 5px 10px 0px;
height : 65px;
}
.stream{
vertical-align:center;
height : 30px;
margin-left : -50px;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
font-size:80%;
}
.navigation a{
text-align:center;
padding:5px 10px;
margin:0 2px 0 2px;
border:1px solid #6C7388;
}
.navigation a:hover{
background:#6C7388;
}
.current{
background:#65ea00;
}
ul#menutop{
margin:0;
padding:0;
list-style-type:none;
/* width:auto; */
width:1000px;
position:relative;
display:block;
height:40px;
text-transform:uppercase;
font-size:13px;
background:transparent url("images/menutop_home.jpg") repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menutop li{
display:block;
float:left;
margin:0;
pading:0;
border-right:1px solid #ffffff;
}
ul#menutop li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:12px 20px 0 20px;
height:24px;
}
ul#menutop li a:hover{
background:transparent url("images/blue.jpg") repeat-x top left;
}
.line_fb {
float:left;
width:610px;
margin:10px 0px 0 16px;
display : table;
}
.line_fb_left {
float:left;
text-align:left;
font: 12px "Arial";
width:470px;
display : table-cell;
}
.line_fb_right {
float:left;
text-align:left;
width:120px;
margin:10px 0px 0 10px;
display : table-cell;
}
.line_fb_jdl {
float:left;
text-align:left;
font:bold 15px "Arial";
color:#FDBA18;
}
.sidebar_fb {
float:left;
width:150px;
margin:10px 0px 0 16px;
}
.list_archive1 {
float :left;
width :590px;
text-align : left;
margin :0 0px 0 0px; /*0px 0px 0 -50px; */
}
#footer1{
background-image: url(images/foot_2.jpg); height: 30px; width: 125px;
margin: -10px 0px 0px 0px;
}
#footer2{
background-image: url(images/foot_1.jpg); height: 30px;
width: 600px;
margin: -30px 0px 0px 125px;
}
#footer3{
background-image: url(images/foot_3.jpg); height: 30px; width: 279px;
margin: -30px 0px 0px 724px;
}
#leftdiviklan{
margin: 0px 0px 0px -10px;
height: 100%;
width: 134px;
#background-image: url(images/kiri.jpg); height: 637px; width: 134px;
background-color:#D4D0C8;
}
#rigthdiviklan{
margin: 5px 0px 0px 1125px;
height: 100%;
width: 130px;
#background-image: url(images/kanan.jpg); height: 637px; width: 130px;
background-color:#D4D0C8;
}
.speakerkonten{
vertical-align:center;
}
.grspembatasKonten{
border-bottom:.1em dotted #ee9900;
}
#framekontenpre{
border:2px solid #AAAAAA;
}
#inforedaksi{
height: 30px;
width: 1000px;
background-color: #ee9900;
color:#FFF;font-family:Tahoma;font-size:14px;text-align:center;
margin:3px 0px 0px 0px;font-weight:bold;
position: relative; overflow: hidden;"
}
.menuvisit{
background-color; #000000;
}