/* CSS Document */
 
/* PHOTOS PAGES */

.TagSearch { font-size: 11px; color: #666666; font-family:Arial, Helvetica, sans-serif; }

#TagBox { padding: 10px; border: solid 1px #eee; background: #f5f5f5; }
#TagBox a { text-decoration: none; }

#favoriteThumbs { width: 530px; margin-left: 135px; margin-right: 105px; }

.PopularPic { padding: 10px; width: 560px; }
.PopularPic td { vertical-align: top; padding: 10px 10px 20px 10px ; background-image: url(../images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; }
.PopularPic h4 { font-weight: bold; margin-top: 0px; }
.PopularPic p { font-size: 14px; width: 450px; }

.PhotoStream {margin-top:6px;margin-bottom:15px;}

.PhotosColumn {padding-top:5px}

.SetsColumn, .CollectionsColumn { width: 195px; background-color: #f5f5f5; padding-top:30px;}
* html .SetsColumn, * html .CollectionsColumn {width: 185px;}
.SetsColumn .SetSpace { padding-left: 38px; }
* html .SetsColumn .SetSpace { padding-left: 30px; }
.SetsColumn .SetSpace h3 {font-size: 15px;}
.SetsColumn .FriendlyNote {margin: -20px 10px 0;}
.SetsColumn .Set {text-align:center;width:115px; overflow:hidden;}
.SetsColumn .Set h4 {width:auto}
.SetsColumn .Set .SetCase {text-align:left;margin-left:12px}

/* zeus, wider right column */

body.zeus .SetsColumn .FriendlyNote {
	margin: 15px;
}

body.zeus .PhotosColumn.Big5Column {
	width: auto;
}

body.zeus .SetsColumn,
body.zeus .CollectionsColumn {
	background: #f7f7f7;
	width: 300px;
	padding-top: 15px;
	*padding-top: 10px;
}

body.zeus .CollectionsColumn .CollSpace,
body.zeus .SetsColumn .SetSpace {
	/* padding on left */
	padding-left: 0px;
}

body.zeus .CollectionsColumn .CollSpace {
	margin-top: 15px;
}

body.zeus .SetsColumn .Set {
	position: relative;
	clear: both;
	width: auto;
}

body.zeus .SetsColumn .Set .SetCase {
	margin-left: 15px;
	margin-top: 0px;
	width: 100px;
	*width: 114px;
}

body.zeus .CollectionsColumn .Coll {
	width: 290px; /* ? */
	height: auto;
	margin-bottom: 15px;
}

body.zeus .SetsColumn .Set .SetCase,
body.zeus .SetsColumn .Set .set-details,
body.zeus .CollectionsColumn .Coll .CollCase,
body.zeus .CollectionsColumn .Coll .collection-details {
	position: relative;
	float: left;
	display: inline;
	/*
	display: inline-block;
	*/
	text-align: left;
}

body.zeus .CollectionsColumn .Coll .CollCase {
	width: 110px;
	margin-left: 15px;
}

body.zeus .SetsColumn .Set .SetCase {
	width: 95px;
	*width: 98px;
}

body.zeus .SetsColumn .Set .set-details {
	width: 167px;
}

body.zeus .CollectionsColumn .Coll .collection-details {
	width: 150px;
}

body.zeus .SetsColumn .Set .set-details .set-detail-stats,
body.zeus .CollectionsColumn .Coll .collection-details .collection-detail-stats {
	line-height: 16px;
	color: #999;
	margin-top: 3px;
}

body.zeus .SetsColumn .Set .set-details .set-detail-stats .edit-details,
body.zeus .CollectionsColumn .Coll .collection-details .collection-detail-stats .edit-details {
	font-size: 11px;
}

body.zeus .SetsColumn .Set h4,
body.zeus .CollectionsColumn .Coll h4 {
	font-weight: normal;
	margin-top: 2px;
	font-size: 14px;
}

body.zeus .SetsColumn .more-sets {
	margin-left: 12px;
	margin-top: 0px;
}

body.zeus .PhotosColumn,
body.zeus .Big5Photo {
	position: relative;
	width: auto !important; /* must override legacy !important rule */
}

body.zeus .Big5Photo .Photo {
	font-size: 0px; /* fix for absolute bottom/left video play icon, etc. */
}

.Big5Column {padding-top:1px}
.Big5Column .Photo {margin-top:0 !important}
.Big5Column .Desc { width: 500px !important;  }

.Big5Photo {margin-bottom:80px;width: 500px !important;}
.Big5Photo h4 {width:500px !important}

body.zeus .Big5Photo span.photo_container a.pc_link {
	/* video "play" icon" */
	position: absolute;
	left: auto;
	top: auto;
	bottom: 3px;
	left: 5px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	vertical-align: bottom;
}

body.zeus .Big5Photo span.photo_container a.pc_link:hover {
	background: transparent;
}

body.zeus .Big5Photo span.photo_container a.pc_link img {
	/* undo any previous positioning from global flickr CSS (it used to be the play image that was absolute.) */
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	vertical-align: bottom;
}

.LastPhoto {margin-bottom:-40px;}

.Big5NoSets {padding-left:130px}


.CollectionsColumn { width: 195px; background-color: #f5f5f5; padding-top:35px}
.CollectionsColumn .CollSpace { padding-left: 45px; }
* html .CollectionsColumn .CollSpace {padding-left: 40px;}
.CollectionsColumn .CollSpace h3 {font-size: 15px;}
.CollectionsColumn .FriendlyNote {margin: -20px 10px 0;}
.CollectionsColumn .Coll {text-align:center;width: 100px;}
.CollectionsColumn .Coll h4 {width: auto;}
.CollectionsColumn .Coll .CollCase {text-align:left;margin-left:0px}


/* TAG PAGES */

#TagCloud { padding: 15px; border: solid 1px #eee; background: #f5f5f5; }
#TagCloud a { text-decoration: none; }

.AllTagList { margin-left: auto; margin-right: auto; }
.AllTagList tr {vertical-align: top; }
th.Lefty { font-size: 11px;padding-left: 60px;}
.AllTagList td { padding: 5px 15px 5px 5px; font-size: 12px; }
.AllTagList .Left { padding-left: 60px; font-size: 14px;  }
.AllTagList .PhotoCount { color: #999999; font-weight: normal; width: 100px; }
.AllTagList .StartsWith { font-family: Georgia, Times; font-size: 48px; float: left; width: 35px; position: absolute; z-index: 1; }
.AllTags li { line-height: 22px; }

.UserTagList { padding: 0px; margin-right: 10px; margin-bottom: 5px; text-align: center; float: left; width: 107px; height: 110px; }

/* PHOTOS OF PAGES */

.PhotosOfList { font-size: 11px; padding: 0px; margin-right: 10px; margin-bottom: 10px; float: left; text-align: center; width: 107px; height: 130px; *height: 133px; *width: 109px; *overflow: hidden; *margin-bottom: 20px; }
.RealName { color: #333; font-size: 75%; }
.photo-approval-count { margin-top: 0; }

/* PHOTOS OF APPROVAL PAGE */

#ptPendForm { margin-bottom: 40px; }
.ptPend table { width: 800px }
.ptPend tr td { border-collapse: collapse; padding: 20px 0 8px; background-image: url(../images/dotted.gif); background-repeat: repeat-x; background-position: left top; vertical-align: top; }
.ptPendPic { width: 260px; padding-right: 20px; text-align: center; }
.ptPendPic div { position: relative; text-align: left; }
.ptPendPic div .face-boundary { position: absolute; z-index: 1; opacity: .35; }
.ptPendPic div .face-boundary-hover { opacity: 1; }
.ptPendPic div .face-boundary div.outer-border 	{ position: absolute; top: 0; left: 0; border: 1px solid #000; opacity: .25; }
.ptPendPic div .face-boundary div.main-border 	{ position: absolute; top: 1px; left: 1px; border: 1px solid #fff; }
.ptPendPic div .face-boundary div.inner-border 	{ border: 1px solid #000; opacity: .05; }
.ptPend tr td.ptPendDesc { width: 500px; padding: 0 0 20px; background: none; }
.ptPendWho { color: #999; font-size: 11px; }
.ptPend h4 { font-size: 14px; margin: 0 0 5px; }
.ptFrom { margin-top: 0; color: #999; font-size: 11px; }
.ptPend tr td.ptPendMod { padding-left: 50px; vertical-align: top; }
.ptPendMod p { margin: 0 0 .25em 0; font-size: 13px; }
.ptPendMod p.ptPendWho { margin: 0 0 20px; font-size: 13px; line-height: 17px; color: #000; }
.ptPendTags img { margin-right: 10px; }
.ptPendTags a { text-decoration: none; }
.ptPendAll { text-align: right; margin-bottom: .25em; margin-right: 1em; }
.ptPendAll a { text-decoration: none; }
.ptLast { padding-top: 5px; background-image: url(../images/dotted.gif); background-repeat: repeat-x; background-position: left top; }

#approve_top_selected,
#deny_top_selected,
#leave_top_selected,
#approve_bottom_selected,
#deny_bottom_selected,
#leave_bottom_selected { display: none; }

#notes_text_span p.flickr-user { margin: 0; min-height: 24px; }
#notes_text_span p.flickr-user span.name { line-height: 13px; }
#notes_text_span p.flickr-user span.name span.realname { color: #777; }

/* BATCH OPS */

.Batch { padding: 0px 5px 10px 5px; }
.BatchList { margin-top: 0px; width: 100%; }
.BatchList tr { vertical-align: top; }
.BatchList td { padding-top: 10px; padding-bottom: 40px; border-bottom: solid 3px #e6e6e6; }
.BatchPic { text-align: center; padding: 20px 30px 10px 30px; }
.BatchPic img { margin-top: 10px; }
.BatchForm { width: 100%; }
.BatchForm td { border: none; padding: 5px; }
.BatchDesc { font-size: 14px; padding-bottom: 15px; text-align: center; }
.BatchOpList { width: 50%; border-right: solid 5px #e6e6e6; }
.BatchOpList p { font: 11px Arial, Helvetica, sans-serif; padding: 0px; margin-right: 10px; margin-bottom: 10px; float: left; text-align: center; width: 75px; height: 90px; }
.BatchOptions { width: 50%; border-left: solid 5px #e6e6e6;   padding: 20px 10px 20px 20px; font-size: 14px; }

.OneOption { padding: 10px; margin: 10px; border: solid 1px #e6e6e6; }
.OneOption h4 { margin-top: 0; }

/* View of user photo stream pages, 1 column or two */
/* Could be consolidated with the DetailView below */

.StreamView { width: 250px; }
.StreamView h4 { margin-bottom: 0px; margin-top: 0px; font-size: 14px; width: 240px; overflow: hidden; }
.StreamView .Photo { margin-top: 3px; margin-bottom: 5px; }
.StreamView .Desc { font-size: 12px; width: 225px; margin-top: 5px; margin-bottom: 0px; }
.StreamView .Privacy { font-size: 11px; margin-top: 10px; margin-bottom: 2px; width: 240px; color: #999999; }
.StreamView .Privacy img { border: none; margin-bottom: 3px; vertical-align: middle; }
.StreamView .Privacy img.f-sprite { width:15px; height:15px; }
.StreamView .Do { font-size: 11px;  margin-top: 0px; margin-bottom: 0px; color: #999999; }
.StreamView .DoFirst { margin-top: 10px; }
.StreamView .Activity { font-size: 11px; color: #999999; margin-bottom: 25px; margin-top: 4px;  width: 240px; }

body.zeus .PhotoStream.ps-photos-only .StreamView {
	/* page 2+ of photostream, and/or no-sets/collections, no right column case */
	/* center "StreamView" (smaller photos) within their containers */
	margin-left: auto;
	margin-right: auto;
}

body.zeus .PhotoStream.ps-photos-only .PhotosColumn table td {
	/* undo weird 1px padding on all sides */
	padding: 0px;
}

/* for 240px detail list view on a photo, with permissions, comments etc */

.DetailView { width: 240px; margin-bottom: 20px; }
.DetailView h4 { margin-bottom: 0px; margin-top: 0px; font-size: 14px; width: 240px; }
.DetailView .Photo { margin-top: 3px; margin-bottom: 5px; padding-top:4px; }
.DetailView .Desc { font-size: 12px; width: 225px; margin-top: 5px; margin-bottom: 5px; }
.DetailView .Meta { width: 235px; margin:0 0 6px 0; }
.DetailView .MetaDetail { margin-top: 5px; }
.DetailView .Do { font-size: 11px; color: #999999; margin-bottom: 18px; margin-top: 6px; width: 240px; }

/* Recent Activity */

.RecentActivity { width: 640px; margin-top: 10px; margin-bottom: 5px; margin-left: 60px; }
.RecentActivity tr { vertical-align: top; }
.RecentActivity td {  }
.RecentActivity .Object { padding-left: 10px; padding-top: 5px; padding-bottom: 30px; }
.RecentActivity .Guts { width: 100%; border: none; }
.Guts h2 { margin-bottom: 0px; padding-top: 5px; font-weight: normal; }
.Guts .Who { text-align: right; font-size: 11px; padding-right: 5px; vertical-align: middle; }

.NewComments { width: 100%; margin-left: 10px; margin-top: 10px; }
.NewComments td { vertical-align: top; padding: 3px 3px 6px 3px; margin: 0px; background-image: none; font-size: 12px; }
/* .NewComments img { margin-right: 10px; } */
.NewComments .Icon { text-align: right; }
.NewComments .Icon img { vertical-align: top; border: none; margin-right: 0px; margin-top: 8px; }
.NewComments .YouSaid { background: #fbfbfb; font-style: italic; color: #888; }
.NewComments .YouSaidIcon { background: #fbfbfb; font-style: italic; color: #888; text-align: right; }
.NewComments .YouSaidIcon img { vertical-align: top; border: none; margin-right: 0px; margin-top: 8px; }
.NewComments small { padding-left: 20px; }
.HowMany { font: normal 12px Arial, Helvetica, sans-serif; margin-top: 0px; padding-left: 8px; }

table.activity_header {width:100%}
.activity_filter {text-align:right;font-size:12px;}

/* Upload, describe */

.Describe {}
.Describe .ThisPhoto { width: 250px; text-align:center; vertical-align:top; padding: 10px 20px 10px 5px; background-image: url(../images/dotted.gif); background-repeat: repeat-x; background-position: left top; }
.Describe .As { vertical-align:top; padding-top: 10px; background-image: url(../images/dotted.gif); background-repeat: repeat-x; background-position: left top; }

/* EDIT PHOTO DATES */

h3.Tab { border-bottom: 3px solid #f1f1f1; padding-left: 15px; margin-top: 5px; margin-bottom: 15px; }
.TabIn { background: #ffffff; padding: 3px 11px 3px 11px; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #fff; margin-right: 3px; margin-left: 3px; }
.TabOut { font-size: 13px; color: #333; background: #f1f1f1; padding: 2px 8px 4px 8px; }

.DateCase { padding: 10px; }
.DateThumb { float: right; width: 150px; height: 150px; text-align: center; }
#takenDate {  }
#takenRange {  }

/* Upload Progress */

.ReadThis { font-size: 12px; width: 350px; padding:30px; background-color: #FBFFCC; }

.IgnoreList li { font-size: 14px; }



/* ############################ */
/*      Post-Upload             */
/* ############################ */


.uploads_intro {margin-top: -14px;;color: #666;;}

.photos-edit ul, .photos-edit li { margin:0px; padding:0px; position: relative;}
.photos-edit ul { list-style-type:none; clear:both;margin-bottom:30px;float:left;width:760px;padding:10px 10px}
* html .photos-edit ul {width: 780px;}
.photos-edit ul.rows {background-color:#efefef}

.photos-edit div.thumb {position:relative;}

.photos-edit ul.tall div.thumb {min-height:240px;_height:240px}

#photo-items li { float:left; display:block; width:240px; margin-right:20px }
#photo-items li.col_3 {margin:0}
#photo-items li div.photo_title {padding:6px 0}
#photo-items label {font-size:11px;color:#666}
#photo-items .photo_title input {font-size:14px}
.photo_description, .photo_tags {padding:6px 0}
.photo_description p.Problem { width: auto; background: #ffffcc url(../images/icon_alert.png) no-repeat 6px 8px; margin: 0; padding: 8px 8px 8px 28px; font-size: 12px; }
#photo-items li input, #photo-items li textarea {width:240px}
#photo-items li textarea {height:12em}



.batch-operations h4 {margin:0 0 .5em 0}
.batch-operations .tags { float:left; background:#eee; padding:10px; width: 345px;_width: 365px;_height: 95px;}
.batch-operations #tags { width:280px; }
    
.batch-operations .batch-sets { padding:10px; float:left;  background:#eee; margin-left:50px; position:relative;width: 345px;_width: 365px;_height: 95px;}
.batch-operations .batch-sets select { width:100%; }
p.create_set_link#create_new_set_text {position:absolute; top:0; _top:1em; right:1em; font-size:11px;}
.set_meta { width:300px; }
#create_new_set { height:1px; overflow:hidden; display:none;}

.submit_describe {text-align: center;}
.submit_describe .Butt {font-size: 18px;}


.submit_describe #privacy-controls div {text-align:left;width:200px;background:#efefef;margin:auto;padding:5px;font-size:12px;}
.submit_describe .note {color:#666}

.privacy-closed#privacy-controls #who-can-see {display:none}
.privacy-closed#privacy-controls div {display:none}
.privacy-closed h4 {font-weight:normal;color:#666;font-size:11px;margin-bottom:25px;}
.privacy-closed#privacy-controls #change {display:block}
#privacy-controls #change {display:none}




/* ############################ */
/*            BADGE             */
/* ############################ */

.BadgeImg { padding-left: 15px; }

.StepBox { margin-top: 0; margin-bottom: 15px; }
.StepBox td { padding: 5px; }
.Steps { width: 150px; background: #f5f5f5; border-bottom: 1px solid #eed;}
.Steps .What { color: #777; }
.InStep { width: 150px; border-top: 1px solid #eed; border-left: 1px solid #eed; border-right: 1px solid #eed;}
.InStep .Number { color: #FF0084; }
.Number { color: #777; font-family: Georgia, Times; font-size: 30px; float: left; margin: -8px 3px 30px 2px;}
.What { font: normal 11px Arial, Helvetica, sans-serif; }
.Chose { color: #777; font: normal 11px Arial, Helvetica, sans-serif; font-style: italic; }

.PhotoChoice { margin-left: 20px; width: 500px;	border: none; margin-top: 5px; }
.PhotoChoice td { background-color: #f3f3f3; }

#preview_box { width: 100%; height: 200px; background: url(../images/badge_preview_bg.gif) repeat left top; border: 5px solid #f3f3f3; text-align: center; vertical-align: middle; padding: 30px; }
.PreviewFour { background: url(../images/badge_preview_bg.gif) repeat left top; border: 5px solid #f3f3f3; }


/* ################################ */
/* JOIN MESSAGE FOR LOGGED OUT USER */
/* ################################ */

#photostream-join-container					{ overflow: hidden; margin: 11px 0 -15px 0; *margin-bottom: -24px; }
#photostream-join-msg						{ position: relative; float: left; padding: 12px 170px 12px 14px; *padding-bottom: 0; background: #e0ebf7; }

#photostream-join-content					{ float: left; /*width: 500px; max-width: 622px;*/ }
#photostream-join-content h2				{ margin: 0 0 2px; font-size: 13px; font-weight: bold; }
#photostream-join-content p					{ margin: 0; font-size: 13px; color: #282828; }

#photostream-join-action					{ position: absolute; top: 13px; right: 20px; width: 130px; float: left; text-align: center; }
#photostream-join-action .ActionButt		{ display: block; padding: 8px; background: #0063DC url(../images/action-butt-bkgd.png) repeat-x 0 -21px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; }
#photostream-join-action .ActionButt:hover	{ background: #0063DC; }
#photostream-join-action .ActionButt:active	{ background: #0054bd; }
#photostream-join-action p.button-caption	{ margin: 4px 0 0; font-size: 10px; color: #666; }

#photostream-join-close						{ display: none; position: absolute; top: 4px; right: 4px; width: 13px; height: 13px; background: url(../images/dismiss_x_small.png) no-repeat 0 0; text-decoration: none; text-indent: -999em; }
#photostream-join-close:hover				{ background-position: 0 -26px; }

#photostream-join-arrow						{ width: 21px; height: 10px; clear: both; margin-left: 23px; background: url(../images/blue_arrow_down.gif) no-repeat 0 0; }