/* START PhotoX  */

body{
	height:100%;
	width:100%;
	margin:10px;
	padding-left:0px;
}
form{
	display:inline;
}
.imageBox,.imageBoxHighlighted{
	width:140px;	/* Total width of each image box */
	height:140px;	/* Total height of each image box */
	float:left;
	padding-left: 10px;
	padding-right: 10px;
}
.imageBox_theImage{
	width:122px;	/* Width of image */
	height:122px;	/* Height of image */
	background-position: center center;
	background-repeat: no-repeat;		
	margin: 0 auto;
	margin-bottom:2px;
}
.imageBox_theImage:hover{
	opacity:0.4;	/* 40 % opacity */
	filter:alpha(opacity=40);	/* 40 % opacity */
}
.imageBox_theImage:hover img{
	opacity:0.4;	/* 40 % opacity */
	filter:alpha(opacity=40);	/* 40 % opacity */
}
.imageBox .imageBox_theImage{
	padding:2px;
}
.imageBoxHighlighted .imageBox_theImage{
	border:3px solid #316AC5;	/* Border color for selected image */
	padding:0px;
}
.imageBoxHighlighted span{	/* Title of selected image */
	background-color: #316AC5;
	color:#FFFFFF;
	padding:2px;
}
.imageBox_label{	/* Title of images - both selected and not selected */
	text-align:center;
	font-family: arial;
	font-size:11px;		
	padding-top:2px;
	margin: 0 auto;
}
#insertionMarker{
	height:110px;
	width:6px;
	position:absolute;
	display:none;
}
#insertionMarkerLine{
	width:0px;	/* No need to change this value */
	height:0px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */
}
#insertionMarker img{
	float:left;
}
#dragDropContent{
	opacity:0.4;	/* 40 % opacity */
	filter:alpha(opacity=40);	/* 40 % opacity */
	position:absolute;
	z-index:10;
	display:none;		
}
.pxtable_main{
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	background-color: #f7f7f7;
}
.pxtable_main2{
	padding-bottom: 5px;
	background-color: #f7f7f7;
}
.pxtable_main3{
	padding: 30px;
	background-color: #f7f7f7;
}
.pxmpage{
	padding-top: 20px;
}
.pxhdr_bar{
	font-weight: bold;
	color: #444444;
	font-size: 10pt;
	padding:5px;
	background-color: #edeff4;
}
.pxhdr_bar_sub{
	color: #000000;
	font-size: 8pt;
	padding: 5px;
}
.pxhdr_bar_sub a{
	color: #3b5998;
	font-size: 8pt;
	padding: 1px;
	text-decoration: none;
}
.pxhdr_bar_sub a:hover{
	color: #FFFFFF;
	font-size: 8pt;
	padding: 1px;
	text-decoration: none;
	background-color: #3b5998;
}
.pxhdr_options{
	color: #000000;
	font-size: 8pt;
	padding: 1px;
}
.pxhdr_options a{
	color: #3b5998;
	font-size: 8pt;
	padding: 1px;
	text-decoration: none;
}
.pxhdr_options a:hover{
	color: #FFFFFF;
	font-size: 8pt;
	padding: 1px;
	text-decoration: none;
	background-color: #3b5998;
}
.pxhdr_options2{
	color: #000000;
	font-size: 8pt;
	padding: 1px;
	text-align: right;
}
.pxhdr_options2 a{
	color: #3b5998;
	font-size: 8pt;
	padding: 1px;
	text-decoration: none;
}
.pxhdr_options2 a:hover{
	color: #FFFFFF;
	font-size: 8pt;
	padding: 1px;
	text-decoration: none;
	background-color: #3b5998;
}
.px_options{
	color: #636363;
	font-size: 8pt;
	padding: 1px;
	text-decoration: none;
}
.px_options a{
	color: #4b4b4b;
	font-size: 8pt;
	padding: 1px;
	text-decoration: none;
}
.px_options a:hover{
	color: #636363;
	font-size: 8pt;
	padding: 1px;
	text-decoration: none;
}
.pxphoto_caption{
	padding-top:5px;
	color: #878787;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
}
.pxphoto_description{
	padding-top:5px;
	color: #878787;
	font-size: 8pt;
	text-align: center;
}
.pxphoto_stats{
	padding-top:5px;
	color: #464646;
	font-size: 8pt;
}
.pxphoto_stats a{
	padding-top:5px;
	color: #3b5998;
	font-size: 8pt;
	text-decoration: none;
}
.pxphoto_stats a:hover{
	color: #3b5998;
	font-size: 8pt;
	text-decoration: underline;
}
.pxphoto_title{
	width:122px;
	font-weight: bold;
	color: #047dc6;
	font-size: 7pt;
}
.pxphoto_edit{
	width:122px;
	padding-left: 6px;
	padding-right: 6px;
}

.pxphoto_comments{
	padding-top:5px;
	color: #0164a5;
	width:122px;
	font-weight: bold;
	font-size: 8pt;
}
.pxphoto_comments a{
	padding-top:5px;
	color: #0164a5;
	width:122px;
	font-weight: bold;
	text-decoration: none;
}
.pxphoto_comments a:hover{
	padding-top:5px;
	color: #0164a5;
	width:122px;
	font-weight: bold;
	text-decoration: underline;
}
.pxalbum_title{
	font-weight: bold;
	color: #047dc6;
	font-size: 7pt;
	width: 600px;
}
.pxalbum_count{
	color: #636363;
	font-size: 7pt;
}
.pxalbum_edit{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.pxalbum_options{
	color: #000000;
	font-size: 7pt;
	padding: 1px;
}
.pxalbum_options a{
	color: #3b5998;
	font-size: 7pt;
	padding: 1px;
	text-decoration: none;
}
.pxalbum_options a:hover{
	color: #FFFFFF;
	font-size: 7pt;
	padding: 1px;
	text-decoration: none;
	background-color: #3b5998;
}





.pxtext_header{
	color: #6698cb;
	font-weight: bold;
	font-size: 12pt;
}
.pxtext_comments{
	padding: 5px;
	color: #000000;
	font-size: 8pt;
	background-color: #f7f7f7;
	border-top: 1px solid #FFFFFF;
}
.pxtext_comments a{
	color: #6698cb;
	font-weight: bold;
	font-size: 8pt;
}
.pxtext_comments_box{

}
.pxhdr_pgs{
}
.pxphoto_photo{
	padding: 4px;
}
.pxbuttons{
	background-color: #1fa1ff;
	border: 1px solid #0082e0;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
}
.pxbuttons a{
	color: #FFFFFF;
	text-decoration: none;
}
.pxbuttons a:hover{
	color: #a1d8ff;
	text-decoration: underline;
}

.pxphoto_tip{
	background-color: #FFFFCC;
	border: 1px solid #FF3A35;
}
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url(alt_star.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	float: left;
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	line-height:25px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a:hover{
	background: url(alt_star.gif) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url(alt_star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
a:active{
	outline: none;
}

/* END PhotoX  */