/* @group Style5 Colors */

/* Logo */

#logo {background: url("../images/style5/logo.png") no-repeat scroll 0 0 / 75% auto rgba(0, 0, 0, 0);
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
 }
#logo:hover{
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
  margin-left: 20px;
  transform: scale(1.2);
  margin-top: 5px;
 }
#logo:active{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
margin-left: 35px;
 }

#logo-alt {background: url(../images/style5/logo-alt.png) 0 0 no-repeat;}

/* Structure */

a, #main-content ul li a {color: #990000;list-style-type: none;}
a::before, #main-content ul li a::before {
	position: absolute;
	content: attr(data-hover);

	transition: transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}
a:focus::before, #main-content ul li a:focus::before {
	opacity: 0;
}
a:hover::before, #main-content ul li a:hover::before {
	opacity: 0;
}
body {background: #2B2B2B;}
#pathway {color: #555;}
#pathway a {color: #999;}
#page-bg {background: #fff;}
#copyright {color: #666;}
#showcase {background: #232323 url(../images/style5/showcase-bg.jpg) 0 100% repeat-x; background-size: 1900px;}
#showcase {cursor: url(../images/style5/725.GIF) !important;}
#showcase-bottom-bg {background: url(../images/style5/showcase-bottom-bg.png) 0 100% repeat-x;}
#footer-top {background: #fff url(../images/style5/footer-top.png) 20% 5px repeat-x;}
#footer-top2 {background: url(../images/style5/footer-top2.png) 40% 120% repeat-x;}
#footer {background: url(../images/style5/footer-bg.png) 0 0 repeat-x;     height: 50px;}
#footer-highlight {background: url(../images/style5/footer-highlight.png) 50% 6px no-repeat;}
#footer-bar {background: url(../images/style5/footer-bar.png) 50% 0 no-repeat;}
img#rocket {background: url(../images/style5/rocket.png) 0 0 no-repeat;}
.xhtml-button {background: url(../images/style5/xhtml.png) 0 0 no-repeat;}
.css-button {background: url(../images/style5/css.png) 0 0 no-repeat;}

/* Artwork Themes */

#showcase-layer1 {background: url(../images/theme5/showcase-layer1.png) 20% 100% repeat-x;}
#showcase-layer2 {background: url(../images/theme5/showcase-layer.png) 20% 100% no-repeat; background-size: 1700px;}
#showcase-layer3 {background: url(../images/theme5/showcase-layer3.png) 70% 0 repeat-x;margin: 0;padding: 0;width: 100%;}
#showcase-bottom {background: url(../images/theme5/showcase-bottom.png) 50% 100% repeat-x;}
.header-module {background: url(../images/theme5/showcase-feature.png) 0 0 no-repeat;}

/* Firefox2 Hack */
#showcase-layer1 {font-family: "20% 100%";}
#showcase-layer2 {font-family: "20% 100%";}
#showcase-layer3 {font-family: "70% 0";}

/* Horizontal Menu */

#horiz-menu {background: url(../images/style5/horiz-menu-bg.png) 0 0 #232323 repeat-x;}
#horiz-menu a, #horiz-menu .separator {color: #fff;}
#horiz-menu li {background: url(../images/style5/horiz-r.png) 100% 4px no-repeat;}
#horiz-menu li a, #horiz-menu li .separator {background: url(../images/style5/horiz-l.png) 0 4px no-repeat;}
#horiz-menu li.active, #horiz-menu li.active:hover, #horiz-menu li.active.sfHover, #horiz-menu li:hover, #horiz-menu li.sfHover {background: url(../images/style5/horiz-active-r.png) 100% 4px no-repeat;}
#horiz-menu li.active a, #horiz-menu li.active .separator, #horiz-menu li.active a:hover, #horiz-menu li.active .separator:hover, #horiz-menu li:hover a, #horiz-menu li:hover .separator, #horiz-menu li.sfHover a, #horiz-menu li.sfHover .separator {background: url(../images/style5/horiz-active-l.png) 0 4px no-repeat;color: #333;}
#horiz-menu ul ul li a:hover, #horiz-menu ul ul li .separator:hover, #horiz-menu ul ul li.parent a:hover, #horiz-menu ul ul li.parent .separator:hover, #horiz-menu ul ul li:hover, #horiz-menu ul ul li.active:hover, #horiz-menu ul ul li.sfHover, #horiz-menu ul ul li.active.sfHover {background: #990000 url(../images/style5/dropdown-arrow.png) 10px 12px no-repeat;}
#horiz-menu ul ul li a.daddy:hover, #horiz-menu ul ul li .separator.daddy:hover, #horiz-menu ul ul li.parent:hover, #horiz-menu ul ul li a.daddy.sfHover, #horiz-menu ul ul li .separator.daddy.sfHover {background: #990000 url(../images/style5/dropdown-active.png) 95% 12px no-repeat;}
#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu li.active li a:hover, #horiz-menu li.active li a.sfHover, #horiz-menu li a.separator {background: url(../images/style5/dropdown-arrow.png) 10px 12px no-repeat;color: #fff;}
#horiz-menu ul ul {background: url(../images/style5/menu-dropdown-bg.png) 50% 100% no-repeat;}
#horiz-menu ul ul a, #horiz-menu li:hover li a, #horiz-menu ul ul .separator, #horiz-menu li:hover li .separator, #horiz-menu li.sfHover li a, #horiz-menu li.sfHover li .separator, #horiz-menu li:hover li:hover a, #horiz-menu li:hover li:hover .separator, #horiz-menu li.sfHover li.sfHover a, #horiz-menu li.sfHover li.sfHover .separator {color: #fff;}

/* Side Menus */

a.mainlevel {background: url(../images/style5/submenu-arrow.png) 0 4px no-repeat;color: #990000;}
a.mainlevel:hover, ul.menu a:hover, ul.menu .separator:hover, a.sublevel:hover {color: #000;}
ul.menu a, ul.menu .separator {background: url(../images/style5/submenu-arrow.png) 0 16px no-repeat;color: #990000;}
ul.menu ul a, ul.menu ul .separator, a.sublevel {color: #777;}

/* Modules */

.top-module, .header-module .moduletable h3 {color: #fff;}
#bottommodules .module h3, #bottommodules a {
    color: #666;
    font-size: 12px;
    line-height: 12px;
    margin: 20px 0 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    transition-property: color, padding;
}
#bottommodules .module h3, #bottommodules a:hover {
    color: #f5c007;
}
.header-module {color: #EBE1BF;}
#main-body .module h3, #main-body .moduletable h3, .contentheading, #mainmodules h3, .module-icon1 h3, .module-icon2 h3, .module-icon3 h3, .module-icon4 h3, .module-sidenav h3 {color: #990000;}
#mainmodules3 .module h3, #main-body .module-hilite2 h3 {background: #F1F1F1;color: #999;}
#bottommodules, #footer form label {color: #4c4c4c; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
#main-body .module-hilite1 h3, #mainmodules3 .module-hilite1 {color: #990000;}
#main-body .moduletable-hilite3 h3, #main-body .module-hilite3 h3, #mainmodules3 .moduletable-hilite3 h3, #mainmodules3 .module-hilite3 h3, table.poll thead {color: #990000;} 
.module h3 span, .module-hilite1 h3 span, .module-hilite2 h3 span, .module-hilite3 h3 span, .module-icon1 h3 span, .module-icon2 h3 span, .module-icon3 h3 span, .module-icon4 h3 span, .moduletable h3 span, .moduletable-hilite1 h3 span, .moduletable-hilite2 h3 span, .moduletable-hilite3 h3 span, .moduletable-icon1 h3 span, .moduletable-icon2 h3 span, .moduletable-icon3 h3 span, .moduletable-icon4 h3 span {color: #333;}
#showcase .moduletable h3 span {color: #fff;}
#rokslide-toolbar li:hover, #rokslide-toolbar li.current, #tabmodules .module h3 {color: #990000;}

/* Login */

#footer input#mod_login_username.inputbox, #footer input#mod_login_password.inputbox, #footer input#modlgn_username.inputbox, #footer input#modlgn_passwd.inputbox {background: url(../images/style5/login-bg.png) 50% 50% no-repeat;}
#footer .module input.button {background: url(../images/style5/login-button.png) 0 0 no-repeat;}
input#mod_login_username.inputbox, input#mod_login_password.inputbox, input#modlgn_username.inputbox, input#modlgn_passwd.inputbox {border: 1px solid #ddd;}

span.subline {color: #666;}
.top-module span {color: #ffc924;}
.top-module {color: #fff;}

.tdtovar {
border: 1px solid #e6e6e6;
padding: 2px 5px;
font-weight: bold;
color: #333333;
vertical-align: middle !important;

}
.tdnum {
text-align: center;
border: 1px solid #e6e6e6;
border-radius: 4px;
padding: 2px 5px;
font-size: 6pt;
font-weight: bold;
color: #808080;
vertical-align: middle !important;

}
/* @end */