/* style9 */

body {color: #333;}
a,
a:link,
a:visited  {color: #d08400; text-shadow: 1px 1px 1px #ddd;} 
a:hover, a.forumtitle:hover, a.topictitle:hover ,a.left:hover {color: #333;}
.contentheading, .componentheading {color: #333;}

/* ForumBody */
li.row {
	border-bottom: 1px solid #E9E9E9;
}

li.header {
	background: url(images/style9/header.png) repeat-x; 
}

.left_rounded {
    background: url(images/style9/left.png) 0 0 no-repeat;
}

.right_rounded {
    background: url(images/style9/right.png) 0 0 no-repeat;
}

.inputbox:hover {
        border-color: #E9E9E9;
}

.postprofile {
       border-left-color:  #E9E9E9; 
}

/* @end */

h3,
.content h2,
.panel h2,
ul.navlinks {
	border-bottom-color: #CCCCCC;
}

hr {
	border-color: #CCCCCC;
	border-top-color: #CCCCCC;
}

hr.dashed,table.table1 tbody td {
	border-top-color: #CCCCCC;
}



.icon-home {
background-image:url(images/style9/icon_home.gif);
}

#tabs a {
	background-image: url(images/style9/bg_tabs1.gif);
}

#tabs a span {
	background-image: url(images/style9/bg_tabs2.gif);
}

.bg3 {
background: #eff7f7; 
border: #d1e3f1 solid 1px;
}

#cp-main .panel, #navigation #active-subsection a,#navigation a:hover,.cp-mini,#cp-main .pm   {
     background-color: #e2eef5;
}

#navigation a {   
     background-color: #d1e3f1;   
}

#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: url(images/style9/corners_left2.gif);
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: url(images/style9/corners_right2.gif);
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: url(images/style9/corners_left2.gif);
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: url(images/style9/corners_right2.gif);
}


#top-bar .wrapper {
position: relative; 
z-index: 500;}

#top-bar {
height: 26px;
padding-top: 2px;}

#header-bar { 
padding-top:0px;
margin-top: -488px;
margin-bottom: 5px;
padding-bottom: 8px;
overflow: visible;
}

         #content_t { 
		background:url(images/content_t.png) 50% 0 no-repeat;
		margin:295px 0 0 0;
		height:360px;}
	
	
	#content_b { 
		background:url(images/content_b.png)   50% 100% no-repeat; 
		margin: -150px 0px auto 0px; 
                overflow:visible; 
                
		height:140px; z-index:1000; 
         }
		
	#content_shadow {
		background:url(images/content_shadow.png) 50% 0 repeat-y ;
                 min-height: 10px;  padding:200px 0px 50px 0px ; overflow: visible;
         }




.innermain
{background: #FeFeFe;
         border-left: 1px solid #ccc;
         border-right: 1px solid #ccc;
height: 332px}

.innermain .padding {margin: 0px; padding: 0 20px 0 20px}

.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;}


.inner 
{background: none; overflow:visible;  z-index:600;
         border-left: 1px solid #ccc;
         border-right: 1px solid #ccc;}

#maincol .inner .padding
{padding:5px 15px;   
         }
        
#page-body .inner 
{background: none; padding:0px;
        border-left: 1px none #ccc;
         border-right: 1px none #ccc; }

.inner2
{background: #Fff;
  }

.col-top {background: url(images/style9/col-tl.png) 0 0 repeat-x;}
.col-top2 {background: url(images/style9/col-tr.png) 100% 0 no-repeat;}
.col-top3 {background: url(images/style9/col-tm.png) 0 0 repeat-x;}

#bottom-menu {}


#footer {background: #fff; color: #666;}
#copyright {color: #666;  }

#showcasemodules .module h3, .rotator-module .module h3 {color: #333; text-shadow: 1px 1px 1px #ddd;}
#showcasemodules .module h3 span, .rotator-module .module h3 span {color: #0077B4; text-shadow: 1px 1px 1px #ddd;}

.module h3, .submenu-block h3 {color: #666;  background: url(images/style9/h3-bg.png) 0 0 no-repeat; text-indent: 0px; text-shadow: 1px 1px 1px #ddd;}

#no .moduletable h3 {color: #666;  background: url(images/style9/h3f-bg.png) 0 0 no-repeat; text-indent: 0px;}

.moduletable h3 {color: #666;  background: url(images/style9/h3-bg.png) 0 0 no-repeat;  width:215px; height:50px; text-align:left;  text-indent: 20px;
padding:5px 0px 0 0px; text-shadow: 1px 1px 1px #ddd;
margin: 0 0 20px 5px;}

#bottom .block {padding: 0px 10px 0px 0px;}
#bottom .module h3 {color: #666;  background: url(images/style9/h3f-bg.png) 0 0 no-repeat;  width:215px; height:50px; text-align:left;  text-indent: 20px;
padding:5px 0px 0 0px; 
margin: 0 0 20px -5px;}

#cbr .moduletable h3 {color: #666;  background: url(../images/style9/h3-bg.png) 0 0 no-repeat; text-indent: 20px;}
#mm .moduletable h3 {color: #666;  background: none; text-indent: 0px;}
#rok .moduletable h3 {color: #666;  background: url(../images/style9/h3-bg.png) 0 0 no-repeat; text-indent: 20px;}
.module h3 span, .moduletable h3 span, .submenu-block h3 span 
{color: #0077B4;}

#newsflash .moduletable {color: #333;}


#horiz-menu li {color:#707272;}

#horiz-menu a, #horiz-menu .separator {color:#707272;  background: url(images/sep.png) no-repeat top right ;}

#horiz-menu li a, #horiz-menu li .separator {color:#707272;}

#horiz-menu li.active a, #horiz-menu li.active .separator {color: #fe9900;}

#horiz-menu li a:hover, #horiz-menu li .separator:hover {color: #fe9900;}

#horiz-menu.splitmenu li a:hover, #horiz-menu.splitmenu li .separator:hover {}


#bottom .module h3  {color: #666;} 
 
#bottom .module h3 span 
{color: #0077B4;}

#banner-left .moduletable h3 span, #banner-right .moduletable h3 span 
{color: #0077B4;}

#footer .module h3 
{color: #666;}

#footer .module h3 span 
{color: #0077B4;}

#footer a {color: #0077B4;}




.menutop .animated-bg {border-bottom:1px solid #fff;}
.menutop .submenu-animation-left {background: url(images/style9/sub-hover-l.png) 0 0 no-repeat;} 
.menutop .submenu-animation-right {background: url(images/style9/sub-hover-r.png) 100% 0 no-repeat;}
#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;}
#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;}
#horiz-menu ul ul {background: #fff url(images/style9/col-bgtop.png) 0 0 repeat-x; border: 1px solid #ccc;}
#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;}


h1 {color: #0077B4;}
h2 {color: #000;}
h4 {color: #cc0000;}
span.small, td.createdate, td.modifydate {color: #666;}
#body-bg {background: #fff; }

#banner-top {background: #fff;}
#topmenu-mod {color: #333;}
#banner-mod {color: #333;}
#date-block {color: #666;}
.date1 {}
.date2 {color: #666;}
.date3 {color: #666;}
#showcasemodules, .rotator-module {color: #333;}
#showcasemodules a, .rotator-module a {color: #cc0000;}
#main-bar,div.post{background: #fff url(images/style9/col-bgtop.png) 0 0 repeat-x;}
#searchmod {background: url(images/style9/search-bg.png) 0 0 no-repeat;}
.inner2 {background: #fff 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;}


#showcasemodules .module h3, .rotator-module .module h3, dl.details dd {color: #333;}
#showcasemodules .module h3 span, .rotator-module .module h3 span,.postprofile strong {color: #0077B4;}
.module h3, .moduletable h3, .submenu-block h3 {color: #666;}
.module h3 span, .moduletable h3 span, .submenu-block h3 span,li.header dt, li.header dd,.forumbg .header a:link, .forabg .header a:link {color: #0077B4;}
#newsflash .moduletable {color: #333;}
#bottom .module h3, #bottom .module h3 span {color: #0077B4;}
#banner-left .moduletable h3 span, #banner-right .moduletable h3 span {color: #0077B4;}
#footer .module h3 {color: #666;}
#footer .module h3 span {color: #0077B4;}
#footer a {color: #0077B4;}




#topmenu-mod #mainlevel-top li {border-right: 1px none #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: #0077B4;border-bottom: 1px solid #0077B4;}

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;}
a.readon2:hover {color: #fff;}
.pathway-block.top span.pathway {color: #000;}
span.pathway {color: #666;}
span.pathway a {color: #0077B4;}
.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; 0px;}

.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;}
.module input.button:hover, .module input.button:hover {color: #fff;}
#sl_vert .button {background: url(images/style9/readon.png) 0 0 no-repeat;color: #ccc;}
#sl_vert .button:hover {color: #fff;}
#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: #0077B4;border-bottom: 1px solid #0077B4;}
.rotator-module .rok-content-rotator h2 a {color: #000;}
.rotator-module .rok-content-rotator h2 a.active {color: #fff;}
.rotator-module .rok-content-rotator h2 a:hover, .rotator-module .rok-content-rotator h2 a:hover.active {color: #fff;}
.rotator-module .rok-content-rotator .content {color: #000;}
#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;}