/* style9 -  Spark color #B6171C */

body {color: #333;background: #D1D1D1;}
a {color: #B6171C;}
a:hover {color: #333;}
.contentheading, .componentheading {color: #333;}
h1 {color: #B6171C;}
h2 {color: #000;}
h4 {color: #B6171C;}
span.small, td.createdate, td.modifydate {color: #666;}
#body-bg {background: #EDEDED url(../images/style9/bg.jpg) 50% 0 no-repeat;}
#bg-panel2 {background: url(../images/style9/bg2.png) 0 100% repeat-x;}
#top-bar {background: url(../images/style9/top-bar.png) 0 0 repeat-x;}
#banner-top {background: #EDEDED; border-bottom: 1px solid #ccc;}
#topmenu-mod {color: #333;}
#banner-mod {color: #333;}
#date-block {color: #666;}
.date1 {border-right: 1px dotted #666;}
.date2 {color: #666;}
.date3 {color: #666;}
#showcasemodules, .rotator-module {color: #333;}
#showcasemodules a, .rotator-module a {color: #cc0000;}
#main-bar {background: #F5F5F5 url(../images/style9/col-bgtop.png) 0 0 repeat-x;border: 1px solid #ccc;}
#searchmod {background: url(../images/style9/search-bg.png) 0 0 no-repeat;}
.inner {background: #F5F5F5 url(../images/style9/col-bgtop.png) 0 0 repeat-x;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.col-bottom {background: url(../images/style9/col-bl.png) 0 0 repeat-x;}
.col-bottom2 {background: url(../images/style9/col-br.png) 100% 0 no-repeat;}
.col-bottom3 {background: url(../images/style9/col-bm.png) 0 0 repeat-x;}
#bottom-menu {background: url(../images/style9/bottom-menu.png) 50% 0 repeat-x;}
#footer {background: #D1D1D1 url(../images/style9/bottom-bg.png) 50% 0 repeat-x;color: #666;}
#copyright {color: #666;}

#showcasemodules .module h3, .rotator-module .module h3 {color: #333;}
#showcasemodules .module h3 span, .rotator-module .module h3 span {color: #B6171C ;}
.module h3, .moduletable h3, .submenu-block h3 {color: #666; background-color: inherit;}
.module h3 span, .moduletable h3 span, .submenu-block h3 span {color: #B6171C ;}
#newsflash .moduletable {color: #333;}
#bottom .module h3, #bottom .module h3 span {color: #B6171C ;}
#banner-left .moduletable h3 span, #banner-right .moduletable h3 span {color: #B6171C ;}
#footer .module h3 {color: #666;}
#footer .module h3 span {color: #B6171C ;}
#footer a {color: #B6171C ;}

#horiz-menu li {color: #ffffff;background-color: inherit;}
#horiz-menu a, #horiz-menu .separator {color: #ffffff; background-color: inherit;}
#horiz-menu li a, #horiz-menu li .separator {color: #ffffff;background-color: inherit;}
#horiz-menu li.active a, #horiz-menu li.active .separator {color: #ffffff;border-bottom: 1px solid #fff;background-color: inherit;}
#horiz-menu li a:hover, #horiz-menu li .separator:hover {color: #ffffff;background-color: inherit;}
#horiz-menu.splitmenu li a:hover, #horiz-menu.splitmenu li .separator:hover {border-bottom: 1px solid #fff;background-color: inherit;}
.menutop .animated-bg {border-bottom:1px solid #fff;background-color: inherit;}
.menutop .submenu-animation-left {background: url(../images/style9/sub-hover-l.png) 0 0 no-repeat;background-color: inherit;} 
.menutop .submenu-animation-right {background: url(../images/style9/sub-hover-r.png) 100% 0 no-repeat;background-color: inherit;}
#horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a, #horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator {color: #666;background-color: inherit;}
#horiz-menu li.sfHover li a, #horiz-menu li:hover li a, #horiz-menu ul li.active ul li.active li a, #horiz-menu ul li.active.parent ul li a, #horiz-menu li.sfHover li .separator, #horiz-menu li:hover li .separator, #horiz-menu ul li.active.parent ul li .separator, #horiz-menu ul li.active.parent ul li .seperator {color: #666;background-color: inherit;}
#horiz-menu ul ul {background: #F5F5F5 url(../images/style9/col-bgtop.png) 0 0 repeat-x;border: 1px solid #ccc;background-color: inherit;}
#horiz-menu ul ul li a.daddy, #horiz-menu ul ul li a.daddy:hover, #horiz-menu ul li.active.parent ul li a.daddy, #horiz-menu ul ul li .separator.daddy, #horiz-menu ul ul li .separator.daddy:hover, #horiz-menu ul li.active.parent ul li .separator.daddy {background: url(../images/style9/submenu-arrow.png) 95% 60% no-repeat;background-color: inherit;}

#topmenu-mod #mainlevel-top li {border-right: 1px dotted #000;}
#topmenu-mod #mainlevel-top a, #banner-mod #mainlevel-top a#active_menu.mainlevel {color: #000;}
#topmenu-mod a#active_menu-top.mainlevel-top span.banner-small {background: url(../images/style9/topmenu-arrow.png) 50% 100% no-repeat;}
#topmenu-mod .banner-small {color: #000;}
#bottom-menu #mainlevel-bottom a {color: #666;}
#bottom-menu #mainlevel-bottom a:hover, #bottom-menu #mainlevel-bottom a#active_menu.mainlevel {color: #B6171C ;border-bottom: 1px solid #B6171C ;}

a.mainlevel {color: #333;background: url(../images/style9/submenu-arrow.png) 0 8px no-repeat;}
a.sublevel {color: #333;}
a.mainlevel:hover, a.sublevel:hover {color: #cc0000;}
ul.menu li {border-bottom: 1px dotted #666;}
ul.menu li.active.parent ul {background: url(../images/style9/submenu-bgbottom.png) 0 100% repeat-x;}
ul.menu li.active.parent {background: url(../images/style9/submenu-bgtop.png) 0 0 repeat-x;}
ul.menu li span {background: url(../images/style9/submenu-arrow.png) 95% 50% no-repeat;}
ul.menu li.active.parent span {background: url(../images/style9/submenu-parent-arrow2.png) 95% 50% no-repeat;}
ul.menu li.active.parent a, ul.menu li.active.parent .separator {color: #333;}
ul.menu li.active.parent a:hover, ul.menu li.active.parent .separator:hover {color: #cc0000;}
ul.menu a, ul.menu .separator {color: #333;}
ul.menu a:hover, ul.menu .separator:hover {color: #cc0000;}
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, a.mainlevel:hover, a.sublevel:hover, ul.menu li.active .separator, ul.menu li.active li.active .separator {color: #cc0000;}
ul.menu li.active.parent ul li.active.parent a.daddy, ul.menu li.active.parent ul li.active.parent .separator.daddy {color: #cc0000;}
ul.menu div.split-arrow-open {background: url(../images/style9/submenu-parent-arrow2.png) 65% 50% no-repeat;}
ul.menu div.split-arrow-close {background: url(../images/style9/submenu-parent-arrow.png) 65% 50% no-repeat;}
#main-body ul.menu a:hover, #main-body ul.menu .separator:hover {color: #333;}

a.readon {background: url(../images/style9/submenu-arrow.png) 0 5px no-repeat;}
a.readon2 {background: url(../images/style9/readon.png) 0 0 no-repeat;color: #ccc;background-color: inherit;}
a.readon2:hover {color: #fff; background-color: inherit;}
.pathway-block.top span.pathway {color: #000;}
span.pathway {color: #666;}
span.pathway a {color: #B6171C ;}
.fontbutton-text {color: #333;}
a.large .button {background: url(../images/style9/font-lg.png) 0 0 no-repeat;}
a.small .button {background: url(../images/style9/font-sm.png) 0 0 no-repeat;}
fieldset {border-bottom: 1px solid #ddd;}
.tool-tip {background: #f6f6f6;border: 1px solid #e6e6e6;}

.module input.button, .moduletable input.button {background: url(../images/style9/readon.png) 0 0 no-repeat;color: #ccc; background-color: inherit;}
.module input.button:hover, .module input.button:hover {color: #fff; background-color:inherit;}
#sl_vert .button {background: url(../images/style9/readon.png) 0 0 no-repeat;color: #ccc; background-color: inherit; }
#sl_vert .button:hover {color: #fff; background-color: inherit;}
#sl_vert #sl_username, #sl_vert #sl_pass {background: url(../images/style9/input-bg.png) 0 0 no-repeat;}
input#mod_login_username.inputbox, input#mod_login_password.inputbox, input#modlgn_username.inputbox, input#modlgn_passwd.inputbox {background: url(../images/style9/input-bg.png) 0 0 no-repeat;}

#rokslide-toolbar {color: #333;background: url(../images/style9/tabber-div.png) 0 100% repeat-x;}
#rokslide-toolbar li.current, #rokslide-toolbar li:hover {color: #B6171C ;border-bottom: 1px solid #B6171C ;}
.rotator-module .rok-content-rotator h2 a {color: #000; background-color: inherit;}
.rotator-module .rok-content-rotator h2 a.active {color: #fff; background-color: inherit;}
.rotator-module .rok-content-rotator h2 a:hover, .rotator-module .rok-content-rotator h2 a:hover.active {color: #fff; background-color: inherit;}
.rotator-module .rok-content-rotator .content {color: #000; background-color: inherit;}
#newsflash .flashing{color: #333;}
#newsflash .controls img{background-image: url(../images/style9/news-scroller-controls.png);}

blockquote, pre {background: #e7e7e7;border: 1px solid #ccc;}
span.number {color: #000;}
span.inset-right, span.inset-left {color: #000;}
span.dropcap {color: #000;}
span.important-title {color: #000;}
.important {border: 1px solid #000;}
span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {background: #F5F5F5;}
ul.bullet-1 li {background: url(../images/typo/bullet-1.png) 0 5px no-repeat;}
ul.bullet-2 li {background: url(../images/typo/bullet-2.png) 0 5px no-repeat;}
ul.bullet-3 li {background: url(../images/typo/bullet-3.png) 0 5px no-repeat;}
ul.bullet-4 li {background: url(../images/typo/bullet-4.png) 0 5px no-repeat;}
ul.bullet-5 li {background: url(../images/typo/bullet-5.png) 0 5px no-repeat;}
img.demo, img#variation_preview {border: 4px solid #ccc;}