.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url('../images/finalStar_11pix.jpg')  0px -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:65px;
	height:11px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: 0px 0px;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:11px;
	line-height:11px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: 0px -11px;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: 0px -22px;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}


/* smaller star */
.star-rating2,
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus,
.star-rating2 .current-rating2
{
	background: url(../images/finalStar_9px.jpg) 0px -1000px repeat-x;
}
.star-rating2
{
	position:relative;
	width:50px;
	height:9px;
	overflow:hidden;
	list-style:none;
	margin:0px;
	padding:0px;
	background-position: 0px 0px;
}
.star-rating2 li 
{
	display: inline;
}
.star-rating2 a,
.star-rating2 .current-rating2
{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:9px;
	line-height:9px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus
{
	background-position: 0px -9px;
}

.star-rating2 .current-rating2
{
	z-index:1;
	background-position: 0px -18px;
}

/* smaller white Star */
.star-rating2White,
.star-rating2White a:hover,
.star-rating2White a:active,
.star-rating2White a:focus,
.star-rating2White .current-rating2{
	background-image:url(../images/finalStar_9px_white.jpg);
}

.small-star{
	width:50px;
	height:9px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(../images/finalStar_9px.jpg);
	line-height: 9px;
	height: 9px;
}
small-star .star-rating
{
	z-index:1;
	background-position: 0px -18px;
	border: 1px solid lime;
}





.i3SearchPagination DIV
{
	margin-top:0px;
	padding-top:0px;
}
.i3SearchPagination TR
{
	padding-top:5px;
	padding-bottom:5px;
}
.i3SearchPagination, .i3SearchPagination TD, .i3SearchPagination TH 
{
	background-color:#787869;
	font-family:Arial,Helvetica;
	font-size:.7em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#FFFFFF;
	
}
.i3SearchPagination TD
{
	padding-left:5px;
}
.i3SearchPagination A:LINK, .i3SearchPagination A:ACTIVE, .i3SearchPagination A:VISITED
{
	background-color:#787869;
	font-size:100%;
	font-family:Arial,Helvetica;
	text-decoration:underline;
	color:#CCCCCC;
}
.i3SearchPagination A:HOVER
{
	color:#FFFFFF;
}

body
{
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial;

}

.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 2px;
	margin-top: 2px;
	position:absolute;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
}

.content{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	left: -2px;
	color: dimgray;
	font-family: Arial;
	font-weight:normal;
	position: relative;
	top: -2px;
	background-color: #eaeacf;
}


.outerpair1 {
/*background: url(upperrightfade.png) right top no-repeat;*/
position:absolute;
} 
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


.outerpair2 {
/*background: url(lowerleftfade.png) left bottom no-repeat;*/
padding-top: 4px;
padding-left: 4px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 


.shadowbox {
background: url(../images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */ 


.innerbox
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	left: -4px;
	color: dimgray;
	font-family: Arial;
	font-weight:normal;
	position: relative;
	top: -4px;
	background-color: #eaeacf;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline 
space under the images, because this may trigger IE background bugs. 
Instead, use "vertical-align: bottom;" for this purpose. */


/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/ 

.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 130px 0 0 450px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.flashbox { /* Absolute positioning also causes the shrinkwrap behavior. */
position: absolute;
left: 377px;
top: 30px;
}

.flashbox .innerbox {
background: #eed;
border: 1px solid #ccb;
}

.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */ 
position: absolute;
left: 40px;
top: 200px;
}

.textbox {
position: absolute; /* AP once more... */
left: 20px;
top: 250px;

}

.textbox .innerbox { 
border: 1px solid #ccc;
background: #e8e8e8; 
width: 330px;
height: 250px;
overflow: auto;
}
/* Unlike the other items, the .textbox content is just text without a natural
width, and so shrinkwrapping fails, unless .innerbox is given a specific width.
All shadowed text elements will need a width of some kind to avoid a full-width
shadowed box, unless that is the desired effect. The width may be appied to 
div.inner, div.outerpair1, or an external wrapper element. */ 

.linkbox {
position: absolute; /* AP once more... */
left: 10px;
top: 6px;
}

.linkbox .innerbox { 
display: block; 
background: #fff;
border: 1px solid #ccc;
padding: 3px 5px;
}

.CommentBoxDate
{
	font-weight: 900;
	font-size: 10px;
	color: #555555;
	font-family: arial;
	background-color: #eaeacf;
}
.CommentBoxName
{
	font-weight: 200;
	font-style:italic;
	font-size: 7pt;
	color: #555555;
	font-family: arial;
	background-color: #eaeacf;	
}
.CommentBoxText
{
	font-weight: 100;
	font-size: 8pt;
	color: #555555;
	font-family: arial;
	background-color: #eaeacf;
	padding-left:20px;
}
.CommentBoxTextNarrow
{
	font-weight: 100;
	font-size: 8pt;
	color: #555555;
	font-family: arial;
	background-color: #eaeacf;
	padding-left:20px;
	width:300px;
}
.CommentListOuterDiv
{
	border-left: dotted 1px #999999;
	border-right: dotted 1px #999999;
	border-bottom: dotted 1px #999999;
	width:374px;
	overflow:hidden;
	margin-left:3px;
	margin-right:3px;
}
.CommentListBottomDiv
{
	border-left: dotted 1px #999999;
	border-right: dotted 1px #999999;
	border-bottom: dotted 1px #999999;
	width:374px;
	overflow:hidden;
	margin-left:3px;
	margin-right:3px;
	font-family:Verdana,arial;
	font-size:xx-small;
	color:#787869;
	padding-bottom:5px;
	padding-top:3px;
}
.CommentListBottomDiv A:LINK,.CommentListBottomDiv A:VISITED,.CommentListBottomDiv A:ACTIVE,.CommentListBottomDiv A:HOVER
{
		font-family:Verdana,arial;
	font-size:xx-small;
	color:#787869;
	text-decoration:underline;
	font-weight:normal;
}