/* This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo {width: 280px;height: 90px;}

/* Font Family Settings */
#ff-ss, a.ss, #ff-ss .componentheading {font-family: Helvetica,Arial,sans-serif;}
#ff-ss h1 {font-family: Georgia, Times, sans-serif;}
#ff-optima, a.optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
#ff-geneva, a.geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
#ff-helvetica, a.helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;}
#ff-lucida, a.lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}
#ff-georgia, a.georgia {font-family: Georgia, sans-serif;}
#ff-trebuchet, a.trebuchet {font-family: "Trebuchet MS", sans-serif;}
#ff-palatino, a.palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
input { font-family:Helvetica,Arial,sans-serif;}

/* Core Formatting */
html {height: 100%;margin-bottom: 1px;}
body {margin: 0;line-height: 135%;}
form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 3px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 250%;line-height: 100%;}
h2 {font-size: 200%;line-height: 100%;}
h3 {font-size: 175%;}
h4 {font-size: 120%;line-height: 130%;}
h5 {font-size: 120%;text-transform: uppercase;}

a {text-decoration: none; font-style:normal;}
a:hover {text-decoration: underline;}
.clr {clear: both;}
.rokradios, .rokchecks {padding: 2px 5px 5px 22px;line-height: 120%;}

/* Backgrounds */
body.bg-white {background: #ffffff;}
body.bg-red {background: #481515;}
body.bg-blue {background: #0B1D35;}
body.bg-beige {background: #BFBDB0;}
body.bg-grey {background: #999;}
body.bg-darkgrey {background: #1A1A1A;}
body.bg-black {background: #0B0B0B;}
body.bg-white #page-bg {background: #fff url(../images/background/white/page-bg.png) 0 0 repeat-x;}
body.bg-red #page-bg {background: #732222 url(../images/background/red/page-bg.png) 0 0 repeat-x;}
body.bg-blue #page-bg {background: #152B4E url(../images/background/blue/page-bg.png) 0 0 repeat-x;}
body.bg-beige #page-bg {background: #E8E7D7 url(../images/background/beige/page-bg.png) 0 0 repeat-x;}
body.bg-grey #page-bg {background: #ccc url(../images/background/grey/page-bg.png) 0 0 repeat-x;}
body.bg-darkgrey #page-bg {background: #303030 url(../images/background/darkgrey/page-bg.png) 0 0 repeat-x;}
body.bg-black #page-bg {background: #1B1B1B url(../images/background/black/page-bg.png) 0 0 repeat-x;}
#body-left {margin-left: 0;padding-left: 10px;height: 100%;}
#body-right {margin-right: 0;padding-right: 10px;height: 100%;}
.footer-bottom {height: 0;}
body.bg-white .footer-bottom {background: url(../images/background/white/footer-bg.png) 0 0 repeat-x;}
body.bg-red .footer-bottom {background: url(../images/background/red/footer-bg.png) 0 0 repeat-x;}
body.bg-blue .footer-bottom {background: url(../images/background/blue/footer-bg.png) 0 0 repeat-x;}
body.bg-beige .footer-bottom {background: url(../images/background/beige/footer-bg.png) 0 0 repeat-x;}
body.bg-grey .footer-bottom {background: url(../images/background/grey/footer-bg.png) 0 0 repeat-x;}
body.bg-darkgrey .footer-bottom {background: url(../images/background/darkgrey/footer-bg.png) 0 0 repeat-x;}
body.bg-black .footer-bottom {background: url(../images/background/black/footer-bg.png) 0 0 repeat-x;}

/* New CSS structure */
.colmask {clear:both;float:left;overflow:hidden;position:relative;width:100%;}
.col1wrap {padding-bottom:2em;}
#maincol2 {position: relative;}
#page-bg {overflow:hidden;}
.wrapper {position:relative;}

/* s-c-s (sidebar-content-sidebar) */
.s-c-s .colmid {float:left;position:relative;left:200px;;width:200%;}
.s-c-s .colright {float:left;left:50%;margin-left:-400px;position:relative;width:100%;background-position: 0 0;background-repeat: repeat-y;}
.s-c-s .col1wrap {float:right;position:relative;right:100%;width:50%;padding-bottom:1em;}
.s-c-s .col1pad {margin:0 0 0 400px;overflow:hidden;}
.s-c-s .col1 {overflow:hidden;width:100%;}
.s-c-s .col2 {float:left;position:relative;overflow:hidden;left:200px;margin-left:-50%;width:200px;}
.s-c-s .col3 {float:left;position:relative;overflow:hidden;left:0;width:200px}
.s-c-s .colmask {background-position: 180px 0;background-repeat: repeat-y;}
.s-c-s .maincol2-padding {padding: 0 3px;}

/* s-c-x (sidebar-content) */
.s-c-x .colright {float:left;left:200px;position:relative;width:200%;}
.s-c-x .col1wrap {float:right;padding-bottom:1em;position:relative;right:200px;width:50%;}
.s-c-x .col1 {margin:0 0 0 200px;overflow:hidden;position:relative;right:100%;}
.s-c-x .col2 {float:left;position:relative;right:200px;width:200px;}
.s-c-x .colmask {background-position: 178px 0;background-repeat: repeat-y;}
.s-c-x .maincol2-padding {padding: 0 0 0 1px;}
.s-c-x #leftcol {padding-right: 2px;}

/* x-c-s (content-sidebar) */
.x-c-s .colright {float:left;margin-left:-280px;position:relative;right:100%;width:200%;background-position: 0 0;background-repeat: repeat-y;}
.x-c-s .col1wrap {float:left;left:50%;padding-bottom:1em;position:relative;width:50%;}
.x-c-s .colmask {background-position: 679px;background-repeat: repeat-y;}
.x-c-s .col1 {margin:0 0 0 280px;overflow:hidden; width:660px;}
.x-c-s .col3 {float:right;position:relative;left:280px;width:300px;}
.x-c-s .maincol2-padding {padding: 0 3px 0 0;}

/* Top Bar */
#top-bar {padding: 6px 10px;overflow: hidden;}
.date-block {width: 250px;font-weight: bold;float: left;}
#lock-button {height: 16px;float: right;text-align: left;line-height: 18px;}
#lock-button span {font-size: 13px;padding-left: 20px;margin: 0;font-weight: bold;}
#lock-button:hover {text-decoration: none;}
#accessibility {height: 16px;float: right;margin-left: 10px;width: 110px;}
.textsizer-desc {display: block;float: right;text-align: right;font-size: 12px;margin-right: 6px;font-weight: bold;line-height: 18px;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;width: 40px;height:18px;overflow:hidden;}
#accessibility .button {display: block;float: right;width: 18px;height: 18px;}
#accessibility a.small .button {margin-right: 2px;}
.topbar-strip {overflow: hidden;padding-bottom: 2px;}
.topbar-left-mod {float: left;width: 48%;padding: 15px 0;}
.topbar-right-mod {float: right;width: 48%;padding: 15px 0;text-align: right;}
.syndicate-module {float: right;}
a.syndicate-link {display: block;width: 50px;height: 17px;background: url(../images/rss-top.png) 0 0 no-repeat;margin-left: 20px;}

/* Header */
#header-bar {padding: 15px;overflow: hidden;}
#logo {float: left;position: relative;}
#logo2 {float: left;position: relative;}
.logo-text {position: absolute;left: 12px;top: 50px;font-size: 12px;}
#logo:hover {text-decoration: none;}


/* Top Header Menu */
#horiz-menu4 {padding: 0 2px;height: 22px;display: block; background:url(../images/body/beige/topbar-bg.pnsg);}
ul#horiznav4.menutop, #horiz-menu4 ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;}
#horiz-menu4 li, #horiz-menu4 li .link {position:relative;display: block;height: 25px;line-height: 25px;}
#horiz-menu4 li:hover .link, #horiz-menu4 li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu4 .link {white-space: nowrap;display: block;float: left;height: 25px;line-height: 25px;font-weight: normal;font-size: 12px; font-weight:bold;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;}
#horiz-menu4 .link:hover {white-space: nowrap;display: block;float: left;height: 25px;line-height: 25px;font-weight: normal;font-size: 12px; font-weight:bold;text-decoration: underline; z-index: 100;cursor: pointer;padding: 0;}
#horiz-menu4 span:hover .link, #horiz-menu4 li.sfHover .link, #horiz-menu4 li.active .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu4 ul {list-style: none;padding: 1px;margin: 0;}
#horiz-menu4 li {display: block;float: left;margin: 0  1px;padding: 0;font-weight: bold;}
#horiz-menu4 li .link span {display: block;padding: 0 10px;height: 35px;}
#horiz-menu4 li li .link span {display: block;padding: 0 10px;height: 24px;line-height: 24px;}

/* Top Main Menu */
#horiz-menu {padding: 0 7px;height: 35px;display: block;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;}
#horiz-menu li, #horiz-menu li .link {position:relative;display: block;height: 35px;line-height: 35px;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu .link {white-space: nowrap;display: block;float: left;height: 35px;line-height: 35px;font-weight: normal;font-size: 14px;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0  1px;padding: 0;font-weight: bold;}
#horiz-menu li .link span {display: block;padding: 0 10px;height: 35px;}
#horiz-menu li li .link span {display: block;padding: 0 10px;height: 24px;line-height: 24px;}

/* Sub Menu */
#horiz-menu2 {padding: 0 3px;height: 28px;display: block; background:url(../images/header/blue/horiz-bg.png);}
ul#horiznav.menutop, #horiz-menu2 ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;}
#horiz-menu2 li, #horiz-menu2 li .link {position:relative;display: block;height: 25px;line-height: 25px;}
#horiz-menu2 li:hover .link, #horiz-menu2 li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu2 .link {white-space: nowrap;display: block;float: left;height: 25px;line-height: 25px;font-weight: normal;font-size: 14px;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;}
#horiz-menu2 li:hover .link, #horiz-menu2 li.sfHover .link, #horiz-menu2 li.active .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu2 ul {list-style: none;padding: 1px;margin: 0;}
#horiz-menu2 li {display: block;float: left;margin: 0  1px;padding: 0;font-weight: bold;}
#horiz-menu2 li .link span {display: block;padding: 0 10px;height: 35px;}
#horiz-menu2 li li .link span {display: block;padding: 0 10px;height: 24px;line-height: 24px;}

/* Sub Menu Kannal*/
#horiz-menu3 {padding: 0 7px;height: 23px;display: marker; background:url(../images/header/grey/horiz-bg.png);}
ul#horiznav.menutop, #horiz-menu3 ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;}
#horiz-menu3 li, #horiz-menu3 li .link {position:relative;display: block;height: 23px;line-height: 23px;}
#horiz-menu3 li:hover .link, #horiz-menu3 li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu3 .link {white-space: nowrap;display: block;float: left;height: 22px;line-height: 22px;font-weight: normal;font-size: 14px;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;}
#horiz-menu3 li:hover .link, #horiz-menu3 li.sfHover .link, #horiz-menu3 li.active .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu3 ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu3 li {display: block;float: left;margin: 0  1px;padding: 0;font-weight: bold;}
#horiz-menu3 li .link span {display: block;padding: 0 10px;height: 22px;}
#horiz-menu3 li li .link span {display: block;padding: 0 10px;height: 23px;line-height: 23px;}


/* Top Main Menu Dropdowns */
#horiz-menu ul ul {margin: 0;border: 0;padding: 0 10px 15px 10px;}
#horiz-menu li li {margin: 0;}
#horiz-menu li li .link {text-indent:10px;font-weight: normal;padding: 0;margin: 0;height: 33px;font-size: 12px;display: block;}
#horiz-menu li li .link span {display: block;padding: 0;margin-left: 0;}
#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent {height: 30px;}
/*#horiz-menu li.parent, #horiz-menu li.active li.parent {z-index: 600;}*/
.menutop li:hover ul, .menutop li.sfHover ul {left: 0;top:8px;}
#horiz-menu ul ul li, #horiz-menu ul ul li.c0, #horiz-menu ul ul li.c1, #horiz-menu ul ul li.c2, #horiz-menu ul ul li.c3 {float: left;width: 173px;padding: 0;}
#horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 195px;}
#horiz-menu li ul.columns-2, #horiz-menu .drop-wrap.columns-2 {width: 370px;}
#horiz-menu li ul.columns-3, #horiz-menu .drop-wrap.columns-3 {width: 555px;}
#horiz-menu li ul.columns-4, #horiz-menu .drop-wrap.columns-4 {width: 740px;}
.menutop .drop-wrap.columns-1 .drop1, .menutop .drop-wrap.columns-2 .drop1, .menutop .drop-wrap.columns-3 .drop1, .menutop .drop-wrap.columns-4 .drop1 {height: 8px;}
.menutop .drop-wrap {float:none;left:-999em;position:absolute;z-index:700;width: 100%;}
.menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap {left: -4px;top:35px;}
.menutop li:hover li .drop-wrap, .menutop li.sfHover li .drop-wrap, .menutop li li:hover li .drop-wrap, .menutop li li.sfHover li .drop-wrap, .menutop li li li:hover li .drop-wrap, .menutop li li li.sfHover li .drop-wrap {top:-999em;}
.menutop li li:hover .drop-wrap, .menutop li li.sfHover .drop-wrap, .menutop li li li:hover .drop-wrap, .menutop li li li.sfHover .drop-wrap, .menutop li li li li:hover .drop-wrap, .menutop li li li li.sfHover .drop-wrap {left:165px;top: -8px;}
.menutop .submenu-animation-left, .menutop .submenu-animation-right {height: 100%;}
#horiz-menu li.parent:hover li .link, #horiz-menu li.parent.sfHover li .link, #horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span {background: none;}
#horiz-menu.suckerfish li li:hover li span, #horiz-menu.suckerfish li li:hover li:hover li span, #horiz-menu.suckerfish li li:hover li:hover li:hover li span, #horiz-menu.suckerfish li li.sfHover li span, #horiz-menu.suckerfish li li.sfHover li.sfHover li span, #horiz-menu.suckerfish li li.sfHover li.sfHover li.sfHover li span {background: none;}

/* Main Page Structure */
#main-content {overflow: hidden;}
#maincontent-block {padding: 0 15px;}
#inset-block-right {float: right;z-index: 1;position: relative;background-position: 0 0;background-repeat: repeat-y;}
#inset-block-right .right-padding {padding:0;}
#inset-block-left {float: left;z-index: 1;position: relative;background-position: 100% 0;background-repeat: repeat-y;}
#inset-block-left .left-padding {padding: 0;}
#inset-block-left h3, #inset-block-right h3 {margin-top: 0;}
table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;}

/* Main Body Items */
#breadcrumbs {margin: 3px 0;display: block;position:relative;overflow: hidden;height: 26px;}
#breadcrumbs-home {width: 37px;height: 26px;display: block;float: left;}
#breadcrumbs h3 {display: none;}
#breadcrumbs .spinner {float:right;background:url(../images/spinner.gif) center center no-repeat;width: 16px;height: 16px;right: 10px;top: 10px;position: absolute;}
span.breadcrumbs {display: block;font-size: 100%;font-weight: bold;overflow: hidden;}
span.breadcrumbs img {width: 12px;height: 26px;float: left;}
span.breadcrumbs a, span.no-link {padding: 0 6px;float: left;display: block;height: 26px;line-height: 26px;}
span.breadcrumbs span.no-link {font-weight: normal;}
span.breadcrumbs a:hover {text-decoration: none;}
.contentheading {font-size: 190%;font-weight: normal;line-height: 140%;margin: 0 -15px 14px -15px;padding: 10px 15px 0 15px;}
p.buttonheading {float: right;margin: 0 0 0 15px;}
.article-info-surround {padding: 0 0 9px 0;margin: 0 0 10px 0;}
.article-info-surround2 {padding: 10px 14px;}
p.articleinfo, p.iteminfo {margin: 0;font-style: italic;font-size: 10px;line-height: 130%;}
span.modifydate, span.createdby, span.createdate {display: block;}
p.counter {text-indent: 5px;}
div.pagination {height: 22px;line-height: 22px;margin-top: 10px;margin-bottom: 15px;}
div.pagination div.tab {float: left;margin-right: 6px;}
div.pagination div.tab2 {padding: 0 8px;}
div.pagination div.page-block {padding: 0 4px;float: left;margin-right: 6px;}
.cols1 {display: block;float: none;margin: 0;}
.cols2 {width: 49%;}
.cols3 {width: 30%;}
.column1, .column2 {margin: 0 5px 0 0;position: relative;}
.column2, .column1 {float: left;margin: 0;}
.column2 {float: right;margin: 0;width: 49%;}
.article_row {margin: 0 -15px;padding: 0 15px;overflow: hidden;}
.blog_more {padding-top: 15px;}
#page {padding-bottom: 15px;}
.component-header {margin: 0;}
.componentheading {margin: 0 -15px;font-size: 110%;line-height: 28px;text-transform: uppercase;padding: 0 0 0 15px;height: 43px;font-weight: bold;}

/* Side Column Modules */
.module-header {margin-bottom: -14px;}
.side-mod h3 {margin: 0;font-size: 110%;line-height: 20px;text-transform: uppercase;padding: 5px 0 20px 15px;font-weight: bold;}
.side-mod {margin-bottom: 3px;}
#inset-block-left .side-mod, #inset-block-right .side-mod {margin-bottom: 0;}
.side-mod .module {padding: 15px;}
.advertisement .module-header, .advertisement .module-header2, .advertisement h3.module-title {background: none;margin: 0;}
.advertisement .side-mod h3.module-title {text-align: center;padding: 2px;margin: 0;font-size: 10px;}
#rightcol .advertisement .side-mod .module {padding: 0 0 0 5px;}
#leftcol .advertisement .side-mod .module {padding: 0 5px 0 0;}

/* Main Body Modules */
.moduletable h3 {margin-top: 0;font-size: 140%;}
.moduletable2  {margin-top: 0;font-size: 100%; border:1px solid #cccddd; padding:2px;}
.moduletable5  {margin-top: 0;font-size: 100%; padding:2px 2px 2px 2px; }
#inset-block-right .mainblock-module, #inset-block-left .mainblock-module {padding-bottom: 10px;}
#showmodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4 {overflow: hidden;}
#mainmodules3 {padding-top: 15px;}
#showmodules .moduletable, #mainmodules3 .moduletable {margin-bottom: 15px;}
#showmodules.spacer .block, #mainmodules.spacer .block, #mainmodules2.spacer .block, #mainmodules3.spacer .block, #mainmodules4.spacer .block {float: left;}
#showmodules.spacer.w99 .block, #mainmodules.spacer.w99 .block, #mainmodules2.spacer.w99 .block, #mainmodules3.spacer.w99 .block, #mainmodules4.spacer.w99 .block {width: 99.8%;}
#showmodules.spacer.w49 .block, #mainmodules.spacer.w49 .block, #mainmodules2.spacer.w49 .block, #mainmodules3.spacer.w49 .block, #mainmodules4.spacer.w49 .block {width: 49.8%;}
#showmodules.spacer.w33 .block, #mainmodules.spacer.w33 .block, #mainmodules2.spacer.w33 .block, #mainmodules3.spacer.w33 .block, #mainmodules4.spacer.w33 .block {width: 33.3%;}
#mainmodules3 .block.first .moduletable {padding: 0 15px 10px 15px;}
#mainmodules3 .block.middle .moduletable {padding: 0 15px 10px 15px;}
#mainmodules3 .block.last .moduletable {padding: 0 15px 10px 15px;}
#showmodules .moduletable, #mainmodules4 .moduletable {padding: 15px;}
#main-body #showmodules .block.full .moduletable, .block.full .moduletable, #mainmodules .moduletable, #mainmodules2 .moduletable {padding: 15px;}
#mainmodules3 h3 {margin-top: 0;}
#bottom-main {position: relative;}
h3.main-modules {font-size: 110%;font-weight: bold;margin: 0;padding: 3px 10px 9px 10px;text-transform: uppercase;text-align: center;margin-bottom: 10px;}

/* Extra Elements */
span.small, td.createdate, td.modifydate {font-size: 90%;}
table.blog td.createdate {padding-bottom: 5px;}
table.blog td.modifydate {padding-top: 10px;}
.sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;text-align: left;}
.sectiontablefooter {padding-bottom: 8px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 4px 5px 4px 5px;border-bottom: 1px solid #ddd;vertical-align: middle;}
tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;}
tr.sectiontableentry1 td, td.sectiontableentry1 {height: 30px;}
.contentpane, .contentpaneopen {width: 100%;}
.module fieldset {border: 0;}
.module h4 {margin-top: 0;}
table.contenttoc {float: right;margin-left: 25px;}
.weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;}
.weblinks img {margin-right: 12px;margin-left: 0;}

.contact_email input.button {border: 0;background: none;}
.contact_email .readon-wrap1 {margin-top: 0;}
.contact_email .inputbox {width: 300px;height: 20px;border: 0;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;margin-bottom: 10px;}
.contact_email #contact_text.inputbox {width: 302px;height: 153px;border: 1;padding: 5px;font-size: 110%;padding-top: 4px;line-height: 100%;}
.contact-name {font-weight: bold;font-size: 140%;display: block;padding: 15px 0 2px 0;}
.contact-position {display: block;padding-bottom: 15px;}
.intro-article-content .article_separator { display: none; }
.contact .icon { float: left; width: 40px;}
.contact .misc, .contact .webpage, .contact .mobile, .contact .email, .contact .telephone, .contact .fax, .contact .country, .contact .state, .contact .postcode, .contact .suburb, .contact .street-address { overflow: hidden;}
.contact .other .surround { margin-top: 5px;}
.contact .vcard {margin-top: 15px;}
/* Commnet */
.comment_e input.button {border: 0;background: none;}
.comment_e .readon-wrap1 {margin-top: 0;}
.comment_e .inputbox {width: 215px;height: 20px;border: 0;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;margin-bottom: 10px;}
.comment_e #comment_text.inputbox {width: 312px;height: 153px;border: 0;padding: 5px;font-size: 110%;padding-top: 4px;line-height: 140%;}
.comment-name {font-weight: bold;font-size: 140%;display: block;padding: 15px 0 2px 0;}
.comment-position {display: block;padding-bottom: 15px;}
.intro-article-content .article_separator { display: none; }
.comment .icon { float: left; width: 40px;}
.comment .misc, .comment .webpage, .comment .mobile, .comment .email, .comment .telephone, .comment .fax, .comment .country, .comment .state, .comment .postcode, .comment .suburb, .comment .street-address { overflow: hidden;}
.comment .other .surround { margin-top: 5px;}
.comment .vcard {margin-top: 15px;}

/* Side Menus */
#main-body #leftcol ul.menu {margin: 0 -5px 0 -10px;padding: 0;}
#main-body #rightcol ul.menu {margin: 0 -10px 0 -5px;padding: 0; }
#main-body ul.menu li {list-style: none;margin: 0 0 3px 0;padding: 0;float: none;}
#main-body ul.menu a:hover {text-decoration: none;}
#main-body ul.menu span {display: block;}
#main-body ul.menu ul li a {padding-left: 20px;}
#main-body ul.menu ul li span.separator {padding-left: 20px !important;background: none !important;}
#main-body ul.menu ul li ul li a, #main-body ul.menu ul li ul li .separator {padding-left: 36px;background: none;}
#main-body ul.menu ul li ul li ul li a, #main-body ul.menu ul li ul li ul li .separator {padding-left: 56px;background: none;}
#main-body ul.menu li.active.parent li span, #main-body ul.menu li.parent li span {padding-left: 18px;font-size: 110%;line-height: 110%;}
#main-body ul.menu a, ul.menu .separator {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;}
#main-body ul.menu a, #main-body ul.menu .separator {padding: 6px 10px 6px 22px;}
#main-body ul.menu li.active.parent li span.separator, #main-body ul.menu li.parent li span.separator {background: none;}
#main-body ul.menu li.active a, #main-body ul.menu li.active li.active a, #main-body ul.menu li.active li.active li.active a, #main-body ul.menu li.active .separator, #main-body ul.menu li.active li.active .separator {font-weight: bold;}
#main-body ul.menu li.active li a, #main-body ul.menu li.active li.active li a, #main-body ul.menu li.active li .separator, #main-body ul.menu li.active li.active li .separator, #main-body ul.menu li.active li.active li.active .separator {font-weight: normal;background: none;}
#main-body ul.menu ul ul {padding: 0; margin: 0;}
#main-body ul.menu li li {padding: 0;margin: 0;background: none;font-size: 10px;}
#main-body ul.menu li li a span, #main-body ul.menu li li .separator span {padding: 0;}
#main-body ul.menu li.active.parent ul {margin: 0;padding: 14px 0;}
#main-body ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;}
#main-body ul.menu li.active li a:hover, #main-body ul.menu li.active li .separator:hover, #main-body ul.menu li.active li a, #main-body ul.menu li.active li .separator {background: none;}
#main-body ul.menu li.active ul span.separator {background: none;}
#main-body ul.menu li.active li li, #main-body ul.menu li:hover li li {background: none !important;}

/* Extra Content Styles */
a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
fieldset {margin:5px 0 10px 0; border-left: 0;border-right: 0;border-top: 0;border-bottom:1px solid #ddd;}
fieldset.input, a img, body .pollstableborder {border: 0;}
legend {font-size:120%;}
form.poll fieldset {margin: 0 0 4px 0;padding: 0;}
.side-mod form.poll {margin: 0 -15px;}
.side-mod h4.poll-title {margin: 0;padding: 0;font-size: 110%; font-weight:bold;}
.side-mod .poll-line {padding: 2px 4px 5px 2px;font-size: 90%;}
.side-mod .poll-buttons {padding: 0 1px 0 1px;overflow: hidden;width: 180px;margin: -10px auto;}
form.poll input.button {background: none;cursor:pointer;border: none;text-align: center;color: #333;line-height: 10px;height: 20px;margin-bottom: 5px;float: left;}
.vote-button-wrap .readon-wrap1 {margin-left: 15px;}
form.poll a.results:hover {text-decoration: none;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;z-index:5000;background:#fbf3ad;color:#333;border:2px solid #f8e639;font-size:90%;}
.bannergroup .clr {clear: none !important;}
dl.poll dt {border-bottom:solid 1px #ccc;font-weight: bold;}
dl.poll dd {padding:3px 0;margin-left: 0;}
.polls_color_1 {background:#000;}
.polls_color_2 {background:#999;}
.polls_color_3 {background:#93246F;}
.polls_color_4 {background:#000;}
.polls_color_5 {background:#ccc;}
.polls_color_6 {background:#93246F;}
#main-content .poll {padding-top: 15px;}
.blog_more h2, .newsfeeds-default .article-info-surround h2 {margin: 0;padding: 0;text-transform: uppercase;font-size: 110%;font-weight: bold;}
.newsfeeds-default .article-info-surround {margin-top: 10px;}
ul.latestnews, ul.mostread, .blog_more ul, .block ul#mainlevel-nav {margin: 0;padding: 0;}
ul.latestnews li, ul.mostread li, .blog_more ul li, .block ul#mainlevel-nav li {list-style: none;margin-bottom: 6px;padding-bottom: 6px;padding-left: 5px;}
ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a {font-weight: bold;font-size: 110%;display: block;padding-left: 12px;}
.bannergroup_text .bannerheader {font-size: 120%;font-weight: bold;margin-bottom: 15px;}
.bannergroup_text .banneritem_text {margin-bottom: 15px;}
.bannergroup_text .banneritem_text a {font-weight: bold;}

/* Form overrides */
#main-content form.editor {padding:0;margin:0;}
#main-content form.editor {color:#333;}
#main-content form.editor input, #main-content form.editor textarea {border:1px solid #ccc;}
#main-content form.editor fieldset a {color: #00c;}
#main-content form.editor fieldset {padding:10px; border: 1px solid #ccc;}
#main-content form.editor legend {font-size:120%;margin:15px 0;padding:0 10px;font-weight:bold;}
#main-content form.editor label {display:block;width: 120px;float:left;}
#main-content form.editor div.radio label {display:inline;width:auto;float:none;}

/* Login Styles */
form.form-login p {margin: 0;}
form.form-login .inputbox {width: 215px;height: 20px;border: 0;margin: 5px 0;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;}
form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;}
form.form-login .login-links a {padding-left: 10px;}
form.form-login input.button, form.log input.button {border: 0;background: none;}
form.log .readon-wrap1 {margin-top: 5px;}
input.button {font-size: 100%;cursor: pointer;padding: 3px 5px;}
form.form-login span.username-label, form.form-login span.password-label {display: block;text-transform: uppercase;margin-bottom: 1px;padding-left: 2px;}
.register-page .inputbox, input#email {width: 215px;height: 20px;border: 0;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;margin-bottom: 10px;}
.register-page input.button, form.josForm input.validate {background: none;border: 0;}
.register-page div.name, .register-page div.user, .register-page div.email, .register-page div.pass, .register-page div.verify_pass {text-align: right;}
form#josForm.form-validate.user, .edit-user-form {float: left;overflow: hidden;padding-bottom: 15px;}
.edit-user-form {padding-top: 15px;}
.register-page fieldset {margin-bottom: 15px;margin-top: 0;padding-bottom: 15px;}
div.user_name {margin-bottom: 10px;}
div.user_name span {font-weight: bold;font-size: 110%;}
.user-params {margin-bottom: 20px;}
.user-params td.paramlist_key {width: auto;}
.edit-user-button {margin: 0 auto;width: 80px;}
#login-module {display: none;padding: 10px;}
#login-module h3 {margin: 0;padding: 5px 0 10px 22px;}
#login-module form.form-login, #login-module form.log {margin: 0;background:none;border:0;}
#login-module .sidemod-title {border:0;}
#login-module form.form-login .inputbox {border: 0;}
#login-module input.button {background: none;border: 0;color:#000;height: 20px;}
#login-module .module a:hover {color:#000;}
.remember-me {margin-top: 5px;margin-bottom: 5px;}
#login-module .readon-wrap1, form.form-login .readon-wrap1 {margin-top: 5px;}
a#rokbox-close {height: 18px;width: 18px;}
form.josForm label.hasTip {display: block;float: left;height: 25px;line-height: 25px;margin-right: 5px}

/* Bottom Section */
#botbar {padding: 15px;overflow: hidden;position: relative;}
#bottom {overflow: hidden;padding-bottom: 15px;}
#bottom-menu {overflow: hidden;padding: 0;text-align: center;}
#top-button {position: absolute;right: 15px;top: 13px;width: 90px;height: 20px;text-align: center;line-height: 22px;font-weight: bold;font-size: 12px;}
#top-button a:hover {text-decoration: none;}
.top-button-spacer {height: 15px;}
.copyright-block {width: 500px;margin: 0 auto;text-align: center;}
#copyright {padding: 15px 0 8px 0;}
#bottom-menu ul {list-style: none;margin: 0;padding: 0;}
#bottom-menu ul li {display: inline;}
#bottom-menu ul li a, #bottom-menu ul li .separator {padding: 0 15px;font-size: 120%;font-weight: bold;}
#bottom-menu ul li a:hover, #bottom-menu ul li .separator:hover {text-decoration: none;}
#rocket {width: 111px;height: 15px;display: block;margin: 0 auto;}
#debug-mod {padding: 15px;}
#bottom ul {margin: 0;padding-left: 10px;list-style: none;}
#bottom ul li a {padding-left: 10px;padding-bottom: 5px;display: block;}
#bottom ul li:hover a {text-decoration: none;}

/* RokTabs */
.roktabs-wrapper {padding: 0;position: relative;margin: -15px;}
.roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;}
.roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;}
.roktabs-wrapper .roktabs-container-wrapper div {float: left;}
.roktabs-wrapper .roktabs-container-wrapper div.wrapper {margin: 0 10px 10px 10px;padding: 10px;width: auto;}
.tabs-bottom .roktabs-container-wrapper div.wrapper {margin: 10px 10px 0 10px;padding: 10px;width: auto;}
.roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 55px;overflow: hidden;}
.roktabs-wrapper .active-arrows .roktabs-links {margin: 0 50px;padding: 0;height: 55px;}
.roktabs-wrapper .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;overflow:hidden;margin: 0;height: 55px;}
.roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 55px;line-height: 36px;}
.tabs-bottom .roktabs-links ul li {line-height: 80px;}
.roktabs-wrapper .roktabs-links ul li span {padding: 7px 11px;}
.roktabs-wrapper .roktabs-links ul {padding: 0;}
.roktabs-wrapper .roktabs-links ul li.active {margin: 0;}
.roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 29px;}
.roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 46px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 0;height:55px;width: 50px;}
.roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;}
.tabs-hidden .roktabs-container-wrapper div.wrapper {margin-top: 10px;}
.clear {clear: both;}

/* RokMicroNews */
#main-body .rokmicronews-surround {margin-bottom: 5px;padding-bottom: 5px;}
.micronews {margin-bottom: 0;}
.micronews-drop {margin-bottom: 10px;}
.micronews-headline {margin: 0;padding: 8px 10px 30px 5px;position: relative;}
.micronews-headline h2 {font-size: 110%;font-weight: bold;margin: 0;padding: 3px 10px 9px 10px;text-transform: uppercase;display: inline;text-align: center;}
.micronews-controls {float: right;width: 55px;}
.micronews-controls2 {height: 20px;padding: 0 8px;}
#rokmicronews .mover, #rokmicronews .collapse, #rokmicronews .expand {float: right;width: 15px;height: 19px;}
#rokmicronews .collapse, #rokmicronews .expand {margin-right: 6px;cursor: pointer;}
#rokmicronews .mover span, #rokmicronews .expand span, #rokmicronews .collapse span {display: none;}
.micronews-headline .counter {float: right;margin-right: 150px;line-height: 180%;padding-right: 15px;}
.micronews-headline .counter span {padding-left: 15px;display: block;}
.micronews-headline .counter a {font-weight: bold;margin: 0 10px;}
.micronews-headline .counter a.active {text-decoration: underline;color: red;}
.micronews-inner {overflow: hidden;}
.micronews-wrapper {padding: 0;margin: 0 5px 5px 5px;}
.micronews-articles {padding: 15px;position: relative;}
.micronews-right .micronews-articles {margin-right: 200px;}
.micronews-left .micronews-articles {margin-left: 200px;}
.micronews-article-wrapper {position: relative;}
.micronews-titles {padding: 5px 0;font-weight: bold;margin: 0;text-transform: uppercase;font-size: 90%;overflow: hidden;}
.micronews-titles .top-story {width: 180px;padding: 0 10px;}
.micronews-right .top-story {float: left;}
.micronews-left .top-story {float: right;}
.micronews-right .other-stories {float: right;margin-right: 50px;}
.micronews-left .other-stories {float: left;margin-left: 40px;}
.micronews h4 a {font-weight: bold;}
.micronews-thumb {float: left;margin-right: 10px;}
.micronews .entry h4 {font-size: 120%;line-height: 120%;margin: 5px 0 10px;}
.micronews .micronews-list {width: 200px;position: absolute;top: 0;}
.micronews-right .micronews-list {right: 0;}
.micronews-left .micronews-list {left: 0;}
.micronews .micronews-list ul {margin: 15px 0 0 0;padding: 0;list-style: none;}
.micronews .micronews-list ul li {padding: 10px 15px;}
.micronews-list ul li a {padding-left: 12px;font-weight: bold;display: block;}

/* RokNewsPager */
ul.roknewspager {margin: 0;padding: 0;}
ul.roknewspager li {list-style: none;padding-left: 12px;margin-bottom: 12px;}
ul.roknewspager .roknewspager-title {display: block;font-size: 120%;font-weight: bold;cursor: pointer;}
ul.roknewspager .roknewspager-div {display: block;padding-bottom: 12px;}
.roknewspager-wrapper {position:relative;overflow:hidden;}
.roknewspager-pages {margin: 0 -15px -15px -15px;padding: 8px 15px;overflow: hidden;}
.roknewspager-pages2 {float: right;width: auto;height: 18px;text-align: center;position: relative;padding: 0;}
.roknewspager-spinner {width: 16px; height: 16px; background: transparent url(../images/spinner.gif) no-repeat scroll 100% 50%; float: left;display: none;}
ul.roknewspager-numbers {margin: 0;padding: 0 24px;text-align: right;overflow: hidden;height: 18px;text-align: center;}
ul.roknewspager-numbers li {list-style: none;display: inline;padding: 0 2px;cursor: pointer;}
ul.roknewspager-numbers li.active {cursor: default;}
.roknewspager-prev, .roknewspager-prev-disabled {width: 16px;height: 18px;position: absolute;top: 0;left: 0;cursor: pointer;}
.roknewspager-next, .roknewspager-next-disabled {width: 16px;height: 18px;position: absolute;top: 0;right: 0;cursor: pointer;}
.roknewspager-prev-disabled, .roknewspager-next-disabled {cursor: default;}
ul.roknewspager-numbers li.active {font-weight: bold;}

/* RSS Feeds */

ul.newsfeed {margin: 0;padding: 0;}
a.newsfeed-title {text-transform: uppercase;font-weight: bold;}
ul.newsfeed li {list-style: none;padding-left: 12px;margin-bottom: 12px;}
ul.newsfeed li a {font-weight: bold;font-size: 120%;}
ul.newsfeed .newsfeed-div {display: block;padding-bottom: 1px;}

/* RokNewsflash */
#newsflash-bar {overflow: hidden;font-size: 12px;}
#newsflash {position:relative;line-height: 26px;height: 26px;}
#newsflash ul {margin:0 0 0 95px;list-style:none;padding:0;}
#newsflash li {padding-bottom:100px;font-weight: bold;}
#newsflash .readon {clear:none;display:inline;float:none;height:auto;width:auto;line-height:100%;font-size:100%;margin:0;padding:0;background:none;}
#newsflash .flashing {display:block;position:absolute;left:0;font-weight:bold;text-transform: uppercase;font-size: 11px;height: 26px;width: 88px;line-height: 26px;padding-left: 10px;}
#newsflash .controls img {cursor:pointer;height:18px;width:18px;}
#newsflash .control-prev {background-position:0 0;}
#newsflash .control-prev:hover {background-position: -36px 0;}
#newsflash .control-next {background-position:-18px 0px;}
#newsflash .control-next:hover {background-position: -54px 0px;}
#newsflash .controls {position:absolute;right:10px;top: 4px;}

/* RokWeather */
#rightcol .side-mod #rokweather {margin:0 -15px 0 -10px;}
#leftcol .side-mod #rokweather {margin:0 -10px 0 -15px;}

/* Featured Section */
.feature-block {overflow: hidden;position: relative;padding: 15px;}
.feature-block .image-container {float: left;margin-right: 15px;}
.feature-block .rokstories-spinner {background: transparent url(../images/spinner.gif) no-repeat scroll 50% 50%}
.feature-block .image-container .image-full {position:relative;overflow: hidden;}
.feature-block .image-container .image-full img {position:absolute;top: 0;left: 0;visibility: hidden; width:400px;}
.feature-block .image-container .image-small img {cursor: pointer;}
.feature-block .desc-container {overflow: hidden;position: relative;}
.feature-block .desc-container .description {position: absolute;top: 0; left: 0;visibility: hidden;}
.feature-block img.feature-main {display: block;}
.feature-block img.feature-sub {margin: 9px 9px 0 0;}
.feature-block .feature-title {display: block;font-weight: bold;font-size: 160%;line-height: 130%;margin-bottom: 10px;}
.feature-block .feature-desc {font-size: 100%;line-height: 130%;color: #333;}
.feature-block .moduletable h3 {font-weight: bold;font-size: 180%;}
.feature-block .readon {display: block;margin: 15px 0;font-weight: bold;}

/* Typography */
.readon-wrap1 {margin-top: 15px;position:relative;float:left;}
.readon-wrap1 span {display:block;height: 24px;line-height: 24px;}
a.readon {font-weight: bold;}
a.readon-main {font-size: 12px;cursor: pointer;}
a.readon-main:hover {text-decoration: none;}
.readon1-l {position:absolute;width: 7px;height: 24px;left:0;top:0;}
.readon1-m {margin-left: 7px;text-align: center;padding-left:2px;}
.readon1-r {margin-right: -7px;padding-right: 10px;}

/* @group Demo Content */

#mainmodules .article_separator {display: none;}

/* Frontpage Main Article */
.fp-leading {margin-top: 10px; margin-bottom: 25px;overflow: hidden; }
.fp-caption {float: left; margin-right: 15px; width: 181px; margin-bottom: 10px;}
.fp-main {margin-bottom: 5px;}
.fp-video {margin-left: 5px; margin-right: 2px;}
.fp-leading h3, .fp-sub h4 {margin-top: 0px; margin-bottom: 0pt;font-weight: bold; text-transform:uppercase;} 
.fp-sub h5 {margin-top: 0px; margin-bottom: 0pt;font-weight: bold; font-size:11px;}
.fp-sub h6 {margin-top: 0px; margin-bottom: 0pt;font-weight: bold; font-size:10px;}
.fp-subheader {display: block; margin-bottom: 3px;}
.fp-sub {border-bottom: 1px solid #ddd; margin-top: 5px; padding-bottom: 5px; padding-left:8px; padding-right:8px;}
.fp-sub1 {float: left; width: 66px; margin-right: 10px;}
.fp-sub2 {float: left; width: 105px; margin-right: 10px;}
.fp-sub3 {margin-top: 5px; padding-bottom: 15px; padding-left:8px; padding-right:8px;}
.fp-leading span, .fp-sub span {font-weight: bold;}

/* Frontpage Inset2 */

.fp-inset-surround {margin-top: 5px;}
.fp-inset {padding-top: 20px;padding-bottom: 3px;}
.fp-inset .icon-surround {margin-top:  -19px; margin-left: 5px; position: absolute;}
.fp-inset .icon-video {background: url(../images/video-icon.png) no-repeat 0 3px;color: #333;}
.fp-inset .icon-photo {background: url(../images/photo-icon.png) no-repeat 0 4px;color: #333;}
.fp-inset .icon-podcast {background: url(../images/podcast-icon.png) no-repeat 0 3px;color: #333;}
.red .fp-inset .icon-video, .blue .fp-inset .icon-video, .green .fp-inset .icon-video, .orange .fp-inset .icon-video, .black .fp-inset .icon-video, .darkbeige .fp-inset .icon-video, .darkgrey .fp-inset .icon-video {background: url(../images/video-icon-w.png) no-repeat 0 3px;color: #fff;}
.red .fp-inset .icon-photo, .blue .fp-inset .icon-photo, .green .fp-inset .icon-photo, .orange .fp-inset .icon-photo, .black .fp-inset .icon-photo, .darkbeige .fp-inset .icon-photo, .darkgrey .fp-inset .icon-photo {background: url(../images/photo-icon-w.png) no-repeat 0 4px;color: #fff;}
.red .fp-inset .icon-podcast, .blue .fp-inset .icon-podcast, .green .fp-inset .icon-podcast, .orange .fp-inset .icon-podcast, .black .fp-inset .icon-podcast, .darkbeige .fp-inset .icon-podcast, .darkgrey .fp-inset .icon-podcast {background: url(../images/podcast-icon-w.png) no-repeat 0 3px;color: #fff;}
.fp-inset .icon-title {text-transform: uppercase; margin-left: 15px; display: block; margin-top: -3px; font-weight: bold;}
.fp-inset .image {margin-bottom: 5px; display: block;}
.fp-inset a {font-weight: bold;margin-left: 5px;}

/* Custom Modules Tutorial */
.rokmod-demo-block .parameters div {border-right:1px dotted #666;padding-right:12px;}
.rokmod-demo-block .options div {border-right:1px dotted #666; padding-right: 12px;}
.rokmod-demo-block .demo div {border-right:1px dotted #666;padding-right: 12px;}
.rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;}
.rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;}
.rokmod-demo-block .demo-span1 {font-weight: bold;}

/* Tutorials */
.tut-block {height: 100px; display: block;}
.tut-img {float: left; margin-right: 10px;}
.tut-title {font-size: 130%;font-weight: bold;margin-bottom: 15px;padding-top: 3px;}
pre {overflow: auto;}
.tut-tool-tip {color: #fff;width: 139px;z-index: 13000;}
.tut-tool-title {display: none;}
.tut-tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(../images/bubble.png) bottom right;}
.tut-tool-text span { overflow: auto; display: block;}

/* Variation Chooser */
.variation-chooser {margin-top:15px;position:relative; margin-left: 15px;overflow:hidden;}
.variation-chooser .controls {height:25px;position:absolute;}
.variation-chooser .control-prev, .variation-chooser .control-next {cursor:pointer;float:left;height:16px;margin-right:3px;margin-top:1px;width:16px;}
.variation-chooser .control-prev {background-position:0 0;margin-right:0.4em;}
.variation-chooser .control-prev:hover {background-position:0 -16px;}
.variation-chooser .control-next {background-position:0 -32px;margin-left:0.4em;}
.variation-chooser .control-next:hover {background-position:0 -48px;}
.variation-chooser input {background: #fff;border: 1px solid #ddd;width: 50px;text-align: center;margin-left: 125px;color:#333;}

/* Tambahan ______________________________________________________________________*/
.teks1{font-size: 90%;line-height: 100%; color:#333333;}
.teks2{font-size: 96%; font-weight:bold; line-height: 100%; color:#000033;}
.teks3{font-size: 96%; font-weight:bold; line-height: 100%; color:#666666;}
.judul2 {color:#003366;text-transform: uppercase;font-size: 120%;font-weight: bold;line-height: 140%;margin: 0 0 5px 0;padding: 0 5px 5px 5px;}
.title{color:#073A6D;font-size: 90%; text-transform: uppercase; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px;}

.title2{color:#073A6D;font-size: 90%; text-transform: uppercase; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px; height:40px;}
.tgl-kirim{color:#FF6600;font-size: 90%;font-weight: normal;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px;}
.pengirim{color:#0066FF;font-size: 90%; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px;}
.desk2 {color:#003366; font-size: 100%;font-weight: normal;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px; height:60px;}
.desk2:hover{ text-decoration:underline; color:#000000;}
.deskothers {color:#333333; font-size: 90%;font-weight: normal;line-height: 150%;margin: 0 0 0 0;padding: 0 0 0 0; height:40px;}
.deskothers:hover{ text-decoration:underline; color:#000000;}
.desktrav {color:#333333; font-size: 90%;font-weight: normal;line-height: 150%;margin: 0 0 0 0;padding: 0 0 0 0; height:100px;}
.ind{color:#FF6600;font-size: 90%;font-weight: normal;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px;}
.ind:hover{text-decoration:underline; color:#FF0000;}



#tfix { position: absolute; left: 0px; top: 0px;text-align:center; width: 100%; z-index:1000; }
#bfix { position: absolute; left: 0px; bottom: 0px;text-align:center; width: 100%; z-index:1000; } 
div > div#tfix { position: fixed; }
div > div#bfix { position: fixed; }
pre.fixit { overflow:auto;border-left:1px dashed #000;border-right:1px dashed #000;padding-left:2px; }

/* info ______________________________________________________________________*/
.judulinfo1 {color:#FF6600;text-transform: uppercase;font-size: 120%;font-weight: bold;line-height: 140%;margin: 0 0 5px 0;padding: 0 5px 5px 5px;}
.titleinfo1{color:#CC6600;font-size: 90%; text-transform: uppercase; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px; height:40px;}
.pengiriminfo1{color:#FFCC00;font-size: 90%; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px;}
.deskinfo1 {color:#FF3300; font-size: 100%;font-weight: normal;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px; height:60px;}
.deskinfo1:hover{ text-decoration:underline; color:#000000;}

.judulinfo2 {color:#993300;text-transform: uppercase;font-size: 120%;font-weight: bold;line-height: 140%;margin: 0 0 5px 0;padding: 0 5px 5px 5px;}
.titleinfo2{color:#996600;font-size: 90%; text-transform: uppercase; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px; height:40px;}
.pengiriminfo2{color:#CC6600;font-size: 90%; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px;}
.deskinfo2 {color:#523018; font-size: 100%;font-weight: normal;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px; height:60px;}
.deskinfo2:hover{ text-decoration:underline; color:#000000;}

.judulinfo3 {color:#990000;text-transform: uppercase;font-size: 120%;font-weight: bold;line-height: 140%;margin: 0 0 5px 0;padding: 0 5px 5px 5px;}
.titleinfo3{color:#990000;font-size: 90%; text-transform: uppercase; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px; height:40px;}
.pengiriminfo3{color:#FF0000;font-size: 90%; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px;}
.deskinfo3 {color:#650C0E; font-size: 100%;font-weight: normal;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px; height:60px;}
.deskinfo3:hover{ text-decoration:underline; color:#000000;}

.judulinfo4 {color:#990000;text-transform: uppercase;font-size: 120%;font-weight: bold;line-height: 140%;margin: 0 0 5px 0;padding: 0 5px 5px 5px;}
.titleinfo4{color:#FF9900;font-size: 90%; text-transform: uppercase; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px;}
.subtitleinfo4{color:#333333;font-size: 90%; text-transform: uppercase; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px;}
.pengiriminfo4{color:#FF0000;font-size: 90%; font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 5px 5px 5px 5px;}
.deskinfo4 {color:#333333; font-size: 90%;font-weight: normal;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px;}
.deskinfo4:hover{ text-decoration:underline; color:#000000;}


.deskdetail{color:#333333; font-size: 100%;font-weight: normal;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px; height:60px;}
.hits{color:#333333; font-size: 70%;font-weight: normal;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px; height:60px;}

.desklain{color:#333333; font-size: 90%;font-weight: normal;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px;}
.judullain{color:#333333; font-size: 100%;font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px;}
.judullain:hover{ text-decoration:underline; color:#000000;}
.desklain li{margin-left:10px;}

.judulbis {color:#000066;text-transform: uppercase;font-size: 120%;font-weight: bold;line-height: 100%;margin: -5px 0 10px -15px;padding: 0 10px 0 10px;}
.deskbis{color:#333333;font-size: 90%;font-weight: normal;line-height: 140%;margin: 5px -5px 10px -10px;padding: 0 10px 0 10px;}
.judulpd {color:#000066;font-size: 110%;font-weight: bold;line-height: 100%;padding: 5px 10px 0 10px;}
.deskpd{color:#333333;font-size: 100%;font-weight: normal;line-height: 140%;margin: 5px 5px 10px 10px;padding: 0 10px 0 10px;}
.desk17{color:#FFFFFF;font-size: 90%;font-weight: normal;line-height: 140%;margin: 5px -5px 10px -10px;padding: 0 10px 0 10px;}
.desk17 li{ margin:0 10px 0 16px;}
.judul17{color:#FF9900; font-size: 100%;font-weight: bold;line-height: 150%;margin: 0 0 0px 0;padding: 0 5px 0 5px;}
.judul17:hover{ text-decoration:underline; color:#000000;}

.deskbis li{ margin:0 10px 0 16px;}
/* menu ______________________________________________________________________*/
#mainmenu {
	width: 100%;
	float: left;
}
#mainmenu .tabmenucss {
	width: 985px;
	height: 36px;
	padding-left: 5px;
	background: url(../imgs/mmenu_bg.gif) repeat-x;
}
#mainmenu .tabmenucss ul, #mainmenu .tabmenucss li, #submenu ul.menu, #submenu ul.menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mainmenu .tabmenucss ul .space { background: url(../imgs/mspc.gif) center right no-repeat }
#mainmenu .tabmenucss li, #submenu ul.menu li { float: left }
#mainmenu .tabmenucss li a {
	line-height: 36px;
	padding: 0 9px;
	text-transform: uppercase;
	color: #fff;
	display: block;
}
#mainmenu .tabmenucss li a:hover, #mainmenu .tabmenucss li a.current {
	color: #000;
	background: url(../imgs/mmenu_hover.gif) repeat-x;
	text-decoration: none;
}
#mainmenu .tabcontainer {
	width: 100%;
	height: 100%;
}
#mainmenu .tabcontent { display: none }

#submenu {
	width: 974px;
	height: 35px;
	padding: 0 8px;
	background: url(../imgs/smenu_bg.gif) repeat-x;
	border-bottom: 1px solid #951a1c;
	float: left;
	text-align:center;
}
#submenu ul.menu a {
	line-height: 35px;
	padding: 0 7px;
	color: #000;
	display: block;
	
}
#submenu ul.menu .space { background: url(../imgs/sspc.gif) center right no-repeat }
#submenu img { float: right }
/* menu ______________________________________________________________________*/

/* @end */
/* stating images light box */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*end light box*/

#featured{ 
	width:410px; 
	padding-right:250px; 
	position:relative; 
	border:0px solid #ccc; 
	height:280px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('../images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:280px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:200px; left:0; 
	height:80px; width:400px;
	background:#0033CC url("../images/header/header-bg.png");
}
#featured .info h2{ 
	font-size:18px; font-family:Verdana; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid navy;
border-bottom-width: 0px;
width: 300px; /*width of featured content slider*/
height: 100%;
/* background-color:#FFFFFF; */

}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 20;  /*leave as is*/
top: 25;  /*leave as is*/
padding: 2px;
background: black;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 300px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height:30px;
text-align: right;
left: 10;  /*leave as is*/
top: 0;  /*leave as is*/
vertical-align:baseline;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

/*background:url(../images/menutv.jpg) no-repeat; */

}

.pagination a{
padding: 5px 5px;
text-decoration: none; 
color: #00007D;
font-weight:bold;
background: #3366FF;
}

.pagination a:hover, .pagination a.selected{
color: #000;
font-weight:bold;
background-color: #CCCCCC;
}
.bingkai {
border:1px solid #333;
width: 310px; /*width of featured content slider*/
height: 300px;
z-index:1;
background-color: #000;
}
.batas {
height: 18px;
}
.terkini {
	line-height: 20px;
	color:#0066CC;

}
.tgl-kini{color:#FF6600;font-size: 90%;font-weight: normal;line-height: 110%;margin: 0 0 0px 0;padding: 0 5px 0 5px;}

/* ----- tool tip specific styles ----- */
	
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:180px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }


/* Tabssss*/
ul.tabs {
	margin: 0;
	padding: 2px;
	float: left;
	list-style: none;
	height: 25px; /*--Set height of tabs--*/
	width: 98%;
}
ul.tabs li {
	float: left;
	margin: 0;
	
	height: 24px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 25px; /*--Vertically aligns the text within the tab--*/
	border:  1px solid #ccc; 
	 
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	outline: none;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 11px;
	padding: 0 10px;
	font-weight:bold;
	border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	 
}

.tab_container {
	 
	padding:4px; 
	overflow: hidden;
	clear: both;
	float: left; width: 90%;
	background: #fff;
	border-top:1px solid #ccc;
}
.tab_content {
	 
	font-size: 12px;
	
}