﻿
    
body
{   
    background-color:#000;
    background-image: url(/halloffame/images/bg.jpg);
    background-attachment: fixed;
    background-position:center top ;
    background-repeat:no-repeat;
     margin:0px;
     font-size:.625em;
}
 #content a {
    color:#045F58;
 }
 
a.biolink{
 
       display:inline-block;
       height:35px;
       vertical-align:middle;
       line-height:35px;
       margin-right:10px;
       font-size:3em;
     
  }
  
  a.disciplineslink{
 
      display:inline-block;
   
      padding-top:10px;
      
  }
  
 #pnlRelated , #pnlDisciplines { 
    
    width:345px;
    height:100%
    
 }
 
 #pnlRelated a, #pnlDisciplines a, #pnlLinks a{
    
    font-family:Helvetica, Arial;
    font-size:1.2em;
    font-weight:bold;
    
}

#leftcontrol{

    width:25px;
    height:25px;
    position:absolute;
    top:210px;
    left:-19px;
    cursor:pointer;
    color:#7DABA9;
    background-image:url(/halloffame/images/left.gif);
    background-repeat:no-repeat;
    
}

#rightcontrol{

    width:25px;
    height:25px;
    position:absolute;
    top:206px;
    left:806px;
    cursor:pointer;
    color:#7DABA9;
    background-image:url(/halloffame/images/right.gif);
    background-repeat:no-repeat;
    
}

.selector{

    width:800px;
    height:30px;
    margin:auto;
    background-image:url(/halloffame/images/line.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    font-size:1.6em;
    font-family:Arial;
    font-weight:bold;
    font-style:italic;
}

.canvas{ 

    position:relative;
    width:800px;
    height:475px;
    margin:auto;
    top: 0px;
    left: 0px;
    
}
#media p{

    padding:0px;
    
}

#ajaxBusy{  

    position:relative;
    width:800px;
    height:457px;
    margin:auto;
    overflow:hidden;
    top: 0px;
    left: 0px;
    position:relative;    
    z-index:1;
    visibility:hidden;
    
}

#loadingIcon{

    width: 103px; 
    height: 103px; 
    position:absolute; 
    left:338px; 
    right:359px; 
    top: 153px;
    
}

.viewport{ 

    position:absolute;
    top:0px; 
    left:0px;
    width:800px;
    height:475px;
    margin:auto;
    overflow:hidden;
    background-image:url(/halloffame/images/viewportbg.gif);
    
}

.slidingwindow{

    left:0px;
    position:relative;
    height:475px;
    min-width:794px;
}

.zoomin  img{
    position: absolute;
    top:3px;
    left:1px;
   
    margin-top: 0px;

}

#slidingwindow div:hover , #slidingwindow div:hover img{

     z-index:10;
     border: solid 0px #f00;

     } 
.zoomin  img:hover{}
    
.sub{
     
     display:none;
 
 }

/* for the accordian selector */
ul{

  list-style: none;
  margin: 0;
  padding: 0;
  
}

ul li{

  float: left;
  padding: 0px;
  margin: 0px;
  display: block;

}

ul li span{
  display: block;
  overflow: hidden;
  height: 30px;
  width: 15px;

  padding: 3px;
   /* */
 
}

span.first{
  width: 265px;
}

li span span{
 /* a disabled accordion selector*/
    color:#005757;
}

span.enabled  span{
  color:White;
  cursor:pointer;
  display: block;
  overflow: hidden;
  height: 30px;
  width: 15px;
  /*
  padding: 3px;
  */
  background-image:url(/halloffame/images/arrow.gif);
  background-repeat:no-repeat;
     
}

span.selected span{ 
     background-image:url(/halloffame/images/arrow2.gif);
    color:#011B1C;
    color:White;
}



#searchheader{
    width:850px;
    height:61px;
    margin:0px auto 0px auto;
    
}
#searchmenu{
    
    width:800px;
    height:25px;
    position:relative;
    margin:0px auto 0px auto;  
    z-index:105;
    
}
#searchbar{
    width:1278px;
    height:25px;
    background-image:url(../images/searchbar.jpg);
    position:absolute;
    top:0px;
    left:-233px;
    z-index:-1;
}
#searchcontols {
     position:absolute;
     top:-1px;
     left:669px;
     width:150px;
     height:25px;
     z-index:1;
    
     
}
     
 #searchButtonGif {

    display:inline-block;
    width:136px;
    height:25px;
    background-image:url('../images/dropdown.gif');
    background-position:right center;
    background-repeat:no-repeat;
    
    text-align:left;
    vertical-align:middle;
    line-height:25px;
    padding-top:0px;
    
    font-family:Arial;
    font-size: 1.2em;
    
    color:White;   
    cursor:pointer;      
    
      
}


#searchButtonGif.searchButtonGifDown{
    background-image:url(../images/dropdown_down.gif);
}
#backButton{
   
    width:491px;
    height:30px;
    height:35px;
    position:relative;
}

#ddDisciplineCtrl{ 
     height:25px;
     line-height:25px;
     vertical-align:middle;
    
     
     width:225px;
     cursor:pointer;
     position:absolute;
     top:0px;
     left:50px;
     background-image:url(../images/filter.gif);
     background-repeat:no-repeat;
    
     font-family: Helvetica, Arial;
     font-size:1.2em;
}

  #ddDisciplineCtrl:hover    #ddDiscipline{
    display:block;
  }
 

#ddDiscipline{ 
   
    width:240px;
    position:absolute;
    top:23px;
    left:60px;
    background-image:url(../images/disciplinesdropdown_k.jpg);
    background-repeat:repeat-x;
    background-color:#407271;
    padding:5px;
    border: solid 1px #003C3C;
   
    font-weight:bold
    
}
#lblSelectedDiscipline{
    display:block;
    font-size:1.1em;
    font-weight:bold;
    color:black;
    position:absolute;
    top:0px;
    left:65px;

}

.disciplineItem{ 

    height:35px;
    width:100%;

}

.disciplineItem a{ 
    
    display:block;
    width:100%;
    height:35px;
    line-height:35px;
    color:White; 
    font-size:1.1em;
    font-weight:bold;
    font-family:Helvetica, Arial;
    text-decoration:none;

}
.disciplineItem a:hover{
     text-decoration:underline;
}
#backButtonGif{

    display:inline-block;
    width:50px;
    height:25px;
   
    line-height:25px;
    vertical-align:middle;
    background-image:url(../images/backbutton.gif);
    background-position:left center;
    background-repeat:no-repeat;
    text-align:right;
    padding-top:0px;
    font-family:Arial;
    text-decoration:none;
    font-size: 1.2em;
    color:White;    
    cursor:pointer;   
                               
}
#backButtonGif span{ display:none;}


#searchform{

    background-image:url(../images/searchbg.gif);
    width:253px;
    height:156px;
    position:absolute;
    top:18px;
    left:-133px;
    z-index:100;
   
    font-family    :Arial;
    font-size:1.2em;
    
    background-image:url(../images/disciplinesdropdown_k.jpg);
    background-repeat:repeat-x;
    background-color:#407271;
    padding:5px;
    border: solid 1px #003C3C;
    color:White;
  
}

#searchcontols:hover #searchform{
 
    display:block;
    
}
.notvisible{ display:none;}



#wrapper{
    width:1200px;
    height:800px;
    overflow:hidden;
}

div.content{ 
    width:450px;
    float:left;
     min-height:600px;
        }
        
#container #content.contentFull{ 
    min-height:600px;
    width:800px;

}
#media{width:350px;}
p{
 
    font-size:1.2em;
    }  

h1{
    font-size:2.1em;
    margin:0px;
    padding:0px;
  
   }

h2{ 
    font-size:1.4em;
    color:#388C87;
    font-weight:normal;
    padding-top:5px;
    padding-bottom:5px;
     background-image:url(/halloffame/images/bullet1.gif);
     background-repeat: repeat-y;
     padding-left:16px;
    }

h3{ 
    font-size:1.2em;
    color:#CD9D3B;
  
    }
 #tblDetailHeader{
    width:410px;
  }