/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

/* added for the Tooltip mod */
#dhtmltooltip{
position: absolute;
width: 265px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
text-align:center;
z-index: 300;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/* added to vertical align label to top - used by Body Text mod - Ken Roy */
.fieldnameback {
	vertical-align: top;
}
/* added for emphasis - used by Living Flag mod - Ken Roy */
.emphasis {
  font-weight: bold;
  color: blue;
  }
/* link: normal links, active: links in use */
a:link, a:active {
	color : #40341b;
}
	
/* background color for admin menu items while active*/
a.admincell:hover, a.leftlink:hover {
	background-image: url(../img/skora3.jpg);
}	


.body {
    margin-top: 8px;
    background-image: url(../img/back.gif);
}
/* menuback: left nav menu background color with no right and bottom border */
.menuback {
    background-image: url(../img/skora.jpg);
}

/* menuback: left nav menu background color with no right and bottom border */
.menubackp {
	background-image: url(../img/skora.jpg);
	border-right: 0px; 
	border-bottom: 0px;
	width: 120px;
	margin-right: 10px;
	vertical-align: top;
}

/* fieldnameback: background color for column and row title sections */
.fieldnameback {
    background-image: url(../img/skora2.jpg);
}

/* sideback: background color for side and top frames */
.sideback {
	background-image: url(../img/skora2.jpg);
}

.text_grey {
	color: #999;
	font-size: 10px;
}

.header, .plainheader {
	color: #564524;
    font-weight: bold;
}

.sideback {
	background-color: #564524;
}

/* link: normal links, active: links in use */
a:link, a:active {
	color : #564524;
}

/* visited: previously visited links */
a:visited {
	color: #7d570c;
}

.fieldnameback {
	background-color: #564524;
}

/* background color for admin menu items while active*/
a.admincell:hover, a.leftlink:hover {
	background-color: #7d570c;
}

/* databack: background color for data areas */
.databack {
	background-color: #F2F2E6;
}

a.topmenu:link  {text-decoration : none; color: #564524;} 
a.topmenu:visited  {text-decoration : none; color: #564524;} 
a.topmenu:active  {text-decoration : none;}
a.topmenu:hover  {
	color: #000000;
	text-decoration : none;
}

.mainmenu {
	color: #564524;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
	background-color:#564524;
	color:#fff;
}

.LB_closeAjaxWindow{
	background-color:#564524;
}
/* end of templatestyle.css for template 3 */

.bar {
	background-color:#564524;
}

.fieldnamebacksave {
	background-color:#564524;
}

.header_small {
	font-size: 16px;
	color: #564524;
    font-weight: bold;
}

.line2 {
    background-image: url(../img/line.png);
    height: 6px;
    border-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
    padding: 0px;
}

#mnav li:hover #fourth, #mnav li.sfhover #fourth {
	right: 40px;  /*  You can use 40px; if you want to offset the menu to see the language pull down */
}

.textex {
	font-family: Monotype Corsiva;
		font-size: 16px;
}

.textexsm {
	font-family: Monotype Corsiva;
		font-size: 12px;
}
.tabcenter {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {   
 border-bottom: 1px solid #aaa;    
 background-color: #EAECB8;
 }
 
 ul.tngdd .menulink {	
 background: #EAECB8 url(../img/ArrowDown.gif) 2px 8px no-repeat;
 }
 
 ul.tngdd .menulink:hover, ul.tngdd .menuhover {	
 background: #934427 url(../img/arrowdown2.gif) 2px 8px no-repeat;
 }
 
 a:link, a:active, div.icons a {
 color : #423113;
 }
 
ul.tngdd .menulink {
	background: #CCCC99 url(../img/ArrowDown.gif) 2px 8px no-repeat;
	background-image: url(../img/ArrowDown.gif), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EAECB8), to(#C5C591));
	background-image: url(../img/ArrowDown.gif), -webkit-linear-gradient(top, #EAECB8, #C5C591);
	background-image:    url(../img/ArrowDown.gif), -moz-linear-gradient(top, #EAECB8, #C5C591);
	background-image:     url(../img/ArrowDown.gif), -ms-linear-gradient(top, #EAECB8, #C5C591);
	background-image:      url(../img/ArrowDown.gif), -o-linear-gradient(top, #EAECB8, #C5C591);
	background-image:         url(../img/ArrowDown.gif), linear-gradient(top, #EAECB8, #C5C591);
	background-position: 2px 8px, 0px 0px;
	background-repeat: no-repeat;
}

ul.tngdd a {
	color:#423113;
}

/* indexpage defined to replace bgcolor="#FFFFFF" sytle="text-align:left" "border="0" cellspacing="0" cellpadding="0" in index.php */
.indexpage2 {
	background-color : #FFFFFF;
	margin-top: 0px;
	text-align:left;  /* added to replace style="text-align:left" in 6.2.0 */  
	border: 0px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 100%;    /* total width of all the columns */
}

/* styles for home page surname cloud post */
a.size1      { color: #000099; }
a.size1:link    { color: #000099; }
a.size1:visited { color: #000099; }

a.size2      { color: #3333CC; }
a.size2:link    { color: #3333CC; }
a.size2:visited { color: #3333CC; }

a.size3      { color: #006633; }
a.size3:link    { color: #006633; }
a.size3:visited { color: #006633; }

a.size4      { color: #993300; }
a.size4:link    { color: #993300; }
a.size4:visited { color: #993300; }

a.size5      { color: #CC0033; }
a.size5:link    { color: #CC0033; }
a.size5:visited { color: #CC0033; }

a.size6      { color: #666666; }
a.size6:link    { color: #666666; }
a.size6:visited { color: #666666; }

a.size7      { color: #CC9900; }
a.size7:link    { color: #CC9900; }
a.size7:visited { color: #CC9900; }

a.size8      { color: #999933; }
a.size8:link    { color: #999933; }
a.size8:visited { color: #999933; }

a.size9      { color: #000000; }
a.size9:link    { color: #000000; }
a.size9:visited { color: #000000; }

a.size0      { color: #000000; }
a.size0:link    { color: #000000; }
a.size0:visited { color: #000000; }

a.size1      { font-size: 150%; }
a.size2      { font-size: 140%; }
a.size3      { font-size: 130%; }
a.size4      { font-size: 120%; }
a.size5      { font-size: 110%; }
a.size6      { font-size: 100%; }
a.size7      { font-size: 90%; }
a.size8      { font-size: 80%; }
a.size9      { font-size: 80%; }
a.size0      { font-size: 80%; }