/****************************************************************************** 
 * PICTURES CSS                              
 ******************************************************************************/
 
.PicturesLeft { float: left; padding: 10px; width: 200px; }
.PicturesLeftNoPadding { clear:both; float: left; padding: 0px; margin-left: -10px; width: 200px; }
.PicturesMid { float: left; padding: 10px; width: 400px; background-color: #F6F6F6; }
.PicturesMid2 { float: left; padding: 2px 10px 10px 10px; width: 660px; background-color: #F2F2F2; }
.PicturesMid3 { float: left; padding: 10px 10px 0px 10px; width: 660px; background-color: #F2F2F2; }
.PicturesRight { float: right; padding: 10px 10px 10px 0px; width: 240px; }
.PicturesSubRight1 { padding: 10px; margin: 5px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333; border: 1px solid #CCC; background-color:#F5F5F5; }
.PicturesSubRight2 { }
.PicturesNotFound { padding: 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.PaginationTop { float: left; padding: 10px 10px 0px 10px; width: 660px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F6F6F6; }
.PaginationBot { float: left; padding: 10px 10px 10px 10px; width: 638px; height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 1px solid #CCC; }
.PageBlank {}
.PageInfo { padding-right: 10px; width: 100px; height: 16px; text-align:right; }
.PageDot { width: 20px; text-align: center;}
.PageOn  {
	width: 18px;
	height: 16px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-image: url(../_images/icons/page_on.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
}
.PageOff {
	width: 18px;
	height: 16px;
	text-align: center;
	color: #333;
	background-image: url(../_images/icons/page_off.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
}

A.LinkPage:link, A.LinkPage:visited { display: block; padding-top: 1px; width: 18px; height: 15px; color:#000; text-align: center; text-decoration:none; }
A.LinkPage:hover, A.LinkPage:active { display: block; padding-top: 1px; width: 18px; height: 15px; color:#FFF; text-align: center; text-decoration:none; }

.PicturesMidWrapper { border: 1px solid #CCC; border-bottom: none; }
.PicturesListHeader { padding: 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000; background-color: #EFEFEF; border-top: 1px solid #FFF; border-bottom: 1px solid #CCC; }
.PicturesMidList { background-color: #FFF; border-bottom: 1px solid #CCC; cursor: pointer; }
.PicturesMidListLeft { float: left; width: 122px; padding: 10px; }
.PicturesMidListRight { float: right; width: 505px; padding: 10px 10px 10px 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#555; }
.PicturesMidDate { padding-bottom: 3px; margin-bottom: 3px; font-family: Trebuchet, Trebuchet MS, Arial, Verdana, sans-serif; font-size: 9px; color: #666; text-transform: uppercase; border-bottom: 1px dotted #CCC; } 
.PicturesFilterText { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.HoverBgd { background-color:#F2F2F2; }
.PicturePic { float: left; padding: 5px; margin: 2px 2px 0px 0px; width: 150px; border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: center; background-color:#FFFFFF; }
#CoolIrisWrapper { overflow: hidden; padding: 0 0 10px 0; margin-top: 10px; width: 660px; height: 480px;  }
#PicturesWrapper { overflow: hidden; padding: 0 0 0 0;}
.PictureWrapper { display: block; overflow: hidden; width: 150px; height: 100px; }
#PictureWrapper { display: block; overflow: hidden; width: 150px; height: 100px; }
 
.PictureLeft { float: left; padding: 10px; width: 580px; background-color: #F6F6F6; }
.PictureRight { float: right; padding: 10px; width: 280px; }
.PictureHeader { font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #000; }
.PicturePlayer {padding: 0; background-color:#EFEFEF;}
.PictureStats { clear: both; padding: 10px; margin: 10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333; border: 1px solid #CCC; background-color:#FFF;}
.PictureText { padding: 10px; margin: 10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333; border: 1px solid #CCC; background-color:#FFF;}
.PictureComments { padding: 10px; margin: 10px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333; border: 1px solid #CCC; background-color:#FFF;}

.PictureCatTable,
.PicturesFilter { margin-bottom: 10px; border-bottom: 1px solid #CCC; }
.HeaderOutline { border: 1px solid #CCC; }
.PictureCatHeader { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000; border-top: 1px solid #FFF; background-color: #f3f3f3; }
.PictureCatListing { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.PictureCatListingLeft { float: left; margin-right: 5px; width:25px; height:25px; overflow:hidden; border:1px solid #666; cursor: pointer;}
.PictureCatListingRight { float: left; width: 135px; cursor: pointer;}

/* ADVANCED SUB CAT MENU */
.PicSubLoading { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; text-align:center;}
.PicSubCatBgd {
	background-image: url(../_images/buttons/sub_cat.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height: 27px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	outline: none;
}
.PicSubCatActive {
	background-image: url(../_images/buttons/sub_cat_active.gif) !important;
}
.PicSubCatLeft {
	float: left;
	margin: 0px;
	padding: 5px 5px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	width: 161px;
}
a.PicSubCatLeft { color: #666; outline:none; }
.PicSubCatActive > a.PicSubCatLeft { color: #FFF; outline:none; }

.PicSubCatRight, .PicSubCatRightOn, .PicSubCatRightActive {
	float: right;
	padding: 0px;
	margin: 0px;
	height: 27px;
	width: 27px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.PicSubCatRight 	{ background-image: url(../_images/buttons/sub_cat_right.gif); }
.PicSubCatRightOn   { background-image: url(../_images/buttons/sub_cat_down2.gif); }
.PicSubCatRightActive { background-image: url(../_images/buttons/sub_cat_down_active.gif); }

.PictureSubCatListing, .PictureSubCatListingOn { padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; border-bottom: 1px dotted #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.PictureSubCatListingOn { background-color: #F6F6F6; color: #000; }

A.LinkSub:link, A.LinkSub:visited { display: block; overflow: auto; padding: 5px; color:#666; text-decoration:none; background-color: #FFF; cursor: pointer; }
A.LinkSub:hover, A.LinkSub:active { display: block; overflow: auto; padding: 5px; color:#000; text-decoration:none; background-color: #EFEFEF; cursor: pointer; }

A.LinkSubActive:link, A.LinkSubActive:visited { display: block; overflow: auto; padding: 5px; color:#FFF; text-decoration:none; background-color: #999; }
A.LinkSubActive:hover, A.LinkSubActive:active { display: block; overflow: auto; padding: 5px; color:#FFF; text-decoration:none; background-color: #999; }

A.Sorting:link, A.Sorting:visited { display: block; padding: 5px; color:#666; text-decoration:none; }
A.Sorting:hover, A.Sorting:active { display: block; padding: 5px; color:#000; text-decoration:none; }

A.SortingActive:link, A.SortingActive:visited { display: block; padding: 5px; color:#000; text-decoration: underline; }
A.SortingActive:hover, A.SortingActive:active { display: block; padding: 5px; color:#000; text-decoration: underline; }