.clearfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/**** PBOOK Liste ****/

.pbooks_index_table {
width: 600px;
background: #f2f2f2;
border-top:2px solid #e2e2e2;
padding: 0;
}

.pbooks_index_table td {
text-align: center;
padding: 10px 0;
vertical-align: top;
}

.pbooks_index_table td h1 {
 font: bold 14px arial, sans-serif;
 color: #f00;
 margin: 0;
 padding: 0
}

.pbooks_index_table td div {
 margin: 0 auto;
 background: #fff;
 height: 100%;
 width: 140px;
 padding: 8px 2px 2px 2px;
 border: 1px solid #e4e4e4;
 -moz-border-radius: 4px;
 font: 10px verdana, sans-serif;
 color: #666;
 line-height:13px;
 border: 1px solid #cccccc;
}

.pbooks_index_table td span {
 position: absolute;
 background: #141414;
 padding: 1px 3px;
 font: bold 8px verdana, sans-serif;
 color: #fff;
 -moz-border-radius: 4px;
 filter:alpha(opacity=75);
 -moz-opacity: 0.75;
 opacity: 0.75;
 margin: 3px 0 0 3px;
}

.pbooks_index_table td div:hover {
 border: 1px solid #999999;
}

.pbooks_index_table td div a {
 font: 10px arial, sans-serif;
 color: #666;
 text-decoration: none;
}

.pbooks_index_table td div a:hover {
 color: #f00;
 text-decoration: underline;
 cursor: pointer;
}

.pbooks_index_table td div img {
 border: 1px solid #d5d5d5;
 width: 120px;
 height: 120px;
 lien-height:0;
 margin:0;
 padding:0;
}


.pbooks_user_overview_top {
width:690px;
background:#ffeecc;
border: 1px solid #e5ce9f;
font: bold 12px arial;
padding: 3px 4px;
text-align:right;
margin-bottom:10px;
}

.pbooks_user_overview_top a {
color: #896633;
text-decoration: none;
}


/******** ALBUM *********/

.pbook_album_name {
font: bold 16px verdana, sans-serif;
color: #666;
}

.pbook_album_name span {
background: #999;
color: #f2f2f2;
font: bold 12px arial;
padding: 2px 3px;
margin-right: 5px;
}

.pbook_album_top_menu {
 margin-left: 10px;
 padding: 3px 10px;
 background: #e2e2e2;
 font: bold 14px arial;
 color: #666;
 cursor: pointer;
}
.pbook_album_top_menu a {
 color: #666;
}

ul.pbook_tooltip_menu {
list-style: none;
padding: 0;
margin: 0;
}

ul.pbook_tooltip_menu li {
padding: 2px 4px;
}

ul.pbook_tooltip_menu li a {
font: 14px arial, sans-serif;
color: #666;
text-decoration: none;
}

ul.pbook_tooltip_menu li:hover {
background: #f3f3f3;
cursor: pointer;
}

.pbook_change_title_form input {
font: 16px verdana;
width: 150px;
padding: 2px;
}


/**** PBOOK SETTINGS MENU ****/

.pbook_settings {
width: 100%;
border: 0;
padding: 0;
}

.pbook_settings th {
text-align: left;
width: 100px;
font: bold 12px arial;
color: #666;
vertical-align: top;
}

.pbook_settings td {
font: 12px arial;
color: #141414;
padding: 0 0 20px 0;
}

.pbook_settings td input.pbook_name {
font: 14px arial;
padding: 3px;
border: 1px solid #bbb;
width: 170px;
}


input.pbook_pic_del_checkbox {
 position: absolute;
}



/**** PBOOK SHOW PIC ****/

.pbook_show_pic_table {
width: 100%;
padding: 0;
border: 0;
}

.pbook_show_pic_table td {
text-align: center;
width: 130px;
vertical-align: top;
}

.pbook_show_pic_table th {
vertical-align: top;
text-align: right;
}

#pbook_pic_container {
float: left;
padding: 15px;
width: 550px;
background: #f2f2f2;
border: 1px solid #666;
text-align: left;
}

#pbook_pic_container a.name {
font: normal 11px trebuchet ms;
text-decoration: none;
color: #000;
}

#pbook_pic_container #navi {
display: block;
font: 12px arial;
color: #666;
}

#pbook_pic_container #navi a {
text-decoration: none;
}

#pbook_pic_container #navi a:hover {
text-decoration: underline;
}

#pbook_pic_container #pic_title {
background: #ffeecc;
border: 1px solid #e5ce9f;
font: bold 12px arial;
color: #896633;
width: 540px;
padding: 3px 4px;
margin: 0 0 5px 0;
}

#pbook_pic_container #pic_title a {
font: bold 12px arial;
color: #896633;
text-decoration: none;
}

.linkBut {
background: #e5ce9f;
border: 1px solid #e5ce9f;
font: bold 10px arial;
color: #896633;
padding: 1px 3px;
margin: 0 10px 0 0;
cursor: pointer;
text-decoration: none;
}



/*********** SHOW PIC COMMENT AREA***************/


#pbook_comments_wrapper {
 width: 100%;
}

#pbook_comments_wrapper #new_comment_box #notify {
font: normal 11px verdana;
color: #666;
margin: 0;
padding: 0;
}

#pbook_comments_wrapper #new_comment_box {
margin: 20px auto;
width: 505px;
padding: 10px 10px 0 10px;
text-align: left;
}


#new_comment_box textarea {
width: 505px;
height: 100px;
padding: 2px;
font: 12px verdana;
border: 1px solid #666;
}

#pbook_comment_box {
border: 0px solid #e4e4e4;
padding: 15px;
width: 520px;
margin: 0 auto;
}

#pbook_comment_box .entry {
width: 525px;
display:block;
margin: 0 auto 5px auto;
}

#pbook_comment_box .entry span {
background: #fff;
text-align:left;
padding: 3px 1px;
display:block;
font: normal 12px verdana;
margin: 0 0 10px 0;
}

#pbook_comment_box .entry #comment {
background: #fff;
width: 460px;
margin: 0 0 20px 5px;
float: left;
border: 1px solid #e4e4e4;
font: 12px Trebuchet MS;
padding: 0 2px 5px 2px;
}


/**** SHOW PIC Note Function ****/

#pbook_show_pic_liverequest{
 z-index: 1;
 position: absolute;
 font: bold 12px arial;
 color:red;
 padding:2px;
 filter: alpha(opacity:80); 
 MozOpacity: 0.80;
 opacity: 0.80;
}

#pbook_show_pic_liverequest span{
 background:pink;
 color:red;
 font: bold 12px;
 padding:1px;
}

#pbook_show_pic_liverequest div{
 background: #f00;
 color: #fff;
 font: bold 12px;
 padding:1px;
}


#note_nick{
 display: block;
 font: 12px verdana;
 color: #000;
 text-align: left;
 margin-bottom: 5px;
 line-height: 20px;
}

#note_nick a {
 border: 1px solid #fff;
 padding: 1px 2px;
 font: normal 12px arial;
 color: #896633;
 text-decoration: none;
 margin:1px 2px;
}

#note_nick a:hover,
#note_nick .mouseovernick {
 text-decoration:none;
 border: 1px solid #e5ce9f;
 background-color: #ffeecc;
 color:#896633;
 margin:0 2px;
 padding:1px 2px;
}


.shownotes,
.hidenotes {
 position: relative;
}

.shownotes div.fn-area{
 display: block;
}

.hidenotes div.fn-area{
 display: none;
}

.fn-area,
.fn-area-block {
 position: absolute;
 background: url(../images/photonote/border_50x50.gif) no-repeat;
 width:50px;
 height:50px;
}

.fn-area img,
.fn-area-block img {
display: none;
}

.fn-area-preview{
 position: absolute;
 background: url(../images/photonote/border_add_50x50.gif) no-repeat;
 width:50px;
 height:50px;
}

.fn-area-hover{
 position: absolute;
 background: url(../images/photonote/border_40x40.gif) no-repeat;
 cursor: crosshair;
 width:50px;
 height:50px;
}

.fn-area-hover .note_del_icon {
cursor: help;
}


/* Notes Display on Pic */

.fn-note {
 margin-top:5px;
 position: absolute;
 left: 0%;
 top: 100%;
 width: 120px;
 visibility: hidden;
 padding: 4px;
 background-color: #FFEECC;
 border: 1px solid #b19a6d;
 filter: alpha(opacity:85); 
 MozOpacity: 0.85;
 opacity: 0.85;
 -moz-border-radius: 5px; /* Non-standard */
}


.fn-note span {
 display: block;
 margin-top: 2px;
 text-align: left;
 line-height: 1em;
}

.fn-note-mark {
 font: 9px verdana;
 margin-bottom: 10px;
}

.fn-note-mark a { 
 cursor:pointer;
 font: bold 12px arial;
 color: #f00;
 text-decoration: none;
}

.fn-note-mark a:hover {
 text-decoration: underline;
}

.fn-note-linked_by {
 color: #000000;
 font: 9px verdana;
 font-weight: normal;
}

.fn-note-from {
 display:block;
}

.fn-note-from a {
font: 9px arial;
color: #000;
text-decoration: none;
}


/* ADD PHOTONOTES*/

#addnote_Wrap {
position: relative;
}

#pbook_add_note_liverequest{
float:left;
z-index: 300;
position: absolute;
font: bold 12px arial;
color: red;
padding: 2px;
filter: alpha(opacity:80); 
MozOpacity: 0.80;
opacity: 0.80;
}

#pbook_add_note_liverequest span{
background:pink;
color:red;
font: bold 12px;
padding:1px;
}

#pbook_add_note_liverequest div{
background: #f00;
color: #fff;
font: bold 12px;
padding:1px;
}

#background {
 top: 0px;
 left: 0px;
 position: absolute;
 display: none;
 z-index: 700;
}


.imgborder {
 float: left;
 text-align: left;
 background:#000;
 border:0;
}

.imgborder img {
 filter: alpha(opacity:30); 
 MozOpacity: 0.30;
 opacity: 0.30;
}


#form {
margin-top: 55px;
position: absolute;
display: none;
z-index: 900;
top: 0;
left: 0;
padding: 5px;
width: 132px;
height: 185px;
background: lightblue;
border: 2px solid #2854A7;
filter: alpha(opacity:90); 
MozOpacity: 0.90; 
opacity: 0.90;
font: 10px arial;
color: #000;
text-align: center;
}


.input_buddyname {
border: 1px solid #999;
font: bold 12px arial;
width: 130px;
border-bottom: 0;
padding:0;
margin:0;
}

.select_buddy {
height: 120px;
border: 1px solid #999;
font: 10px arial;
width: 132px;
z-index: 999;
margin-bottom: 5px;
}

.select_buddy option {
border: 0;
font: 12px arial;
}




/**** CROPPER ****/

.imgCrop_wrap {
	/* width: 500px;   @done_in_js */
	/* height: 375px;  @done_in_js */
	position: relative;
	cursor: crosshair;
}

.imgCrop_wrap.opera8 .imgCrop_overlay,
.imgCrop_wrap.opera8 .imgCrop_clickArea { 
	background-color: transparent;
}

.imgCrop_wrap,
.imgCrop_wrap * {
	font-size: 0;
}

.imgCrop_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
}

.add_new_note {
	position: absolute;
	width: 50px;
	height: 50px;
	background: url(../images/photonote/border_new_50x50.gif) no-repeat;
	cursor: pointer;
	z-index: 1;
}


.imgCrop_clickArea {
	width: 100%;
	height: 100%;
	background: url(../images/blank.gif);
}


.imgCrop_dragArea {
	width: 100%;
	height: 100%;
	z-index: 200;
	position: absolute;
	top: 0;
	left: 0;
}