/* Stylesheet for Sphider-plus */

a.bkbtn { background: transparent url(backbtn.gif) no-repeat; font-size: 0.8em; line-height: 1.8em; margin: 10px 0; padding-left: 27px; }
a.bkbtn:hover { background: url(backbtn.gif) no-repeat; font-size: 0.8em; line-height: 1.8em; margin: 10px 0; padding-left: 27px; text-decoration: underline; }
a.navdown { background: transparent url(navup.jpg) no-repeat 0px;; float: right; font: 0.8em/1.4em Arial,Helvetica,sans-serif; margin: 0; padding: 2px 10px 2px 19px; width: 2em; }
a.navdown:hover { background: url(navdown.jpg) no-repeat 0px; }
a.navup { background: transparent url(navdown.jpg) no-repeat 0px; float: right; font: 0.8em/1.4em Arial,Helvetica,sans-serif; margin: 0; padding: 2px 0px 2px 19px; width: 2em; }
a.navup:hover { background: url(navup.jpg) no-repeat 0px; }
a.pnum, pnum { margin: 0; padding: 0 2px; }

a.options { background: transparent; color: #00B; font-weight: bold; margin: 0; padding: 5px 4px; text-align: center; text-decoration: none; width: 100%; }
a.resize { background: url(aaa.gif) no-repeat; margin: 10px 0 0 0; padding: 8px 20px; width: 55px;}
a.resize:hover { background: url(aaa.gif); line-height: 1.6em;}
dd { text-align: left; }
dd, dt { font-size: 0.8em; font-weight: normal; padding: 6px; }

fieldset { background: #FFF; color: #007; line-height: 1.1em; margin: 4px 0; padding: 0 0 4px 4px; }
form { margin: 0; padding: 0; }

.main_cat1 { background: transparent; font-size: 1em; font-weight: bold; }
.main_cat2 { background: transparent; color: #0000FF; font-size: 0.9em; font-weight: bold; }
.mak_1{ font-weight: bold; }
.mak_2{ background: #66FFFF; }
.mak_4{ background: #99FF00; }
.mak_3{ background: #FFFF00; }
.odrow { color: #007; margin: 0; padding: 6px 4px; }
.mainlist { font-size: 0.9em; font-weight: bold; margin: 2px 0; padding: 6px 4px; text-align: center;  border-bottom: 1px solid #777;  }
.odrow, .evrow, .indent { border-bottom: 1px solid #007; }

.SuggestFramework_List{ border: 1px solid #CCCCCC;border-top: 0;} 
.SuggestFramework_Heading{ padding: 0 1px 0 1px;background-color: #CCCCCC;color: #FFFFFF;font-weight: bold; }
.SuggestFramework_Highlighted{ padding: 0 1px 0 1px;background-color:#D4E4D4;font-size: 12px;color: #990033; }
.SuggestFramework_Normal{ padding: 0 1px 0 1px;background-color: #EEEEEE;color: #000000; }
.SuggestFramework_Combo{ width: 100%; margin: 0; padding: 0; }

.w60 { margin: 0 auto; width: 60%; }
.w75 { margin: 0 auto; width: 75%; }
.warnadmin, .red { background: #FEFF04; color: #EE3C00; }
.warn{ background: #bbb; color: #EE3C00; }
.warn, .red .warnok, .green, .links, .blue { font-weight: bold; padding: 0px 2px; }
.warnok, .green { background: transparent; color: #008001; }

.x2 { width: 49.5%; /* all x values used as dividers 1/2, 1/3, 1/4 etc...  */ }
.x3 { width: 33%; }
.x4 { width: 25%; }
.x5 { width: 20%; }
.x6 { width: 16%; }
.x8 { width: 12.5%; }
.y3 { height: 3em; }
.y5 { height: 5em; }

#admin { margin: 0; padding: 10px; text-align: left; }
#admin p.warn, #admin p.warnok { text-align: center; }

dl { border: 2px groove #777; margin: 5px 0px; padding: 0; }
dt { background: #FFF; color: #007; display: block; float: left; font-weight: normal; height: 100%; margin-right: 10px; text-align: right; }
em { font-style: normal; font-weight: bold; }
input, label, .mid { vertical-align: middle; }

label { display: list-item; margin: 4px 0px 0px 50px; padding: 4px; width: auto; }
legend { background: #DDD; border-bottom: 1px solid #777; border-left: 12px solid #777; border-right: 1px solid #777; border-top: 2px solid #777; color: #007; font-size: 0.9em; margin: 0 0 6px 2px; padding: 2px 5px; }
li { font-size: 0.8em; line-height: 1.1em; list-style: none; margin: 0; padding: 0px 0px 8px 0px; vertical-align: baseline; }
li.indented { margin-left: 6em; }

table { border-collapse: collapse; border-spacing: 2px; empty-cells: show; margin: 0 auto; padding: 0; }
table tr td { font-size: 0.8em; padding: 5px; }
table tr td.bd { text-align: right; vertical-align: baseline; }
ul { margin: 0; padding: 4px; }

a.feed-button {
	display:block;
	width:96px;
	height:96px;
	margin:0 auto;
	padding-left:26px;
	background:url("../../../images/rss.png") 0 0 no-repeat;
	text-decoration: none;
	}
	
ul#sliding-navigation   
{   
    list-style: none;   
    font-size: .75em;   
    margin: 30px 0;   
}   
  
ul#sliding-navigation li.sliding-element h3,   
ul#sliding-navigation li.sliding-element a   
{   
    display: block;   
    width: 150px;   
    padding: 1px 15px;   
    margin: 0;   
    margin-bottom: 5px;   
}   
  
ul#sliding-navigation li.sliding-element h3   
{   
    color: #fff;   
    font-weight: normal;   
}   
  
ul#sliding-navigation li.sliding-element a   
{   
    color: #000;   
    text-decoration: none;   
}   
  
ul#sliding-navigation li.sliding-element a:hover { color: #0066CC; }

h2     
{    
    color: #000;   
    margin-bottom: 0;    
    margin-left:13px;   
    height:40px;   
}   
  
h2 span   
{   
    display: none;   
}   
  
#navigation-block {   
    position:relative;
  
}   

#hide {   
    position:absolute;
    top:30px;
    left:-190px;
}  

ul#sliding-navigation li.sliding-element h3   
{   
    color: #fff;
    font-weight: normal;
}

.kwicks {
     list-style-type: none;
     list-style-position:outside;
     position: relative;
     margin: 0;
     padding: 0;
 }
 
.kwicks li{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    width: 100px;
    height: 30px;
    margin-right: 0px;
    background-image:url(../../../images/kwicks_sprite.jpg);
    background-repeat:no-repeat;
}

.kwicks a{
	display:block;
	height:30px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-100px 0px;
}
#kwick3 {
	background-position:-200px 0px;
}
#kwick4 {
	background-position:-300px 0px;
}
#kwick5 {
	background-position:-400px 0px;
}
#kwick6 {
	background-position:-500px 0px;
}
#kwick7 {
	background-position:-600px 0px;
}
#kwick8 {
	background-position:-700px 0px;
}
#kwick9 {
	background-position:-800px 0px;
}

#kwick1.active, #kwick1:hover {
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -100px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -200px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -300px bottom;
}
#kwick5.active, #kwick5:hover {
	background-position: -400px bottom;
}
#kwick6.active, #kwick6:hover {
	background-position: -500px bottom;
}
#kwick7.active, #kwick7:hover {
	background-position: -600px bottom;
}
#kwick8.active, #kwick8:hover {
	background-position: -700px bottom;
}
#kwick9.active, #kwick9:hover {
	background-position: -800px bottom;
}