/* CSS Document */
html { height: 100%; margin-bottom: 1px; }
/*TAG MODS*/
body  {
  background-image:url(images/site/bg_compugen_geneology.png);
  background-repeat:repeat-x;
  background-position:top;
  background-color:#E7CE9C;
  margin:0px;
  color:#5B5B5B;
  
}

body, td, p
{
	font-family:"Palatino Linotype", Arial, Helvetica, sans-serif;
  	font-size:12px;
}
.footertext{
	font-family:"Palatino Linotype", Arial, Helvetica, sans-serif;
  	font-size:10px;
	}

h1  {
  
  margin:5px 3px 2px 1px;
  padding-right:3px;
  color:#333333;
  font-size:20px;
  font-weight:normal;
  
}
h2  {

  margin:34px 5px 5px 1px;
  color:#003366;
  font-size:15px;
  border-bottom:1px dotted #cccccc;
    display:block;
}
h3  {
  margin:0px;
  color:#973D00;
  font-size:112%;
  display:inline;

    display:block;
}

a:link  {
  color:#336699;
  text-decoration:underline;

}
a:visited  {
  color:#336699;
  text-decoration:underline;

}
a:hover  {
  color:#003366;
  text-decoration:underline;
  
}
a:active  {
  color:#003366;
  text-decoration:underline;
  
}

a.menu:link  {
  color:#5E411A;
  text-decoration:none;
  font-size:12px;
}

a.menu:visited  {
  color:#5E411A;
  text-decoration:none;
  font-size:12px;
}

a.menu:hover  {
  color:#BD8336;
  text-decoration:none;
  font-size:12px;
}

a.menu:active  {
  color:#5E411A;
  text-decoration:none;
  font-size:12px;
}

a.menu2:link  {
  color:#696e74;
  text-decoration:none;
  font-size:12px;
}

a.menu2:visited  {
  color:#696e74;
  text-decoration:none;
  font-size:12px;
}

a.menu2:hover  {
  color:#9DA6B0;
  text-decoration:none;
  font-size:12px;
}

a.menu2:active  {
  color:#696e74;
  text-decoration:none;
  font-size:12px;
}

a.menu3:link  {
  color:#C58C6F;
  text-decoration:none;
  font-size:10px;
  font-weight:bold;
}

a.menu3:visited  {
  color:#C58C6F;
  text-decoration:none;
  font-size:10px;
  font-weight:bold;
}

a.menu3:hover  {
  color:#C5AF99;
  text-decoration:none;
  font-size:10px;
  font-weight:bold;
}

a.menu3:active  {
  color:#C58C6F;
  text-decoration:none;
  font-size:10px;
  font-weight:bold;
}
a.footerlink:link  {
  color:#C58C6F;
  text-decoration:none;
  font-size:10px;
}

a.footerlink:visited  {
  color:#C58C6F;
  text-decoration:none;
  font-size:10px;
}

a.footerlink:hover  {
  color:#C5AF99;
  text-decoration:none;
  font-size:10px;
}

a.footerlink:active  {
  color:#C58C6F;
  text-decoration:none;
  font-size:10px;
}
#systemWorking { 
	position:absolute; 
	left:0px; 
	top:0px; 
	width: 100px; 
	height: 100px; 
	background-color: #f2f2f2; 
	border: #000 solid 2px; 
	padding: 10px; 
	color:#000;
	font-size:14px;
	font-weight:bold;
	display:none;
}

.rush{
	background-color:#FF0000; 
	border:#000 1px solid; 
	margin:1px; 
	width:30px;
	color:#fff; 
	padding:2px;
	margin-top:4px;
	text-align:center;
}

.need_info{
	background-color:#FFFF66; 
	border:#000 1px solid; 
	margin:1px; 
	width:30px;
	color:#000; 
	padding:2px;
	margin-top:4px;
	text-align:center;
}

/*GUTS*/
.container  {
  
  padding: 10px;
  margin:0 auto;
  background-color:#FFFFFF;
  border-style:dashed;
  border-color:#CCCCCC;
  border-width:1px;
 
}
/*FORMS*/
/*INPUT
{
  height:20px;
  font-size:11px;
  padding:2px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica;
}*/
SELECT
{
 
  height:20px;
  font-size:11px;
  padding:2px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-family:"Trebuchet MS", Arial, Helvetica;
}
TEXTAREA
{
  font-size:11px;
  padding:4px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica;
}


INPUT.filebox
{
  padding:4px;
  color:#000000;
  height:30px;
  width:300px;
}

INPUT.button
{
  font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
  color:#000;
  height:18px;
  background-color:#fff;
	border: 1px solid #778;
	height:24px;
	background: white url(images/shade.gif) top left repeat-x; 
}

INPUT.submit
{

  font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  height:24px;
  background-color:#4C97F2;
  border-color:#4C97F2;
  background-image:url(images/button_bg.gif);

}

INPUT.cancel
{
  font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  height:24px;
  background-color:#FF6666;
  border-color:#FF3333;
}

INPUT.dd_width, RADIO.dd_width, CHECKBOX.dd_width {
  height:18px;
	width: 246px;
}

INPUT.dd_width, TEXTAREA.dd_width, RADIO.dd_width, CHECKBOX.dd_width {
	font-family:  tahoma, sans-serif;
  font-size: 12px;
  border-color :#cccccc;
  color: #000000;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
	padding-left:2px;
	padding-right:2px;
  margin: 2px;
}

SELECT.dd_width {
  height:20px;
	width: 250px;
  font-family:  tahoma, sans-serif;
  font-size: 12px;
  border-color :#cccccc;
  color: #000000;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  margin: 2px;

}

.noborder, table.noborder, table.noborder TD, table.noborder TH, table.noborder TR
{
	border-color:#f7f7f7;
	padding:0;
	margin:0;
	background-color:none;
}


table.surname_search{
  background-color:#fff;
 
  border-collapse:collapse;
  border: 1px #eeeeee solid;
}

table.surname_search TH{
  background-color:#F2D5AB;
  
  font-size: 12px;
  font-weight:normal;
  border-collapse:collapse;
  border: 1px #F2D5AB solid;
	text-align:left;
}

table.surname_search TD{
  border: 1px #F2D5AB solid;
}

/* Sortable tables */
table.sortable {
  background-color:#fff;
  color:#000000;
  font-size: 12px;
  border-collapse:collapse;
  border: 1px #eeeeee solid;
}

table.sortable TH{
  background-color:#DEE4E8;
  color:#000000;
  font-size: 14px;
  font-weight:bold;
  border-collapse:collapse;
  border: 1px #eeeeee solid;
	text-align:left;
}

table.sortable TD{
  border: 1px #eeeeee solid;
}

table.sortable a.sortheader {
	color:#000000;
	text-decoration:none;
}
table.sortable span.sortarrow {
    color: black;
		font-family:"Times New Roman", Times, serif;
		font-weight:bolder;
		font-size:18px;
    text-decoration: none;
}

tr.sortable_row {
  background-color:#fff;
}

tr.sortable_row:hover{
  background-color:#f2f2f2;
}

/* End Sortable tables */

TABLE.form1
{
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
	background-color:#F7f7f7;
	margin-bottom:10px;
}

TABLE.header
{
	border: 1px #eeeeee solid;
	background-color:#F7f7f7;
	margin:0;
	padding:4px;
}


TABLE.header TD {
  font-size:11px;
 
  border-collapse:collapse;
  border: none;
 
}


TABLE.form 
{
	border: 1px #eeeeee solid;
	background-color:#F7f7f7;
	margin-bottom:10px;
}


TABLE.form TD {
  font-size:11px;
  font-family: Trebuchet MS,Arial,Helvetica;
  border-collapse:collapse;
  border: 1px #eeeeee solid;
 
}

TABLE.form TH {
  background-color:#c1d1e1;
  color:#000000;
  font-size: 12px;
  font-weight:bold;
	text-align:left;
}


/* Reports */
TABLE.report 
{
	background-color: #c1d1e1;
	border-color:#336699;
	border-style:solid;
	border-width: 1px; 
	margin-top:5px;
	padding:4px;
}
.report
{
	color: #336699;
	font-weight:normal;
	font-size:13px;
}
TABLE.error 
{
	background: #ffffff;
	border-color:#FF0000;
	border-style:outset;
	border-width: 2px; 
	margin-top:5px;
	padding:4px;
	
}
.error 
{ 
	color:#990000;
	font-weight:bold;
	font-size:14px;
}
.label
{
	font-size:9px;
	font-family:arial;
	color:#999999;
}
.red
{
	color:#CC0000;
}

.odd
{
	background-color:#FBF2E6;
}
/* Ajax Tabs*/
	.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	}
	
	.shadetabs li{
	display: inline;
	margin: 0;
	}
	
	.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(images/shade.gif) top left repeat-x;
	}
	
	.shadetabs li a:visited{
	color: #2d2b2b;
	}
	
	.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
	}
	
	.shadetabs li.selected{
	position: relative;
	top: 1px;
	}
	
	.shadetabs li.disabled a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(images/shade.gif) top left repeat-x;
	}

	.shadetabs li.disabled a:hover{ /*selected main tab style */
	text-decoration: none;
	}

	
	.shadetabs li.selected a{ /*selected main tab style */
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
	}
	
	.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
	}
	
	.contentstyle{
	border: 1px solid gray;
	width: 98%;
	margin-bottom: 1em; padding: 10px;
	min-height:100px;
	}
/* End Ajax Tabs*/


.repair_tabs
{
	padding:0;
	margin:0;
	margin-left:5px;
	margin-bottom:2px;
	text-align:left;
}

.repair_tabs ul {
	list-style:none;
}

.repair_tabs li {
	display: inline;
	text-decoration: none;
	padding: 3px 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	color:#999999;
	font-size:11px;
	font-weight:bold;
	border: 1px solid #999;
	border-bottom:none;
}


.repair_tabs  li.selected {
	color: #2d2b2b;
	position:relative;
	background-image: url(images/shadeactive.gif);
	border: 1px solid #000;
	border-bottom-color: white;
}
.repair_tabs li.disabled {
	color: #2d2b2b;
	position:relative;
	background: white url(images/shade.gif) top left repeat-x;
	border: 1px solid #000;
	border-bottom:none;
}

.small_date
{
  color:#999999;
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
}

.im_notes
{
  color:#000;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding:5px;
	border:#000000 1px solid;
	background-color:#f7f7f7;
	height:300px;
	overflow:auto;
}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);*/
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

/* -------------------------------------------- */
/* --- AutoSuggest --- */

	ul.autosuggest
	{
		position: absolute;
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: auto;
	}
	
	ul.autosuggest li
	{
		text-align: left;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	ul.autosuggest li a:link,
	ul.autosuggest li a:visited
	{
		display: block;
		padding: 2px;
		text-decoration: none;
		background-color: #eee;
	}

	ul.autosuggest li a:hover,
	ul.autosuggest li a:active
	{
		color: #000;
		background-color: #FFFFCC;
	}


	ul.autosuggest li.highlight a:link,
	ul.autosuggest li.highlight a:visited
	{
		color: #000;
		background-color: #FFFFCC;
	}

/* --------------------------------------------------- */

.ewm_suggestions {
    -moz-box-sizing: border-box;
		display:block;
    box-sizing: border-box;
    border: 1px solid black;
    position: absolute;
		background-color:#FFFFFF;
		color:#000;
		z-index:100;

}

.ewm_suggestions div {
    cursor: default;
    padding: 0px 3px;
		background-color:#FFFFFF;
		z-index:101;
}

.ewm_suggestions div.current {
    background-color: #0a246a;
    color: white;
		z-index:101;
}

/* ------------------------------------------------ */
		.suggestion_list
		{
		font-size:12px;
		background: white;
		border: 1px solid;
		padding: 0;
		text-indent:4px;
		z-index:3;
		}
		
		.suggestion_list ul
		{
		padding: 0;
		margin: 0;
		list-style-type: none;
		z-index:4
		}

		.suggestion_list li
		{
		padding: 0;
		margin: 0;
		list-style-type: none;
		z-index:5
		}
		
		.suggestion_list a
		{
		text-decoration:none;
		color:#000066;
		}

		.suggestion_list a:hover
		{
		text-decoration:none;
		color:#fff;
		}
		
		.suggestion_list .selected
		{
		background: #000066;
		color: white;
		
		}
		
		.suggestion_list .selected a
		{
		color: white;
		}

		#autosuggest
		{
		display: none;
		}
		
/***********************************
**
** modal-message
**
***********************************/
.modalDialog_transparentDivs{
  z-index:99;
  top:0;
  left:0;
  background-color:#000000;
  position:absolute; /* Always needed  */
}
.modalDialog_contentDiv{
  border:3px solid #000;
  padding:2px;
  z-index:100;/* Always needed  */
  position:absolute;  /* Always needed  */
  background-color:#e7ce9c;
  overflow:auto;
}

.modalDialog_contentDiv_guts{
  border:none;
  padding:0;
  z-index:101;/* Always needed  */
  position:absolute;  /* Always needed  */
}

.modalDialog_contentDiv_shadow{
  z-index:90;/* Always needed  - to make it appear below the message */  
  position:absolute;  /* Always needed  */
  background-color:#555;
  filter:alpha(opacity=30);  /* Transparency */
  opacity:0.3;  /* Transparency */
}

	
/***********************************
**
** EWM Tabs
**
***********************************/
.ewm_tab_area {
	border: 10px solid #fff; 
	border-bottom: none;
	border-top: none;
	background: #fff;
	margin: 0 auto;
	margin-top:15px;
}

#ewm_tabs {
	background: #fff;
	margin: 0 auto 0 auto;
	padding: 0;
	height:24px;
	voice-family: inherit;
}

#ewm_meu {
	float:none;
	background:white;
	padding:0;
	margin:0;
	list-style:none;
	font-size:10px; 
	font-family:tahoma, verdana;
	z-index:10;
}
#ewm_meu ul {
	float:left;
	background:white;
	padding:1px 0 0 0;
	margin:0;
	list-style:none;
	font-size:11px; 
	font-family:tahoma,verdana;
	z-index:10;
}
#ewm_meu a {
	display: block;
	height:1.4em;
	padding:3px 0 0 0;	
	vertical-align:middle;
	text-decoration: none;
	color:#3D4068;
}

#ewm_meu a.shop_ewm_tab, span.shop_ewm_tab {
	display: block;
	background: transparent url("images/shade.gif") top right;
	width:100%;
	padding: 3px 7px;
	margin-right: 3px;
	line-height:18px;
	height:21px;
	vertical-align:middle;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	color:#000;
	border: 1px solid #778;
}

#ewm_meu  li.shop_ewm_tab {
	background: transparent url("../images/shadeactive.gif") 0 0 no-repeat;
	margin:0 0 0 0;
	height:24px;
}
#ewm_meu li {
	float: left;
	text-align:center;
}
#ewm_meu li ul {
	position: absolute;
	margin:0 0 0 0;
	left: -999em;
	border:1px solid #979797;
	/*border-top:none;*/
	width: 177px;
	height: auto;
	font-weight: normal;
}
#ewm_meu li li {
	margin:0 0 0 0;
	padding:0 2px 2px 10px;
	width:165px;
	background:#f3f3f3;
	text-align:left;
}
#ewm_meu li li a {
	width:165px;
	overflow:visible;
	color:#333;
	font-size:11px;
}
#ewm_meu li li ul {
	margin-left:150px;
	margin-top:-21px;
}
#ewm_meu li:hover ul ul, #ewm_meu li:hover ul ul ul, #ewm_meu li.sfhover ul ul, #ewm_meu li.sfhover ul ul ul {
	left: -999em;
}
#ewm_meu li:hover ul, #ewm_meu li li:hover ul, #ewm_meu li li li:hover ul, #ewm_meu li.sfhover ul, #ewm_meu li li.sfhover ul, #ewm_meu li li li.sfhover ul {
	left: auto;
}
#ewm_meu li:hover, #ewm_meu li.sfhover {
	background-position: 0% -124px; 
}
#ewm_meu li li:hover, #ewm_meu li li.sfhover {
	width: 165px;
	background:#fff;
}

.eip_mouseover {
	width:98%;
} 

.eip_savebutton
{
  height:18px;
  font-size:11px;
  padding:0px;
  padding-left:2px;
  padding-botton:2px;
  color:#ffffff;
  font-weight:bold;
  border:1px solid #C04B2F;
  background-color:#C04B2F;
  background-image:url(images/site/bg_button.gif); 
}
.eip_cancelbutton{

  height:18px;
  font-size:11px;
  padding:0px;
  padding-left:2px;
  padding-botton:2px;
  color:#ffffff;
  font-weight:bold;
  border-color:#FF3333;
  background-color:#FF6666;
}

/*****************************************************
    **
    ** Form Validation
    **
    *****************************************************/
    .required{
    
    padding-left:2px;
    padding-right:2px;
    
    }
    
    input.required, textarea.required {
    
    width:245px;
    padding-left:2px;
    padding-right:2px;
    
    }
    
    select.required {
    border: 1px solid #00A8E6;
    width:250px;
    padding-left:2px;
    padding-right:2px;
    
    }
    
    input.validation-failed, textarea.validation-failed {
    border: 1px solid #c04b2f;

    
    }
    input.validation-passed, textarea.validation-passed {
    border: 1px solid #ddb08a;
   
    
    }
    
    .validation-advice {
    position:relative;
    margin:0px;
    margin-top:0px;
    padding: 2px;
    background-color: #c04b2f;
    color : #FFF;
    font-weight: bold;
    width:200px;
    }
    
    .custom-advice {
    margin: 5px 0;
    margin-left:5px;
    padding: 5px;
    background-color: #C8AA00;
    color : #FFF;
    font-weight: bold;
	  } 
/* MEMBERSHIP PAGE STYLES*/	
.plan{
margin:10px;
}