/* CSS Document */
 
/* WTF IS THIS? I CAN FIND NO REFERENCE TO IT IN THE REST OF THE SITE CODE */ 
#cfSearch {position:absolute;font-size:12px;text-align:right;width:750px;top:100px}

/* STANDARD SEARCH HEADER - CHOICES + SEARCH FIELD */

.Areas { height: 50px; background-image: url(/images/search_header_border.gif); background-repeat: repeat-x; background-position: left bottom; margin: 15px 0 1px 0; position: relative;}
* html .Areas {z-index: -1;}
.Areas h1 { float: left; width: 160px; margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 15px; }
.In { float: left; margin-top: 22px; margin-right: 8px; padding: 5px 8px 5px 8px; border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #fff; border-left: 1px solid #f1f1f1; background: #fff; font-size: 14px; font-weight: bold; color: #FF0084; }
.Out { float: left; margin-top: 25px; margin-right: 8px; font-size: 12px; padding: 5px 8px 5px 8px; background: #f1f1f1; }
.TabNot {font-size:11px;position:absolute;right:0;top:.5em;background:url(/images/icon_help.gif) no-repeat;padding-left:20px;line-height:16px;color:#999}

.For { float: left; width:800px;  background-image: url(/images/search_box_bg.jpg); background-repeat: repeat-x; background-position: left bottom; vertical-align: middle; padding: 8px 0 2px 0;}
* html .For {float:none;} /*Firefox needs the float to display properly, IE hates it*/
.Filter { float: left; width: 240px; height: 65px; text-align: right; padding-right: 5px; }
.Filter .Fixed { width: 200px; }
.This { float: left; width: 500px; height: 65px; }
.This p { margin-bottom: 0px; }
.Toggle { margin-top: 3px; }
.This small {position:absolute;}

#standard_q {width: 300px;}

/* ADVANCED */

.Advanced { width: 760px; }
.Advanced tr { vertical-align: top; }
.Advanced td { padding-top: 3px; padding-bottom: 3px; width: 195px; }

.Advanced h4 { margin-top: 0; }

.Advanced .Tip { padding-right: 50px; }

/* STANDARD SEARCH RESULTS - DISPLAY # OF RESULTS + VIEW OPTIONS */

.ResultSet { margin-top: 0px; padding: 20px 0 0 20px; width:100%;  clear: both; position:relative}
* html .ResultSet {clear: none;}

.queryterm { color: #FF0084; font-weight: bold;}
.queryspecial { color: #666; }

.Found { padding-top: 0; padding-left: 25px; padding-bottom: 5px; font-size: 12px; background: url(/images/icon_confirm.jpg) no-repeat left top; text-align: left; color: #000000; }
.NoneFound { padding-top: 0; padding-left: 25px; padding-bottom: 5px; font-size: 12px; background: url(/images/icon_error.jpg) no-repeat left top; text-align: left; color: #000000; }
.SortOptions { float: left; margin-top: 8px; margin-left: 8px; font-weight: normal; font-size: 11px; color: #666666; width:750px; }
.SortOptions b { color: #999999; } 
.SortOptions a { text-decoration: none; }
.Switch { font-size: 12px; float: right; text-align: right; width: 200px; }

.SearchTerm { background: #fef4a1; font-weight: bold; }

.Related { color: #555; padding-left: 35px; margin-top: -12px; margin-bottom: 20px; }

#ySearch {margin-top:25px}
#ySearch p {font-size: 11px;margin-top: 15px;}


/* CLUSTERS */
div.Clusters {margin-bottom:2.5em;}
div.ClusterRow {float:left;width:235px;margin-right:10px;}
* html div.ClusterRow {width: 225px;}
div.Clusters div.last {margin-right:0}
div.ClusterRow .ClusterImage {width:85px;float:left;}
div.ClusterRow .ClusterInfo div {font-size:13px;color:#666}
div.ClusterRow .ClusterInfo strong {color:black}
div.ClusterRow .ClusterMore {font-weight:bold;font-size:12px}
p.ClustersMore {text-align:right}

/* ALL RESULTS LISTS */

div.ShowAnAd { width: 760px; }
.AdColumn { text-align: left; padding-left: 30px; }
div.AdSpot { float: right; margin-top: 20px; width: 200px; height: 100%; }
#AdBlock { background-color:#fff; border-left:0;border-left: 1px solid #ccc; padding-left: 10px; padding-bottom: 10px; margin-top: 0; }


/* LARGE VIEW */
/* PHOTOS @ 240px, Just photos, not meta stuff */

.ResultsLarge { margin-top: 20px; float: left; }
.ResultsLarge div { float: left; width: 260px; height: 300px; text-align: center; }
.ResultsLarge p { font: 11px Arial, Helvetica, sans-serif; margin-top: 5px; }

.ResultsLargeAd { margin-top: 20px; float: left; width: 530px; }
.ResultsLargeAd div { float: left; width: 260px; height: 300px; text-align: center; }
.ResultsLargeAd p { font: 11px Arial, Helvetica, sans-serif; margin-top: 5px; }

.ResultsThumbs { margin-top: 20px; width:100%;}
.ResultsThumbs div.ResultsThumbsChild { position:relative; padding: 0px; margin: 5px 5px 0 5px; float: left; text-align: center; width: 116px; height: 130px; }
.ResultsThumbs p.ResultsThumbsChild { font: 11px Arial, Helvetica, sans-serif; margin-top: 5px; }
.ResultsThumbs p.isGetty { margin-right:11px; }
.ResultsThumbs div.ResultsThumbsChildMedium { padding: 0px; margin: 5px 5px 0 5px; float: left; text-align: center; width: 256px; height: 286px; }
.ResultsThumbs p.ResultsThumbsChildMedium { font: 11px Arial, Helvetica, sans-serif; margin-top: 5px; }
.ResultsThumbs p.ResultsThumbsChildMediumTitle { font: 11px Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; }

.ResultsThumbs .gettyIcon {position:absolute;right:8px;}

.ResultsThumbsAd { margin-top: 20px; float: left; width: 530px; }
.ResultsThumbsAd div { padding: 0px; margin-right: 10px; margin-bottom: 5px; float: left; text-align: center; width: 120px; height: 130px; }
.ResultsThumbsAd p { font: 11px Arial, Helvetica, sans-serif; margin-top: 5px; }


/* DETAIL VIEW */
/* PHOTOS @ 240px, SHOW TITLE, OWNER, TAGS etc. USED IN PHOTO SEARCH, USER SEARCH, AND GROUP POOLS */

.DetailResults { margin-top: 0px; margin-left: 40px; margin-right: auto;}
.DetailResults td { vertical-align: top; padding-bottom: 30px; }
.DetailResults .DetailPic { width: 240px; text-align: left; }
.DetailResults .PicDesc { text-align: left; padding-left: 20px; width: 100%; }
.DetailResults .PicDesc h3 { color: #333333; }
.DetailResults .SeeMore { font-size: 12px; margin-top: 5px;}
.DetailResults .PicFrom { margin-top: 15px; margin-bottom: 10px; font-size: 14px; }
.DetailResults .PicFrom img { float: left; margin-right: 5px; }
.DetailResults p { font-size: 14px; }
.DetailResults .ListTags { margin-top: 30px;  }

/* THUMBNAIL VIEW */
/* PHOTOS @ 100px, WITH OWNER NAME. USED IN PHOTO SEARCH, USER SEARCH, AND GROUP POOLS */

.ThumbResults  { margin-top: 30px; margin-left: auto; margin-right: auto; width: 760px; }
.ThumbResults td { vertical-align: top; width: 100%; padding-left: 20px; }
p.Thumby { font: 11px Arial, Helvetica, sans-serif; padding: 0px; margin-top: 0; margin-right: 10px; margin-bottom: 5px; float: left; text-align: center; width: 110px; height: 130px; }


/* GROUPS SEARCH */
/* WHEN SEARCHING NAME & DESCRIPTION */

.GroupsResults { margin-top: 30px; margin-left: auto; margin-right: auto; }
.GroupsResults td { vertical-align: top; }
.GroupIcon { padding: 0 15px 0 0; width: 63px; text-align: right; }
.GroupsResults .Meta { padding-bottom: 20px; width: 393px ; text-align: left; padding-top: 0; }
.GroupsResults h2 { font-size: 20px; margin: 0px; }
.GroupsResults .Stats { font-size: 11px; padding-left: 4px; margin-top: 5px; margin-bottom: 0px; color: #666;}
.Stat:link { text-decoration: none; }	
.Stat:visited { text-decoration: none; color: #0066CC; }	
.Stat:hover { color: #0063DC; background: #fff; text-decoration: underline; }
.Stat:active { color: #FF0084; background: #fff; text-decoration: underline; }
.GroupsResults .About { font-size: 12px; margin-top: 10px; }
.GroupsResults .Pool { font-size: 11px; color: #777; vertical-align: middle; text-align: center; width: 100px; padding-bottom: 30px; } 

/* DISCUSSION SEARCH */
/* FOR USE IN GROUPS, GROUP, FORUM SEARCHES */

.DiscussionResults { width: 640px; margin-top: 20px; margin-left: auto; margin-right: auto; }
.DiscussionResults td { vertical-align: top; }
.DiscussionResults .InWhich { font-size: 11px; margin-left: 10px; }
.DiscussionResults h2 { font-size: 20px; margin-top: 0px; margin-bottom: 10px; }
.DiscussionResults p { margin-top: 0px; margin-bottom: 10px; }
.DiscussionResults .What { width: 640px; margin-bottom: 20px; }
.DiscussionResults .Who { padding-right: 15px;}
.DiscussionResults img {}
.DiscussionResults .Topic { width: 450px; font-size: 12px; color: #000000; }
.DiscussionResults .Glance { width: 180px; }
.DiscussionResults ul { margin: 0; }
.DiscussionResults li { font: 11px/15px; color: #999999; }

/* PEOPLE SEARCH */

.PeopleResults { width: 660px; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.PeopleResults td { vertical-align: top; }
.PeopleResults .Icon { width: 58px; padding-right: 8px; }
.PeopleResults .Who { width: 272px; padding-right: 30px; padding-bottom: 25px; }
.PeopleResults h2 { margin: 0; font-weight: normal; color: #000; }
.PeopleResults p { font-size: 11px; color: #999; margin-top: 4px; margin-bottom: 0px; }
.PeopleResults b { color: #333; }

/* PAGINATOR STYLES HAVE MOVED TO flickr.css */

/* Faq Results */
#faqResults {background: #f3f3f3;clear: left;border:1px solid #ededed;padding:15px}
#faqResults h4 {margin:0;font-size:14px;}
#faqResults ol {margin-top: 0;margin-bottom: 0;}
#faqResults li {font-size:14px;margin-bottom:2px}


td.PicDesc a {
text-decoration:none;
}

.DetailResults .ListThings, .DetailResults .ListIconThings, .DetailResults .ListBuddyIconThings  {
	margin:0;
	
	color:#666;
}
.DetailResults .ListThings { font-size:12px;}
.DetailResults .ListIconThings {margin: 7px 0; font-size:14px;}
.DetailResults .ListBuddyIconThings {margin: 10px 0; font-size:12px;}
.DetailResults .ListIconThings img, .DetailResults .ListBuddyIconThings img { vertical-align:middle}

.DetailResults .PicFrom { margin-top: 10px; margin-bottom: 15px; font-size: 14px; }

h3.PicTitle {
font: bold 20px Arial, Helvetica, sans-serif; margin:0px 0px 5px 0px;
}

h3.PicTitle small {
font: normal 14px Arial, Helvetica, sans-serif;
color:black;
}

.ListIconThings .link666:link { color: #666; text-decoration: none;}
.ListIconThings .link666:visited { color: #666; text-decoration: none;}
.ListIconThings .link666:hover { color: #0063DC; text-decoration: none; background: none; }
.ListIconThings .link666:active { color: #0063DC; text-decoration: none; background: none; }

.ListThings .Plain:link { color: #0063DC; text-decoration: none;}
.ListThings .Plain:visited { color: #1057ae; text-decoration: none;}
.ListThings .Plain:hover { color: #FFFFFF; text-decoration: none; background: #0063DC; }
.ListThings .Plain:active { color: #FFFFFF; text-decoration: none; background: #0259C4; }

/* ADVANCED SEARCH, PEOPLE IN PHOTOS */

#adv-search-selecta-container,
#adv-search-selecta { 
	width: 300px; 
}
#adv-search-selecta-container p.loading { 
	width: 100%; 
	height: 14px; 
	margin: 4px 0; 
	padding: 0; 
	background: url(/images/progress/balls-24x12-trans.gif) no-repeat 2px 0; 
	border: none; 
}
#search-people-list { 
	display: none; 
}

.bo_selecta_selected_list { 
	list-style: none; 
	margin: 0 0 12px 0; 
	padding: 0; 
}
.bo_selecta_selected_list li { 
	overflow: hidden; 
	margin-bottom: 1px; 
	*margin-bottom: -2px; 
	padding: 5px 5px 3px; 
	background: #fff; 
	line-height: 13px; 
	color: #000; 
	*zoom: 1; 
}

.bo_selecta_selected_list li p { 
	position: relative; 
	float: left; 
	width: 100%; 
	padding: 0; 
}

.bo_selecta_selected_list li a { 
	text-decoration: none; 
}

#adv-search-selecta-container .bo_selecta_selected_list li p span.name { 
	display: block; 
}

.bo_selecta_selected_list li p span.name img.bs-email-icon { 
	margin-left: 4px; 
}
.bo_selecta_selected_list li p span.name strong.username { 
	color: #000; 
}
.bo_selecta_selected_list li:hover p span.name strong.username a { 
	background: transparent; 
	color: #0063dc; 
}
.bo_selecta_selected_list li p span.name span.realname { 
	margin-top: 0; 
	margin-left: 0; 
}

.bo_selecta_selected_list li p span.controls { 
	position: absolute; 
	top: 5px; 
	right: 0; 
}

.bo_selecta_selected_list li p span.controls a { 
	position: relative; 
}
.bo_selecta_selected_list li p span.controls a span { 
	position: absolute; 
	left: -999em; 
}

.bo_selecta_selected_list li p span.controls a.pt-add { 
	float: left; 
	width: 15px; 
	height: 15px; 
	overflow: hidden; 
	margin-top: 0; 
	background: url(/images/face_boundry_controls_sprite.gif) no-repeat 2px 2px; 
}
.bo_selecta_selected_list li p span.controls a.pt-add:hover { 
	background-position: 2px -80px; 
}
.bo_selecta_selected_list li p span.controls a.pt-add-active { 
	background-position: 2px -39px; 
}
.bo_selecta_selected_list li p span.controls a.pt-add-active:hover { 
	background-position: 2px -121px; 
}
.bo_selecta_selected_list li p span.controls a.pt-remove { 
	float: right;
	overflow: hidden;
}