﻿/*AutoComplete flyout */
.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : white ;
    color : windowtext ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor : 'default' ;
    overflow : auto ;
    height : 200px ;
    font-family : Tahoma ;
    font-size : small ;
    text-align : left ;
    list-style-type : none ;
    padding: 4px;
    z-index: 500px;
    }
    
    
    
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    z-index: 500px;
    }

    /* AutoComplete item */
.autocomplete_listItem
    {
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
    margin-left: 0px;
    z-index: 500px;
   }
html,body {width: 100%; height: 100%; } 

BODY { font-family: Verdana; font-size: 0.8em; color: black; background-color: white; 
 
  background: -webkit-linear-gradient(#666666, #666666); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#666666, #666666); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#666666, #666666); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#666666, #666666); /* Standard syntax */
  background-repeat: no-repeat; 
  background-attachment: fixed;

}

.ZoomBirthdayImage { zoom: 100%; border: none; text-decoration: none; margin-top:4px; margin-bottom: 4px; }
.hidden { visibility: hidden; }
.ShowHideButton { position: absolute; left: 190px; top: 70px; z-index: 100; width: 14px; font-size: 10px; text-align: left; height: 40px; }
.ZoomProfileImage { zoom: 115% }
.left0 {	left: 0px;}
.displaynone { display: none; }
A { text-decoration: none; color: #3333ff}
A:hover { text-decoration: underline; }
A:hover { text-decoration: underline; }
A:visited { color: #3333ff; }

H4 { margin: 0px; padding-bottom: 1px; padding-top: 1px; }

.selectedUserWindowSubTitle { font-style: italic ; font-size: 85%; color: #888888;}

.profiletbl TD { border: dotted 1px #aaaaaa;}
.smallText { font-size:0.8em; }

.detailview { text-align:left; vertical-align: top;}
.detailview  TD { text-align:left; vertical-align: top;}

.header_login { display: none; position: absolute; top:10px; right: 10px; width: 300px;}

.menu
{
	background-color: #dcdcdc;
	position: absolute;
	top: 56px;
	right: -4px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	height: 21px;
	padding: 0px;
	margin-bottom:10px;
	font-size: 0.8em;
}

.watermarked2 { color: White; font-size: 80% }

.header_search INPUT { height: 17px; padding: 0px;	border: 0px;background-color: transparent;margin-left: 5px;font-family: Verdana;}

.btnSearch { position: absolute; top: 1px; right: 1px; background-color: red; width: 16px; height: 16px; cursor: pointer; z-index: 200; border: 1px solid black;}
.header_search { position: absolute; top:5px; right: 5px; width: 157px; height: 17px; z-index: 100; background-image: url(/images/menu_search.jpg); background-repeat: no-repeat; }
.header { position: relative; padding:0px; background-image: url(/images/header_background.jpg); height: 90px; margin-bottom:1px;}

.header_tl { background-image: url(/images/header_tl.jpg); position: absolute; top:0px; left:0px; width: 20px; height: 20px; background-repeat: no-repeat;}
.header_tr { background-image: url(/images/header_tr.jpg); position: absolute; top:0px; right:0px; width: 20px; height: 20px; background-repeat: no-repeat;}
.header_bl { background-image: url(/images/header_bl.jpg); position: absolute; bottom:0px; left:0px; width: 20px; height: 20px; background-repeat: no-repeat;}
.header_br { background-image: url(/images/header_br.jpg); position: absolute; bottom:0px; right:0px; width: 20px; height: 20px;background-repeat: no-repeat;}

.header_title {	position: absolute;	left:16px;	top: 10px;}

.title { font-family: Calibri, "Trebuchet MS", Verdana;font-size:52px;color: black;font-weight: 900;}

.main  { width:100%; height:100%; position:relative; top:0px;left:0px; padding:0px; margin:0px }

.H2 { font-family:"Trebuchet MS", Verdana;	font-weight: 700;font-size: 150%;color: #000000;}
.loggedInWnd {	background-color: #555555;	color: #FFFFFF;	border: 1px solid black;	position: absolute;	right: 0px;	top: 0px;	height: 18px;	font-size: small;	text-align: center;	padding: 4px;	padding-right: 10px;}
.loggedInWnd A {color: #FFFFFF;}

.lightGreenButton { color: Black; }

.treeWnd TH {	font-weight:100;	text-align: center; height:16px; }

.rightcellpanel {	display: inline;	height: 100%;	width: 10px;}

TD {    vertical-align: top;}

.mainwnd { text-align: center;}
.treeWnd { width: 300px; min-height: 120px; text-align: center}

.farparent, .morparent { background-color: #e5e5e5;	border: 0; -moz-border-radius: 6px; border-radius: 6px; }
.space{   width: 24px;}
TABLE {border-collapse:separate;}

.adressHeader A:hover {	text-decoration: underline;	}

.parent { background-color: #668a4a; border: solid 2px #74a14e;}
.nameLink:hover { text-decoration: underline;}
.bold {	font-weight: 900;}

.siblings {	padding: 0px; vertical-align: top; background-color: #fff; border: solid 0px #74a14e; }

.siblingsSub { border: solid 0px #555555; background-color: #efefef; -moz-border-radius: 6px; border-radius: 6px; }
.siblingsSub TD { margin: 0px; padding: 6px; }
    .siblingsSub div { min-width:80px; padding:4px;
    }

.mechildren { padding: 6px; vertical-align: top; border: solid 0px #775577; }
.mechildren_hr { color: #664466;}
.noborder {	border: none;}
.breaker { color: Black; height:1px;}
             .maxImage { max-height: 200px; }
.header_title A:hover { text-decoration: none }
.pnlLinks * { margin: 0px; padding: 0px; text-align: left }
.pnlLinks UL { list-style: none; }
.pnlLinks UL LI.selected { list-style-type:disc; }

               
.childrenspacer 
{
	background-color: #567a3a;
	width:1px;
}

.mychildrenspacer 
{
	background-color: #674567;
	width:1px;
}

.me 
{
	background-color: #e0e0e0; 
	padding: 6px; 
	border: solid 0px #555555;
	vertical-align: top;
		    -moz-border-radius: 6px;
    border-radius: 6px;
}
.toolbar
{
    	background-color: #eee; 
	padding: 3px; 
	border: solid 0px #555555;
	vertical-align: top;
		    -moz-border-radius: 6px;
    border-radius: 6px;
}


UL.tmenu * { margin: 0; padding: 0 }
UL.tmenu { list-style: none; padding: 0px; margin:0px; position: relative;}
UL.tmenu LI { position:relative;display:inline-block;white-space:nowrap; margin-right:5px;}
UL.tmenu LI:hover UL { display: inline-block;}
UL.tmenu LI UL { display: none; position: absolute; top: 100%; left:0px; width: 150px; background-color: #fff; 
                 
                 border-left: 1px solid black; 
                 border-right: 1px solid black; 
                 border-top: 1px solid black; 
                 border-bottom: 1px solid black; 
                 border-radius: 4px;
                 
                 text-align: left; }
UL.tmenu LI UL LI { position:relative;display:block;white-space:nowrap; margin: 4px;}











.grandchildrens
{
	background-color: #779988;
}

.childrens
{
	background-color: #779988;
}

.mychildrens
{
	background-color: #775577;
}

.receiptTitle2 
{
	font-size: 90%;
	font-weight: 900;
}

.receiptTitle 
{
	font-size: 190%;
	font-weight: 900;
	font-family: "Trebuchet MS", Verdana;
	
}
.vTop 
{
	vertical-align: top;
}

.receiptText P { padding:0px; margin:0px;  }

.receiptLink
{
	text-decoration: none;
}

.receiptLink:hover
{
	text-decoration: underline;
}

.birthdayLink 
{
	text-decoration: none;
	font-weight: 900;
}

.birthdayLink:hover
{
	text-decoration: underline;
}

.changePicture_table 
{
	text-align: left; background-color: #ddffcc; border:#88aa66 10px solid;
}

.changePicture_table TH { text-align: left; padding-left:15px; padding-right:15px; }
.changePicture_table TD { text-align: left; padding-left:15px; padding-right:15px; }

.reportlink 
{
	text-decoration: none;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:550px;
}

.reportlink:hover
{
	text-decoration: underline;
	
}

.watermarked 
{
	color: #666666;
}



.MaskedEditError 
{
	color:#DD0000;
}
.H2  
{
	text-decoration: none;
}

.reportTitle2 
{
	font-weight: bold; color: #225522;
}

.commentLink 
{
	color: #6666ff;
}

.commentLink:hover
{
	text-decoration: underline;
}

.statHR 
{
	color: #bbffbb;
	height:2px;
}

.stat 
{
}



.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



















