#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay { position: fixed; z-index:2222; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(/OneStopCMS/Sites/RatuBagus/Theme/Images/macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=55); -moz-opacity: 0.55; opacity: 0.55; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 3333; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:4444; top: 50%; left: 50%; margin: -6px 0 0 -104px; }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{ z-index:1111; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
a.glossary { text-decoration: none !important; border-bottom: dashed 1px; }
.imageClearer { clear: both; }
.hide { display:none; }
div.switchToContainer { position: absolute; top: 2px; right: 2px; z-index: 100; }
div.switchToContainer a { color: #000000; font-family: Tahoma; font-size: 11px; text-decoration: none; }
div.switchToContainer a:hover { color: #0099ff; text-decoration: underline; }
div.switchToContainer a.disabled { text-decoration: line-through; color: #666; }
div.webAuthorConsoleContainer ul.toolBar, div.webAuthorConsoleContainer ul.toolBar li { list-style: none !important; }
div.poll { clear : both; margin: 20px 0; padding: 10px; background: #F4D2C7; float: left; border-left: 5px solid #A8292A; color: #000; }
.poll h3 { margin-top: 0 !important; }
img.bargraphLeft, img.bargraphMiddle, img.bargraphRight { height: 11px; }
img.bargraphLeft, img.bargraphRight { width: 3px; }
div.pollResultStat { margin-top: 1em; }
div.messageContainer { margin-top: 12px; padding: 6px; font-size: 86%; background: #FFF; }
div.fullWidthBodyContainer { width: 100%; }
div.fixedWidthBodyContainer { width: 760px; margin : 19px auto 0; padding-bottom: 15px; }
div.mainColumnContainerTwoColumn { float : left; width : 590px !important; width:585px; margin : 0px 0 0 12px; padding-bottom: 35px; }
div.mainColumnContainerThreeColumn { float : left; width : 402px; margin : 0px 12px; padding-bottom: 35px; }
div.mainColumnContainer a:hover { text-decoration: underline; }
div.pageTitleContainer { padding-top: 12px; margin-bottom: 18px; }
h1.pageTitle { margin: 0px; padding: 0px; font-family : Myriad Pro, Arial, Sans-Serif; font-size: 220%; font-weight: bold; margin-bottom: 6px; margin-top: 0px; }
h2.pageDescription { margin: 0px; padding: 0px; color: #a8292a; font-weight: bold; font-size: 110%; }
span.pageDate { display: block; margin-top: 18px; font-size: 90%; color: #bbb; }
div.pageBodyContent { line-height: 160%; }
div.pageBodyContent a { font-weight : bold; }
div.pageBodyContent h3 { margin-top: 1.2em; margin-bottom: 0.3em; font-family : Arial, Sans-Serif; font-size: 140%; }
div.pageBodyContent h4 { margin-top: 1.2em; margin-bottom: 0.3em; font-family : Arial, Sans-Serif; font-size: 120%; }
div.pageBodyContent h5 { margin-top: 1.2em; margin-bottom: 0.3em; font-family : Arial, Sans-Serif; font-size: 110%; }
div.pageBodyContent h6 { margin-top: 1.2em; margin-bottom: 0.3em; font-family : Arial, Sans-Serif; font-size: 100%; }
div.pageBodyContent p { margin-top: 0em; margin-bottom: 1.2em; }
div.pageBodyContent input.formContainer, div.pageBodyContent textarea { width: 180px; }
div.pageBodyContent textarea { height: 60px; }
div.pageBodyContent .anchorLinksContainer, div.pageBodyContent .anchorLinksContainer ul, div.pageBodyContent .anchorLinksContainer ul li { padding : 0px; margin : 0px; }
div.pageBodyContent .anchorLinksContainer ul li { list-style-type : none; padding : 2px 0px; font-size : 120%; font-weight : bold; }
div.pageBodyContent .topLinkContainer a { background : url(/OneStopCMS/Sites/RatuBagus/Theme/Images/top.gif) no-repeat left 3px; padding-left : 20px; }
div.pageBodyContent .topLinkContainer { padding : 20px 0; background : url(/OneStopCMS/Sites/RatuBagus/Theme/Images/dotted_border.gif) repeat-x left bottom; }
div.pageBodyContent .anchorLinksContainer { padding : 0 0 20px; background : url(/OneStopCMS/Sites/RatuBagus/Theme/Images/dotted_border.gif) repeat-x left bottom; }
div.pageBodyContent .htmlContentContainer img, div.pageBodyContent .RadEContent img { border-style : solid; border-color : #fff; }
div.pageBodyContent .htmlContentContainer img.red, div.pageBodyContent .RadEContent img.red { border-color : #ad2824 !important; }
div.pageBodyContent .htmlContentContainer img.scarlet, div.pageBodyContent .RadEContent img.scarlet { border-color : #ef4131; }
div.pageBodyContent .htmlContentContainer img.yellow, div.pageBodyContent .RadEContent img.yellow { border-color : #ffcf00; }
div.contactPanel { clear: both; border: solid 1px #ccc; background: #fafafa; padding: 10px; margin-top : 20px; font-weight: bold; }
div.contactPanel p { margin: 0; }
div.rightColumnContainer { float : right; width : 176px; margin : 0px; padding : 0 0 19px 0; background : #f4d2c7 url(/OneStopCMS/Sites/RatuBagus/Theme/Images/rightCol_bg.gif) no-repeat bottom left; }
div.simpleLinksOuter, div.simpleLinks, div.links { padding : 0px; margin : 0px; }
div.simpleLinksOuter h3 { margin : 0px; padding : 3px 3px 3px 12px; color : #fff; font-size : 120%; font-weight : normal; background-color : #a8292a; }
div.links { margin-top : 10px; }
div.simpleLinks { margin : 0 10px; padding : 3px 0px; }
div.simpleLinks a { color : #6d6e71; padding-left : 15px; display : block; background : url(/OneStopCMS/Sites/RatuBagus/Theme/Images/rightCol_hover.gif) no-repeat left 2px; }
div.simpleLinks a:hover { text-decoration : underline; }
span.linkDesc { float : left; color : #a8292a; padding-left : 15px; }
html, body { font-family: Arial, Helvetica, Sans-Serif; font-size: 85%; margin: 0px; padding : 0px; color: #58585a; }
div.floatClearer { height: 0; line-height: 0; clear: both; }
* html .floatClearer { font-size: 0; }
a img { border : none; }
form { display: inline; }
form .mandatoryIndicator { color: red; font-size: 86%; }
input, select, textarea { font-family: Arial, Helvetica, Sans-Serif; font-size: 98%; }
input.elegantButton { border: outset 1px #aaaaaa; background-color: #eeeeee; margin-top: 6px; }
table { border-collapse: collapse; }
th { padding-right: 6px; }
th, td { text-align: left; vertical-align: top; }
table.red, table.red td, table.red tr, table.red th { border-color : #ad2824; }
table.scarlet, table.scarlet td, table.scarlet tr, table.scarlet th { border-color : #ef4131; }
table.yellow, table.yellow td, table.yellow tr, table.yellow th { border-color : #ffcf00; }
a, a:hover { color: #a8292a; text-decoration: none; }
a.glossaryTermLink { border-bottom: 1px dashed #a8292a; cursor: help; color : #a8292a !important; text-decoration : none !important; font-weight : normal !important; }
a.glossaryTermLink:hover { border-bottom: 1px solid #a8292a; text-decoration : none !important; cursor: help; font-weight : normal !important; }
span.redText { color : #ad2824; }
span.scarletText { color : #ef4131; }
span.yellowText { color : #ffcf00; }
span.twoLarger { font-size: 110%; font-weight : bold; }
span.fourLarger { font-size: 140%; font-weight : bold; }
span.verdana { font-family : Verdana, Arial, Sans-Serif; }
img.alignLeft { float : left; margin : 5px 10px 5px 0px; }
img.alignRight { float : right; margin : 5px 0px 5px 10px; }
div.fullWidthHeaderContainer { width: 100%; }
div.fixedWidthHeaderContainer { width: 760px; margin : 0px auto 0; position: relative; }
div.header { height: 133px; }
div.header ul { margin: 0; padding: 0; list-style: none; }
div.headerText ul li { display : inline; padding : 0 7px; border-left : solid 1px #58585a; }
div.headerText ul li a { color : #58585a; font-size : 98%; }
div.headerText ul li a:hover { text-decoration : underline; }
div.headerText { float : right; margin : 5px 160px 0 0; text-align : right; display : inline; }
div.headerLeft { float: left; margin : 5px 0px 0px; padding : 0px; width : 166px; }
div.headerRightTop { float: right; width : 200px; text-align: right; margin : 5px 0px 0 0; font-size : 95%; display : inline-block; }
div.headerRightTop a { color: #58585a; }
div.headerRightTop a:hover { text-decoration: underline; }
a.layoutListOuter { float : right; padding : 20px 10px 0 7px; }
div.headerRightTop form { position: absolute; margin: 0; padding: 0; top: 20px; right: 31px; }
div.headerRightBottom { float : left; margin-top : 17px; height : 24px; width : 100%; background-color : #ffcc00; }
ul.topLevelNavLinks li { float: left; white-space: nowrap; padding : 0px; border-right : solid 2px #fff; }
* html body ul.topLevelNavLinks li { width: 1px; }
ul.topLevelNavLinks li a { display: block; text-align: center; padding : 5px 24px 0px; height : 19px; color: #fff; font-weight : bold; }
ul.topLevelNavLinks li.firstLink a { padding : 5px 5px 0px; }
ul.topLevelNavLinks li.channel_active { background-color: #a8292a; }
ul.topLevelNavLinks li a:hover { background-color: #e59b0d; color : #fff; }
ul.topLevelNavLinks li.channel_active a:hover { background-color: #a8292a; }
table.structuredData { margin-top: 6px; }
table.structuredData ul { margin: 0; padding: 0; list-style: none; }
table.structuredData ul li { margin: 0; }
input.searchBox { width: 105px; height: 16px; color : #58585a; padding : 3px 0 0px 5px; border : solid 1px #58585a; }
input.searchButton { position : absolute; right : -31px; top : -2px; }
a.basketLink { display: block; margin-top: 12px; padding-left: 18px; background: url(/OneStopCMS/Sites/RatuBagus/Theme/Images/basket_add.gif) no-repeat left center; }
table.basketTable { width: 100%; border-bottom: solid 1px #ccc; background-color: #fff; margin-bottom: 24px; }
div.noItemsAlert { float : left; width : 540px; margin-bottom: 26px; }
div.noItemsAlert p { padding-left: 18px; background: url(/OneStopCMS/Sites/RatuBagus/Theme/Images/basket_empty.gif) no-repeat left center; }
table.basketTable th, table.basketTable td { border-bottom: solid 1px #ccc; padding: 2px; }
a.removeItemLink { font-size: 86%; padding : 1px 0 2px 14px; background: url(/OneStopCMS/Sites/RatuBagus/Theme/Images/basket_remove.gif) no-repeat left center; }
div.fullWidthFooterContainer { width: 100%; margin : 0px; }
div.fixedWidthFooterContainer { clear: both; width: 760px; margin : 0 auto; padding : 0 0 15px; background : url(/OneStopCMS/Sites/RatuBagus/Theme/Images/dotted_border2.gif) repeat-x top left; }
div.footer { font-size: 94%; }
div.footer a:hover { text-decoration : underline; }
div.footer ul { padding : 10px 0 0 0; margin : 0px; width : 450px; }
div.footer li { list-style-type: none; display: inline; }
div.footer li a { margin-right : 20px; color : #58585a; }
div.copyright { float : right; margin : 10px 15px 0; }
div.siteDesigner { float : right; margin-top : 10px; }
div.siteDesigner a { color : #58585a; }
div.authenticationLinksContainer { float : right; margin : 10px 0 0 0; }
div.authenticationLinksContainer a { padding : 0px 0px 0px 20px; border : none; font-size : 95%; color : #58585a; }
div.authenticationLinksContainer a:hover { text-decoration : underline; }
div.postingActionsContainer { padding-top: 50px !important; font-size : 90%; }
ul.postingActionsList { margin: 0px; padding: 0px; }
ul.postingActionsList li { list-style-type : none; padding : 3px 0; }
ul.postingActionsList li a { background-repeat: no-repeat; background-position: left; padding: 0 0 0 18px; color: #a8292a; font-weight : bold; }
ul.postingActionsList li.actionReturn a { background : url(/OneStopCMS/Sites/RatuBagus/Theme/Images/icon_arrowleft.gif) no-repeat left top; }
ul.postingActionsList li.actionPrint a { background-image: url(/OneStopCMS/Sites/RatuBagus/Theme/Images/icon_print.gif); }
ul.postingActionsList li.actionEmail a { background-image: url(/OneStopCMS/Sites/RatuBagus/Theme/Images/icon_email.gif); }
ul.postingActionsList li.actionComment a { background-image: url(/OneStopCMS/Sites/RatuBagus/Theme/Images/icon_emailUs.gif); }
ul.postingActionsList li.actionLinkTo a { background-image: url(/OneStopCMS/Sites/RatuBagus/Theme/Images/icon_linkto.gif); }
ul.postingActionsList li.actionBookmark a { background-image: url(/OneStopCMS/Sites/RatuBagus/Theme/Images/icon_bookmark.gif); }
ul.postingActionsList li.actionPDF a { background-image: url(/OneStopCMS/Sites/RatuBagus/Theme/Images/icon_pdf.gif); }
div.leftColumnContainer { float: left; width: 156px; padding : 0px; font-size : 100%; }
div.leftMenuContainer, div.navigationMenuContainer { margin : 0px; padding : 0px; }
div.leftMenuContainer a, div.leftMenuContainer a:hover { color: #6d6e71; }
div.mainNavList li:hover, div.mainNavList li.over { }
div.pageNavTitle { margin : 0px; padding : 3px 0; background-color : #a8292a; }
div.pageNavTitle a { margin : 0px; padding : 0px 3px 0px 12px; color : #fff; font-size : 120%; font-weight : bold; display : block; }
div.pageNavTitle a:hover { color : #fff; }
div.mainNavList { margin: 0px; padding: 0 0 16px 0; background : #f4d2c7 url(/OneStopCMS/Sites/RatuBagus/Theme/Images/nav_bg.gif) no-repeat left bottom; }
div.leftColumnContainer ul.topChannel { margin: 0px; padding: 3px 0 0 0; }
div.leftColumnContainer ul.subChannel { margin: 0 0 0 5px; padding: 0px; }
div.leftColumnContainer ul.topChannel li { list-style-type : none; padding : 2px 0px 4px 0px; margin : 0 3px; font-size : 95%; background : url(/OneStopCMS/Sites/RatuBagus/Theme/Images/dotted_border.gif) repeat-x bottom left; }
div.leftColumnContainer ul.subChannel li { font-size : 100%; background : none; }
div.leftColumnContainer ul.topChannel li a { font-weight : bold; padding : 3px 0px 2px 9px; display : block; }
div.leftColumnContainer ul.topChannel li.channel_active ul.subChannel li a, div.leftColumnContainer ul.topChannel li.channel_active ul li.channel_active ul li a { color : #6d6e71; font-weight : normal; }
div.leftColumnContainer ul.topChannel li.channel_active a, div.leftColumnContainer ul.topChannel li.posting_active a { color : #a8292a; }
div.leftColumnContainer ul.subChannel li.channel_active a, div.leftColumnContainer ul.subChannel li.posting_active a { color : #a8292a !important; font-weight : bold !important; }
div.leftColumnContainer ul.topChannel li a:hover { background : url(/OneStopCMS/Sites/RatuBagus/Theme/Images/nav_hover.gif) no-repeat left 5px; }
div.leftColumnContainer ul li.finalActive a, div.leftColumnContainer ul li.finalActive a:hover { background-color : #e1a8a0; background-image : none; }
div.leftColumnContainer ul li.finalActive ul li a { background-color : none !important; background-image : none; }
div.breadcrumb { padding : 0px; margin : 0px; color: #a8292a; font-size : 95%; font-weight : bold; }
div.breadcrumb a, div.breadcrumb a:hover { font-weight : bold; }
div.breadcrumb a:hover { text-decoration: underline; }