@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);

html {
		/*height:100%;*/
        overflow: auto;
    }
body {
direction:rtl;
background: #FFFFFF;
FONT-FAMILY: 'Open Sans Hebrew' !important;
FONT-SIZE: 14px;
height:100%;
margin:0;
padding:0;
/*padding-right:10px; */
}

td {
color: #000001;
FONT-FAMILY: 'Open Sans Hebrew' !important;
FONT-SIZE: 14px; 
text-align:right; 
padding-bottom: 5px;
} 
 
.header_bold_text{ 
   FONT-WEIGHT: bold;
   font-size:14px;
   color:#00214e;
 }  
 
 .bold{
 font-weight:bold;
 }
 
 a{
	/*color:#00214e;*/
	color:#0078ca;
	text-decoration:none;
	/*font-size:14px;*/
 }
  
.right_side_bold_blue{
	color:#00214e; 
	text-decoration:none;
	font-weight:bolder;
 }
 
 h1{    
	display: inline;
	font-weight:bold;
	font-size:16px; 
	color:#0c346f;	
 }
.top{
	position:relative; 
	top:-10px;
}
.top_doun{
	position:relative; 
	top:3px;
} 

h2{    
	display: inline;
	font-weight:bold;
	font-size:13px;  
	color:#0c346f;	  
 }
 
select , input[type="text"], input[type="password"], textarea, input[type="tel"], input[type="url"]
{	
	margin: 1px 1px 1px 0;
	border: 1px solid #00aff0;
	background-color: #fff;
	box-shadow: none;
	border-radius:0px; 
	font-size: 16px;
	padding-right: 5px;
	height: 22px;
	box-sizing:content-box;
	FONT-FAMILY: 'Open Sans Hebrew' !important;
}

input 
{	
	border: 1px solid #00aff0;
}

select 
{
	-webkit-appearance: menulist-button;
	height: 24px;
	padding-right: 0;
}

select[multiple] {
    height: auto;
}

textarea
{
	height: auto;
}

input[type="button"]
{	
	text-decoration: none;  
	border-color: #99ccff; 
	padding:3px;
	FONT-SIZE: 14px; 
	background-color: #99ccff; 
	margin: 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	display: inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
}

input[type="radio"]{	  
    -webkit-appearance: none;
	background-color: #fff;
	border: 2px solid #00aff0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding: 9px;
	outline: none;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	vertical-align:middle;
}

input[type="radio"]:checked:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #00aff0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

input[type="radio"]:checked {
	background-color: #fff;
	color: #99a1a7;
	border: 2px solid #00aff0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

input[type="radio"]:active, input[type="radio"]:checked:active {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none; 
}

input[type="checkbox"]{
	-webkit-appearance: none;
	background-color: #fff;
	border: 2px solid #00aff0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	outline: none;
	padding: 9px;
	display: inline-block;
	position: relative;
	vertical-align:middle;
}

input[type="checkbox"].smallCheck{
	padding: 5px;
}

input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

input[type="checkbox"]:checked {
	background-color: #fff;
	border: 2px solid #00aff0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #00aff0;
}

input[type="checkbox"]:checked:after {
	content: '\2714'; 
	font-size: 14px !important;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #00aff0;
}

input[type="checkbox"].smallCheck:checked:after {
	font-size: 12px;
	top: -3px;
	left: 0px;
}

.regForm {
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0x;
	border-radius: 0px;
	width: 250px;
	color: #000;
	height: 20px;
	line-height: 20px !important;
	position: relative;
	padding: 6px 9px;
	overflow: hidden;
	z-index: 1;
	border-color: #99ccff; 
	outline: none;
	FONT-SIZE: 16px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="button"].regForm {
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0x;
	border-radius: 0px;
	width: 250px;
	color: #000;
	height: 20px;
	line-height: 20px !important;
	position: relative;
	padding: 6px 9px;
	overflow: hidden;
	z-index: 1;
	border-color: #99ccff; 
	outline: none;
	FONT-SIZE: 16px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: buttonface;
}

input[type="password"].regForm{
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 250px;
	color: #000;
	height: 20px;
	line-height: 20px;
	position: relative;
	padding: 6px 9px;
	overflow: hidden;
	z-index: 1;
	border-color: #99ccff; 
	outline: none;
	FONT-SIZE: 16px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
 
.regular-checkbox {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 2px solid #99ccff;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	outline: none;
	padding: 9px;
	border-radius: 6px;
	display: inline-block;
	position: relative;
}

.regular-checkbox:active, .regular-checkbox:checked:active {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.regular-checkbox:checked {
	background-color: #fafafa;
	border: 2px solid #99ccff;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #99a1a7;
}

.regular-checkbox:checked:after {
	content: '\2714'; 
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}

.regular-radio {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #99ccff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	outline: none;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked {
	background-color: #99ccff;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio:active, .regular-radio:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.newButt { 
  /*background-color: #DCD; */
  background-image:url('/images/center_c.png');
  height: 23px;
  margin-bottom: 10px; 
  cursor: pointer;
  padding-top: 0px;   
  padding-bottom: 0px; 
  padding-right:10px;
  padding-left:10px; 
   color:#08306b;   
   font-weight:bold; 
   font-size:14px;
   FONT-FAMILY: 'Open Sans Hebrew' !important;
  /*width: 300px; */
  border-radius: 6px; 
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px; 
}
 
.abox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: black 1px solid;
    COLOR: blue;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #d3ebff;
    TEXT-ALIGN: center;
	ALIGN: center
}
.bbox
{
    BORDER-RIGHT: 1px outset;
    BORDER-TOP: 1px outset;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 1px outset;
    COLOR: blue;
    BORDER-BOTTOM: 1px outset;
    BACKGROUND-COLOR: #ff9999;
    TEXT-ALIGN: center;
	ALIGN: center
}
.cbox
{
    BORDER-RIGHT: 1px inset;
    BORDER-TOP: 1px inset;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 1px inset;
    COLOR: blue;
    BORDER-BOTTOM: 1px inset;
    BACKGROUND-COLOR: #990066;
    TEXT-ALIGN: center;
	ALIGN: center
}


TD.tree
{
    BORDER-RIGHT: black 1px;
    BORDER-TOP: black 1px;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: black 1px;
    COLOR: black;
    BORDER-BOTTOM: black 1px;
    BACKGROUND-COLOR: #bgcolor=#eaf3fa;
    TEXT-ALIGN: center
}
TD.MainTree
{
    BORDER-RIGHT: mediumorchid 1px;
    BORDER-TOP: mediumorchid 1px;
    BORDER-LEFT: mediumorchid 1px;
    BORDER-BOTTOM: mediumorchid 1px;
    BACKGROUND-COLOR: #eaf3fa
}
TD.treeleft
{
    BORDER-RIGHT: sandybrown 1px solid;
    BORDER-TOP: sandybrown 1px solid;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: top;
    BORDER-LEFT: sandybrown 1px solid;
    COLOR: black;
    BORDER-BOTTOM: sandybrown 1px solid;
    BACKGROUND-COLOR: wheat;
    TEXT-ALIGN: left
}
TD.treeright
{
    BORDER-RIGHT: sandybrown 1px solid;
    BORDER-TOP: sandybrown 1px solid;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: top;
    BORDER-LEFT: sandybrown 1px solid;
    COLOR: black;
    BORDER-BOTTOM: sandybrown 1px solid;
    BACKGROUND-COLOR: linen;
    TEXT-ALIGN: right
}

.box
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #64a9ed;
    TEXT-ALIGN: center
}
.ULine1
{
    BACKGROUND: url(/FamilyTree/TreeImages/hline_b.jpg) repeat-x 50% bottom
}
.DLine1
{
    BACKGROUND: url(/FamilyTree/TreeImages/hline_b.jpg) repeat-x
}
.Mline1
{
    BACKGROUND: url(/FamilyTree/TreeImages/hline_b.jpg) repeat-x center 50%
}

.tip {
	width:570px;
	vertical-align: middle;
	padding:2px;padding-right:35px;
	background: url('/images/tip.png') no-repeat right center;
	background-color: #fcffcc;
	color:#000000;		
}

hr.smallBR {height:2px; visibility:hidden;margin:0px}
input.largerCheckbox
{
	width: 30px;
	height: 30px;
}
/* 
 * Alef Hebrew (Hebrew) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Alef Hebrew';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/alefhebrew/v4/Alef-Regular.eot);
  src: url(//fonts.gstatic.com/ea/alefhebrew/v4/Alef-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/alefhebrew/v4/Alef-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/alefhebrew/v4/Alef-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/alefhebrew/v4/Alef-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Alef Hebrew';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/alefhebrew/v4/Alef-Bold.eot);
  src: url(//fonts.gstatic.com/ea/alefhebrew/v4/Alef-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/alefhebrew/v4/Alef-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/alefhebrew/v4/Alef-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/alefhebrew/v4/Alef-Bold.ttf) format('truetype');
}

.dont-break-out {
	/*Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc)*/
	/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}