/*### collection styles ###*/

.collection_wrapper                         {   width:100%; margin-top:8px; padding-top:5px; border-top:dotted 1px #ccc;  }

.album_collection                           {   padding:10px; }
    .album_collection  td                   {   padding:4px; }

.album_sort_collection                      {   margin:0px; padding:0px; }
    .album_sort_collection li               {   list-style:none; float:left; margin:4px; padding:0px;  }

.photo_header                               {    }
    .photo_header  h1.title                 {   margin:2px 0px;  }
    .photo_header  .controls                {   margin:10px 0px 0px 0px;  }

.photo_footer                               {   width:100%; margin-top:15px; }
    .photo_footer  .controls                {   margin:0px; }
    .photo_footer  .controls a              {   text-decoration:none; }
    .photo_footer  .controls li             {   list-style:none; padding:4px 0; border-bottom:solid 1px #999;}
    .photo_footer  .controls li:hover       {   background:#ddd; color:#fff; }

/*### frame styles ###*/

.album_frame                                {   width:140px; overflow:hidden; }
    .album_frame img                        {   width:130px; background:#fff; padding:4px; border:solid 1px #ccc;  }

.album_photo_frame                          {   width:140px; overflow:hidden; }
    .album_photo_frame img                  {   width:130px; background:#fff; padding:4px; border:solid 1px #ccc;  }

.photo_frame                                {    }
    .photo_frame img                        {   background:#fff; padding:4px; border:solid 1px #ccc;  }

.album_frame .caption,                       
.album_photo_frame .caption,                       
.photo_frame .caption                       
                                            {   margin:0px; padding:0px 4px; font-size:86%; color:#999; }
.album_frame .caption h1,                       
.album_photo_frame .caption h1,                       
.photo_frame .caption h1                       
                                            {   width:130px; color:#000; margin:0px; font-size:100%; }

/* overrides */
.album_sort_collection .album_photo_frame img   
                                            {   height:100px;  }

/*### search styles ###*/

.photo_search_results						{	  }
    .photo_search_results  td               {   padding:5px; }

/*### edit styles ###*/     

.photo_edit                                 {   width:99%; background:#fff;  border:solid 1px #ccc; margin:4px; }
    .photo_edit     td                      {   padding:8px;  }
    .photo_edit     table   td              {   padding:8px;   }
    .photo_edit     table   .photo_frame    {   width:210px;   }

/*### upload styles ###*/

.upload-table td                            {   padding:5px;}
#fileUploadContainer                        {   padding:4px; width:400px; height:200px;overflow:auto;}


/*### comment styles ###*/

.media_comment								{	padding:5px; width:400px;}
    .media_comment table					{	width:100%; color:#999; }
    .media_comment tr						{	background:#f7f7f7;  }
    .media_comment td						{	padding:5px; vertical-align:top; border-bottom:3px solid #fff; }
    .media_comment p.comment				{	color:#000; margin:0px; padding:2px 0; }
    .media_comment img						{	width:32px; height:32px;}
    .media_comment textarea					{	width:400px; height:40px; margin-bottom:10px; }

/*### Photo nav ###*/

/*--- Overload Generic RS Paging css ---*/

.pager-nav									{	margin:0px; float:right;   }
	.pager-nav .page						{	width:25px; height:25px;	}
	.pager-nav .page a						{	line-height:25px;  }

.photo-page-nav                             {   margin:0px; margin-top:-30px; margin-bottom:30px; }
    .photo-page-nav  li                     {   list-style:none; float:left; margin-right:10px;}
    .photo-page-nav  li.add                 {   margin-left:40px;}
    .photo-page-nav  li.current a           {   font-weight:bold;}

.media-nav-left                             {   width:160px; padding-top:32px; }
    .media-nav-left  ul                     {   margin:0px 0px 10px 0px; border:1px solid #ccc; }
    .media-nav-left  ul li                  {   list-style:none; padding:1px 0px 2px 5px;}
    .media-nav-left  ul li.title            {   font-weight:bold; color:#000; background:#eee; padding:3px 2px;}
    .media-nav-left  ul li.subitem          {   font-size:xx-small; padding-left:15px; padding-bottom:2px;}
    .media-nav-left  ul li.current a        {   font-weight:bold; }
    .media-nav-left  ul li.more             {   margin-bottom:2px; margin-right:3px;}

/*### future stuff ###*/

#rotateleft, #rotateright                   {   cursor:pointer;width:30px;float:left;position:relative; margin:5px 0px;}
#rotateright                                {   text-align:right;}
#rotateleft a                               {   display:block;width:25px;height:25px;background:white url(images/rotateleft.gif) no-repeat 0px 0px;border-bottom:1px solid #fff;}
#rotateleft a:hover                         {   background:#3B5998 url(images/rotatelefthover.gif) no-repeat 0px 0px;}
#rotateright a                              {   display:block;width:25px;height:25px;background:white url(images/rotateright.gif) no-repeat 0px 0px;border-bottom:1px solid #fff;}
#rotateright a:hover                        {   background:#3B5998 url(images/rotaterighthover.gif) no-repeat 0px 0px;}
#rotateleft a:hover, #rotateright a:hover   {   text-decoration:none;color:white;}