/*
 * ViewMateJG.css
 * Specific styles for ViewMate
 * Revision History
 * Date             Name         Description
 * 02 Feb 2010  GSandler    Initial release
 *
 */

.required  { color: #FF0000; } /* pure red */
.note	       { color: #FF3333; } /* less vivid red */
.metanote { color: green; } /* e.g., number of responses for an image */
.metanote a:link { color: green; } /* e.g., number of responses for an image */
.metanote a:visited { color: green; } /* e.g., number of responses for an image */

.jgSortingTable    { background-color: #BEC49F }
.jgSortingTable th { background-color: #949C51; }
.jgSortingTable th { color: #FFFFFF }
.jgSortingTable th a:link       { color: #FFFFFF; }
.jgSortingTable th a:visited   { color: #FFFFFF; }
.jgSortingTable th a:hover    { color: #BEC49F; }
.jgSortingTable th a:active    { color: #BEC49F; }
.jgSortingTable tr { background-color: #FFFFFF }
.jgSortingTable tr:nth-child(even) { background-color: #E8E1D1; }
.jgSortingTable tr:nth-child(odd)  { background-color: #FFFFFF; }
.jgSortingTable tfoot td { background-color: #949C51 }
.jgSortingTable tfoot td { color: #FFFFFF }



/*
a:link    { color: #134B7D; }
a:visited { color: #134B7D; }
a:hover   { color: #949C51; }
a:active  { color: #949C51;
	    text-decoration: none; }

body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #134B7D;
}

table.jgtable    { background-color: #BEC49F }
table.jgtable th { background-color: #949C51 }
table.jgtable th { color: #FFFFFF }
table.jgtable tr { background-color: #FFFFFF }
table.jgtable tr:nth-child(even) { background-color: #E8E1D1; }
table.jgtable tr:nth-child(odd)  { background-color: #FFFFFF; }
table.jgtable tfoot td { background-color: #949C51 }
table.jgtable tfoot td { color: #FFFFFF }
*/
/* Added my own classes since the browsers don't handle the pseudo classes */
table.jgtable tr.child-even  td.child-even { background-color: #E8E1D1; }
table.jgtable tr.child-odd   td.child-odd { background-color: #FFFFFF; }


a.logoLinkLeft { 
	text-decoration: none; 
	font-size: 48px; 	
	font-family: "Gotham Book", "Arial", "Arial Narrow", "Verdana", sans-serif; }

a.logoLinkRight { 
	text-decoration: none; 
	font-size: 48px; 	
	font-family: "Gotham Book", "Arial", "Arial Narrow", "Verdana", sans-serif;
	font-weight: bold; 
	color: #949C51;}

a.logoLinkLeft:link { 
	color: #134B7D; }
a.logoLinkLeft:visited { 
	color: #134B7D; }
a.logoLinkLeft:hover  {
	color: #134B7D; }
a.logoLinkLeft:active  { 
	color: #134B7D;
	text-decoration: none; }

a.logoLinkRight:link { 
	color: #949C51; }
a.logoLinkRIght:visited { 
	color: #949C51; }
a.logoLinkRight:hover  {
	color: #949C51; }
a.logoLinkRight:active  { 
	color: #949C51;
	text-decoration: none; }

.addthis_toolbox .hover_effect{    
	width: 284px;    padding: 10px 0 6px 10px;    border: 3px solid #eee;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div{    
	float: center;
}

/* CSS needed for the script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

#ajax_tooltipObj h2 {
	margin-top:5px;
	margin-bottom:5px;
}
#ajax_tooltipObj h3 {
	margin-top:5px;
	margin-bottom:5px;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_leftarrow{	/* Left div for the small arrow */
	background-image:url('/National_Library/oe_/https://www.jewishgen.org/ViewMate/siteimages/flyout-arrow-left.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px; /* this is to shift the arrow down a bit from the top */
}

#ajax_tooltipObj .ajax_tooltip_rightarrow{	/* right div for the small arrow */
	background-image:url('/National_Library/oe_/https://www.jewishgen.org/ViewMate/siteimages/flyout-arrow-right.gif');
	width:20px;
	position:absolute;
	left:330px; /* 18px for offset of body, then 300 for width, then -2 so we get overlap was 316 */
	/* margin-left:316px;*/
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px; /* this is to shift the arrow down a bit from the top */
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:300px;	/* Width of tooltip content */
	height:350px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.95em;	/* Font size of content, was 0.8 but Hn came out too small GSandler */
	overflow:hidden;	/* Hide overflow content */
	z-index:1000001;
}