/* CSS Document */

/* FOR ALL PAGES UNDER AN INDIVIDUAL GROUP */

.SeeAll { font-size: 12px; color: #000000; }
.MorePool { float: right; font-size: 12px; margin-top: -5px; margin-bottom: 0px; }
.MorePool span {color:#FF0084;font-size:16px;}

.MorePoolAbs { position:absolute;right:0px;bottom:0px; font-size: 13px; margin-top: -5px; margin-bottom: 0px; }
.MorePoolAbs span {color:#FF0084;font-size:16px;}

#div_more_pool {margin-top:-10px;}

.invited { font-size: 12px; background-color: #FBFFCC; text-align: left; margin: 0 0 15px 0; padding: 10px; }

#addInfo {padding:0 0 2em 0}
#addInfo h4 {margin-top:0}
#addInfo ul {margin:0;padding:0 0 0 1.75em}
#addInfo li {padding:0;margin:0}

div#sponsoredGroup {background:url(http://l.yimg.com/www.flickr.com/images/dotted.gif) 0 5px repeat-x;text-align:center;margin-bottom:1em}
div#sponsoredGroup h2 {font-size:11px;color:#999;display:inline;background:#fff;padding:0 1em}

.discussion_locked {color: #999;}

/* Pool Pages */

.PoolList { font-size: 11px; padding: 0px; margin-right: 10px; margin-bottom: 10px; float: left; text-align: center; width: 110px; height: 135px; }
.PoolList2 { font-size: 11px; padding: 0px; margin-right: 10px; margin-bottom: 10px; text-align: center; width: 110px; float: left }
.GroupPoolList { padding: 6px; color: #666666; }
.GroupPoolList h4 { font-weight: bold; font-size: 12px; margin-top: 0px; }
.GroupPoolList p { margin: 0px; }
.HoldPhotos { padding-left: 30px; }
.GroupTagPics { padding-left: 30px; }

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

.MembersList { font-size: 11px; text-align: center; vertical-align: top; padding: 5px; float: left; margin: 5px; }

.EmptyMembers {text-align:center;margin-top:60px;}

/* Administration */

#MemberList table { font-size: 12px; margin-right: 0px; margin-left: 0px; }
#MemberList td { border-bottom: 1px solid #E5E5E5; padding:5px}
#MemberList th { padding-left:5px;font-size: 11px; margin-top: 0px; margin-bottom: 0px; color: #666666;}
#MemberList .mlName {text-align:left;width:200px;padding-left:0}
#MemberList .mlPromote {width:120px}
#MemberList .mlDemote {width:90px}
#MemberList .mlRemove {width:90px}
#MemberList .mlBan {width:90px}
#MemberList p { margin-bottom: 10px; }
#MemberList .Head { font-size: 12px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; color: #fff; background: #666; }

div.MemberCurrently {width:100px;float:right;}

ul.group_desc_lang_select .selected a {font-size: 12px;font-weight: normal;}
ul.group_desc_lang_select .selected {font-size: 14px;font-weight: bold;}


/* New admin main page */

#admin_intro {background-color:#eee;padding:10px;font-size:14px;}
#admin_cols h2 {font-size:14px;font-weight:bold;margin-bottom:1.25em}
.admin_col {width:240px;float:left;margin-right:35px;}
.admin_col_last {margin-right:0}
.admin_col ul {list-style:none;margin:0;padding:0}
.admin_col li {margin-bottom:1em;line-height:1.25em}


/* Pending Photo Page */

.gPend table {width:760px}
.gPend tr td {border-collapse:collapse; padding: 20px 0; background-image: url(http://l.yimg.com/www.flickr.com/images/dotted.gif); background-repeat: repeat-x; background-position: left top;vertical-align: top;}
.gPendPic {width:260px;padding-right:20px;text-align:center}
.gPendDesc {padding-left:10px !important;padding-right:40px !important;width:300px;}
.gPendWho {color:#999;font-size:11px}
.gPend h4 {font-size:16px;font-weight:normal;margin-top:10px}
.gPendMod {vertical-align:top}
.gPendMod p {margin:0 0 .25em 0;font-size:13px}
.gPendTags img {margin-right:10px}
.gPendTags a {text-decoration:none}
.gPendAll {text-align:right;margin-bottom: .25em;margin-right: 1em;}


/* Member List Page */
.Person { font: 11px Arial, Helvetica, sans-serif; text-align: center; vertical-align: top; padding: 5px; float: left; margin: 5px; }
.MoreContacts { font: bold 14px Arial, Helvetica, sans-serif; text-align: left; padding-top: 35px; padding-left: 15px; float: left; margin-top: 5px; }
#memberSince {width:200px;float:right;margin-top:2.5em;color:#333}




/* Admin */

#GoodStuff #original_lang_desc {display:none}
#GoodStuff #original_lang_close {display:none}

td.open#GoodStuff #original_lang_desc {display:block}
td.open#GoodStuff #original_lang_close {display:block}
td.open#GoodStuff #original_lang_open {display:none;}

#GoodStuff #original_lang_open {margin-top: -2.25em;text-align: right;z-index: 1000;}
#GoodStuff #original_lang_close {text-align: right;}

* html #GoodStuff h3 {width: 400px;}

#GoodStuff #original_lang_open a {background-image: url(http://l.yimg.com/www.flickr.com/images/icon_arrow_right.gif);background-repeat:no-repeat;padding-left:12px;background-position:0 .25em}
#GoodStuff #original_lang_close a {background-image: url(http://l.yimg.com/www.flickr.com/images/icon_arrow_down.gif);background-repeat:no-repeat;padding-left:12px;background-position:0 .25em}

#original_lang_desc {height:100px;overflow:auto;border:1px solid #ccc;padding:10px;margin:1em 0;background:#eee}

.about_group_edit label {font-weight:bold;display:block;padding-bottom:.5em}
.about_group_edit label.noblock {display:inline;font-weight:normal}

/* photo picker */

#pp {
 position:relative;
 width:758px;
}

#pp.pp-cursor-loading,
#pp.pp-cursor-loading * {
 cursor:wait;
 cursor:progress;
}

#pp .clear {
 position:relative;
 clear:both;
 font-size:1px;
 height:1px;
 overflow:hidden;
}

#pp input.pp-disabled {
  background-color:#eee;
}

#pp .col1 p,
#pp .col2 p {
 margin:0px;
 padding:0px;
}

#pp .pp-box {
 position:relative;
 background:#f0f0f0;
 padding:0.75em;
}

#pp .col1,
#pp .col2 {
 *height:340px;
 min-height:340px;
}

#pp .col1 {
 position:relative;
 width:512px;
 *width:502px;
}

#pp .col2 {
 position:absolute;
 top:3px;
 right:0.75em;
 width:170px;
}

#pp .col1 .first,
#pp .col2 .first {
 position:relative;
 /* align top blocks */
 *height:54px;
 min-height:54px;
}

#pp .col1 h3,
#pp .first h3 {
 color:#000;
 font-size:1em;
 font-weight:bold;
}

#pp .col2 .first h3 {
 margin-top:0.5em;
 margin-bottom:0px;
}

#pp-search-container {
 position:relative;
 margin-top:6px;
}

#pp-search-filter {
/*
 float:left;
 display:inline;
*/
 font-size:11px;
}

#pp-photos-found {
 font-size:15px;
 font-weight:normal;
 margin-left:0.2em;
 margin-right:0.3em;
}

#pp .explain {
 font-size:0.75em;
}

#pp-show-all {
 font-size:12px;
 display:none;
}

#pp .col1 .inline {
 display:inline;
}

#pp-search-box {
/*
 position:absolute;
 right:0px;
 top:0px;
*/
/*
 float:left;
 display:inline;
*/
 margin-right:3px;
 white-space:nowrap;
}

#pp ul.pp-list,
#pp ul.pp-list li {
 margin:0px;
 padding:0px;
}

#pp .col2 ul.pp-list li {
 border-color:#ccc;
}

#pp ul {
 list-style-type:none;
}

#pp .list-box {
 margin-top:0.5em;
 border:1px solid #999;
 padding:3px 3px 3px 3px;
 margin-bottom:0.5em;
}

#pp-source {
 width:504px;
 *width:511px;
 overflow:auto;
}

#pp-loading {
 position:absolute;
/*
 left:230px;
 top:160px;
*/
 width:32px;
 height:16px;
 display:none;
}

#pp-loading.active {
 display:inline-block;
 background:#f0f0f0 url(http://l.yimg.com/www.flickr.com/images/progress/balls-24x12-trans.gif) no-repeat 50% 50%;
}

#pp-target {
 width:162px;
 *width:170px;
}

#pp-source,
#pp-target {
 height:245px;
 *height:253px;
}

#pp ul.pp-list li {
 position:relative;
 display:inline;
 float:left;
 width:75px;
 height:75px;
 *width:76px;
 *height:76px;
 border:1px solid #333;
 margin:2px;
 text-align:center;
 line-height:48px;
}

#pp ul.pp-list li img {
 width:75px;
 height:75px;
}

#pp #pp-source li,
#pp #pp-target li.selected {
 cursor:pointer;
 *cursor:hand;
}

#pp #pp-target li {
 cursor:normal;
}

#pp #pp-source li.selected,
#pp #pp-source li:hover {
 border:2px solid #FF0084;
 margin:1px;
 padding:0px;
 cursor:normal;
}

#pp #pp-source li.selected img {
 opacity:0.5;
}

#pp #pp-source li.selected img.trans_png {
 _opacity:1; /* not you, IE 6. */
}

#pp ul.pp-list li .pp_close,
#pp ul.pp-list li .pp_status,
#pp ul.pp-list li .pp_video {
 position:absolute;
 top:0px;
 right:0px;
 margin:2px 2px 0px 0px;
 background:transparent url(http://l.yimg.com/www.flickr.com/images/window_close_grey.gif) no-repeat 0px 0px;
 width:13px;
 height:13px;
 display:none;
}

#pp ul.pp-list li.pp_type_video .pp_video {
 /* video icon */
 background:none;
 right:auto;
 top:auto;
 bottom:1px;
 left:2px;
 padding:0px;
 width:11px;
 height:11px;
 display:inline;
}

#pp #pp-target li {
 *width:78px;
 *height:78px;
 *padding:0px;
}

#pp #pp-target li.selected {
 *overflow:hidden;
 border-color:#333;
}

#pp #pp-target li.selected .pp_close {
 /* show "close" on target box */
 display:inline;
}

#pp #pp-target li .pp_status {
 top:auto;
 bottom:1px;
 right:1px;
 margin:0px;
 padding:0px;
 width:14px;
 height:14px;
}

#pp #pp-target li.pp_error .pp_status,
#pp #pp-target li.pp_ok .pp_status {
 /* OK/Error cases */
 display:inline;
}

#pp #pp-target li.pp_error .pp_status {
 background:#fff url(http://l.yimg.com/www.flickr.com/images/upload/icon-error-exclamation.gif) no-repeat 50% 50%;
 border:1px solid #999;
}

#pp #pp-target li.pp_ok .pp_status {
 background:#fff url(http://l.yimg.com/www.flickr.com/images/icon_check_small.png) no-repeat 50% 50%;
 border:1px solid #999;
 width:15px;
}

#pp #pp-source .pp_empty {
 margin:1.5em 1.5em 0px 1.5em;
 font-size:20px;
 color:#999;
}

#pp #pp-source .pp_empty h3 {
 font-weight:normal;
 color:#999;
}

#pp-add-photos {
 text-transform:uppercase;
}

#pp.disabled select,
#pp.disabled input,
#pp.disabled button,
#pp.disabled #pp-upload-more {
 /* hide things in error cases */
 visibility:hidden !important;
}