/* CSS Document 
bStyles.css
February 10th 2010
- adds additional styles for FL web 2010
*/
#fourBoxes {

}
.bodyHolderIn {
background-color: #fff;
height: auto;
}
.singleBox {
  float: left;
  width: 234px;
  height: 173px;
  border-top: none;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  background-image: url(../img/bgs/fourBoxGradient.png);
  background-repeat: repeat-x;
}
.innerBoxTxt {
width: 175px;
position: relative;
top: -12px;
font-size:10px;
line-height: 93%;
}
.innerBoxTxtSub {
width: 175px;
position: relative;
top: -12px;
font-size:10px;
line-height: 93%;
}
.innerBox {
  position: relative;
  top: 45px;
  left: 30px;
  width: 200px;
}
  .innerBox a {
    text-decoration:none;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
  }
  .innerBox a:hover {
    text-decoration: underline;
    color: #c92033;
  
  }
  .innerBox a:visited {
    color: #000000;
  }


.spacer {
width: 2px;
float: left;
}
#aboutLinks {
padding-left:10px;
}

#aboutLinks a {
text-decoration: none;
color: #000000;
font-weight: bold;
}
#aboutLinks a:hover {
text-decoration: underline;
font-weight: bold;.
}
#aboutLinks a:visited {
color: #000000;
font-weight: bold;
}

#catCon {
position: relative;
top: 10px;
left: 35px;

}

.lineItem {
float: left;
width: 130px;
height: 160px;
font-size: 7pt;

}
  .lineItem img {
  border: 1px solid #e2e2e2;
  
  }
  .lineItem a {
  text-decoration: none;
  color: #c92033;
  font-size: 8pt;
  }
  .lineItem a:hover {
  text-decoration: underline;
  }
  .lineItem a:visited {
  
  
  }
  .lineItem .listSub {
  width: 110px;
  height: 38px;
  overflow: hidden;
  line-height: 12px;
  position: relative;
  top: 2px;
  }    
  .lineItem .listSub a{
  font-size: 7pt;
  font-weight: bold;
  }  
.searchItem a {
  text-decoration: none;
  color: #333;
}
.searchItem div {
width: 600px;
border: 1px dotted #cdcdcd;
height: 18px;
background-color: #f0f0f0;
padding: 3px;
margin-top:9px;
}
  .searchItem div:hover {
  background-color: #dbdbdb;
  cursor: pointer;
  
  }
.searchItem span {
width: 300px;
height: 26px;
overflow: hidden;
}

.pageFlip {
font-family: Verdana, Helvetica, sans-serif;  
width: 600px;
height: 20px;
position: relative;
left: 280px;
top: 5px;
}
  .pageFlip a {
  padding: 5px;  
  text-decoration: none;  
  color: #000;
  }
  .pageFlip a:hover {
  color: #fff;
  }
  .pageFlip b {
  padding: 5px;  
  text-decoration: none;    
  color: #fff;
  }
  .pageFlip div {
  margin: 1px;
  float:left;
  width: 25px; 
  height: 20px;
  border: 1px solid #989898;
  background-color: #e8e8e8;
  text-align: center;  
  }
  .pageFlip div:hover {
  background-color: #777;
  }
  .pageFlip .bSpan {
  float:left;
  width: 25px; 
  height: 20px;
  border: 1px solid #777;
  background-color: #c92033;
  }
  .pageFlip .bSpan:hover {
  background-color: #c92033;
  }
  
.pageFlipTop {
text-align: right;
margin-top: 5px;
}
  .pageFlipTop a {
  border: 1px dotted #c7c7c7;
  padding: 2px;
  background-color: #e8e8e8;
  }
  .pageFlipTop b {
  border: 1px dotted #c7c7c7;
  background-color: #e8e8e8;
  padding: 2px;
  }
.crumbs {
font-size: 12px;
color: #888;
font-weight: normal;
padding-top: 10px;
padding-bottom: 10px;

}
  .crumbs a {
  text-decoration: none;
  color: #888;
    
  }
  .crumbs a:visited {
  text-decoration: none;
  color: #888;
  }
#pageCrumbs {
position: relative;
left: 20px;

}
  
#titleCrumbs a {
text-decoration: none;
  color: #888;
}
#titleCrumbs a:hover {
text-decoration: none;
  color: #777;
}
#titleCrumbs a:visited {
text-decoration: none;
  color: #888;
}

#recWindow {
font-weight: bold;

}
#pageData {
float: right;
padding-right:10px;
}
a.button{
	background:url(../img/btn/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#0066CC;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
		background:url(../img/btn/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(../img/btn/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(../img/btn/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(../img/btn/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(../img/btn/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(../img/btn/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
		background:url(../img/btn/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url(../img/btn/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

.colTileCon {
float: left;
}

.colTile {
margin-right: 8px;
margin-bottom: 4px;

}

.colDesc {
margin: none;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight: bold;
position: relative;
top: -5px;
}