/* CSS Document */

/* Recent Photos */

.HoldPhotos { padding-left: 30px; }
.RecentPhotos { font-size: 11px; padding: 0px; margin-right: 10px; margin-bottom: 5px; float: left; text-align: center; width: 110px; height: 135px; }

/* Any Wrapping Buddy Icon / Name lists */

.RecentContacts p { font-size: 11px; text-align: center; vertical-align: top; padding: 5px; float: left; margin: 5px; }
.MoreContacts { font: bold 14px; text-align: left; padding-top: 35px; padding-left: 15px; float: left; margin-top: 5px; }

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

/* Create invite */

.How { padding-right: 20px; }
.How p { font-size: 14px; }
.Invitees { margin-bottom: 10px; }
.Invitees p { margin-bottom: 5px; margin-top: 0px; }
td.BigNumber { color: #333; font-family: Georgia, Times; font-size: 30px; width: 25px; padding: 0; }
.InvitePreview { background: #f5f5f5; padding: 10px 25px 10px 25px; }
.Send {	background-image: url(http://l.yimg.com/www.flickr.com/images/dotted.gif); background-repeat: repeat-x; background-position: left top; padding-top: 10px; margin-top: 20px;}
.Thanks { font-size: 14px; }

/* Invite History */

.InviteeEmail { font-weight: normal; }
.InviteeDetail { margin-top: 5px; }
.Accepted {}
.Accepted tr { vertical-align: top; }
.Accepted .RealName { font-weight: normal; }
.Accepted img { margin-right: 10px; }

.Intro {font: 14px;margin-top: 1em;;}

    /* Pending Page */
    #invitePending {margin-bottom:1em;border-collapse:collapse}
    #invitePending th.hidden {text-indent:-9000}
    #invitePending td {padding:6px 0 6px 0;border-bottom:1px solid #eee}

    .ipN {width:250px;overflow:hidden;font-weight:bold}
    .ipI {width:240px;padding-right:10px !important}
    .ipD {width:100px}
    .ipE {width:75px;text-align:right}
    .ipR {width:75px;text-align:right;padding-right:8px !important}
    
    tr.over {background-color:#f6f6f6;}
    
    /* Guest Pass Page */
    #gpHistory ol {list-style:none;padding:0;margin-left:15px}
    #gpHistory li.gpSet {clear:both;margin-bottom:20px;float:left;_float:none}
    #gpHistory .Confirm {margin:30px 0 20px 24px;}

    .gpSetDet {margin-bottom:10px;}
    .gpSetDet .gpSetImg{float:left;width:50px;}
    .gpSetDet h2, .gpSetDet p {padding:0;margin:0}
    * html .gpSetDet h2 {margin-top:-.75em}
    .gpSetDet p {font-size:11px;color:#666}


    .gpSet table {margin-left:50px;border-top:1px solid #eee;border-collapse:collapse;}
    .gpSet thead {display:none}
    .gpSet td {border-bottom:1px solid #eee;padding:4px 12px 4px 0;vertical-align:top}

    tr.expired td {color:#999;font-style:italic}
    tr.expired a, tr.expired a:visited, tr.expired a:active, tr.expired:hover {color:#999;text-decoration:none;background:none !IMPORTANT}

    td.gpTD{width:135px;padding-left:4px}
    td.gpTT{width:290px}
    .gpEmails, .gpURL {display:none}

    td.gpTV{width:120px;text-align:right}
    td.GPTC{width:100px;text-align:right;}
        .gpTC a, .gpTC a:visited, .gpTC a:active {color:red}


    tr.open td {background-color:#eee !important}
    tr.open .gpEmails, tr.open .gpURL {display:block}
       .gpEmails ul {list-style:none;padding:4px;margin:0}
       .gpEmails li {font-size:11px;color:#333}
       .gpURL {padding:4px}
 
    li.selected tr td, tr.selected td {background-color:#ffffcc}
    
    tr.gpNew {background-color:#daf6da;}

    p.gpPrivateAccess {font-size:95%;margin-top:.25em}


/* Contact List */

h3.Tab { border-bottom: 3px solid #f1f1f1; padding-left: 15px; margin-top: 15px; margin-bottom: 15px; }
h3.Tab .TabLabel { font-size: 12px; font-weight: bold; color: #000; margin-right: 10px; }
h3.Tab .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; }
h3.Tab .TabOut { font-weight: normal; font-size: 13px; color: #333; background: #f1f1f1; padding: 2px 8px 4px 8px; }
h3.Tab .inactive {color: #666;}
h3.Tab .inactive a, h3.Tab .inactive a:visited {color:#666;text-decoration:none}
h3.Tab .inactive a:hover {color: #fff;}

/* Block list */

.BlockList {
	width: 660px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-image: url(http://l.yimg.com/www.flickr.com/images/bg_block_list.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.BlockList td { vertical-align: top; }
.BlockList .Icon { width: 58px; padding-right: 8px; }
.BlockList .Who { width: 272px; padding-right: 30px; padding-bottom: 25px; }
.BlockList h2 { margin: 0; font-weight: normal; color: #000; }
.BlockList p { font-size: 11px; color: #999; margin-top: 4px; margin-bottom: 0px; }
.BlockList b { color: #333; }