/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 12, 2011 12:36:44 AM America/New_York */
@font-face {
    font-family: 'BloklettersViltstift';
    src: url('/fonts/Blokletters/Blokletters-Viltstift-webfont.eot');
    src: url('/fonts/Blokletters/Blokletters-Viltstift-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Blokletters/Blokletters-Viltstift-webfont.woff') format('woff'),
         url('/fonts/Blokletters/Blokletters-Viltstift-webfont.ttf') format('truetype'),
         url('/fonts/Blokletters/Blokletters-Viltstift-webfont.svg#BloklettersViltstift') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* End Font Embed */

#catLable{/*Cards get position from this*/
 position: relative; 
 width:141px; 
 height:50px;  
 left:176px; 
 top:70px;  
 z-index:10;
}
 #catLable p{
  position: relative;
  top:10px; 
  height:35px; 
  border-left: 1px dotted grey; 
  border-right: 1px dotted grey; 
  text-align:center;
  background: url(images/bg.jpg) white; 
  font-family:monospace;
 }

.glidecontentwrapper{
position: relative;
zoom: 1;/* Do not change this value */
left: 148px; 
top: 83px;
width: 494px;
height: 395px; /* 295 Set height to be able to contain height of largest content shown*/
overflow: hidden;
z-index: 5;
}

#nodec a{
text-decoration:none;
}

.para {
 max-width: 462px;
 font-family:BloklettersViltstift;
}
.inst { /* instructions */
 font-size: 90%;
 width: 630px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 }
 .rolotab {
  text-decoration: none; 
  font-weight: bold; 
  font-size: 130%; 
  z-index: 5;
  }
  
.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: url("images/rolodexCard.jpg");
background-repeat:no-repeat;
visibility: hidden;
width:485px;
padding-left:10px;
}

 #chooseRolo{
  position: relative; 
  margin-right:2px; 
  margin-left:2px;  
  padding-left:10px; 
  padding-top:3px; 
  top:96px; 
  height:30px; 
  background:#333333;
 }
.rtcol{ /* skew html to match picture of card */
 -ms-transform:skewX(1deg); 
 -webkit-transform: skewX(1deg);        
 -moz-transform: skewX(1deg); 
 -o-transform: skewX(1deg); 
}
.ltcol{ /* skew html to match picture of card */
 -ms-transform:skew(-2deg, 1deg); 
 -webkit-transform:skew(-2deg, 1deg);        
 -moz-transform:skew(-2deg, 1deg);
 -o-transform:skew(-2deg, 1deg);
}
