@charset "utf-8";
/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#040807;
	font-weight:700;
}
body {
	background-color: #cccccc;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	
}
h1{
	margin:0px 0px 10px 0px;
	color:#336633;
	font-size:20px;
}
h2{
	font-size:16px;
	color:#000000;
	padding:0px;
	margin:0px;
}
h3{
	color:#040807;
	font-size:14px;
	font-weight:normal;
	text-decoration:underline;
	padding:0px;
	margin:0px;
}
.heading td, th{
    color:#040807;
	font-size:12px;
	font-weight:700;
	text-decoration:underline;
	padding-bottom:5px;
	padding-right:5px;
	
}
.heading a {
	text-decoration:none;
	color:#040807;
	text-decoration:underline;
}


hr {
	border:0px;
	background-color:#040807;
	color:#040807;
	height:1px;
	width:100%;
	padding:0px;
	margin:0px;
}

a {
	text-decoration:none;
	color:#040807;
}

a:hover {	
	color:#ff0000;
}

.textact {	
	color:#ff0000;
	cursor:text;
}


#holder {
	margin:0px auto 0px auto;
	width:1024px;
	overflow:hidden;
	border:1px solid #333333;
	
}
div.header{
	
}
/*    TOP NAVIGATION    */

div #navigationtop { width:100%; text-align:left; border:1px solid red;}

#navigation_top .home{float:left;}
#navigation_top .home a{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:0px 0px; width:95px;}
#navigation_top .home a:hover{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:0px -25px; width:95px;}
#navigation_top .home a.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:0px -25px; width:95px;}

#navigation_top .products{float:left;}
#navigation_top .products a{ display:block; height:25px;background-image:url(images/topnavigation.gif);background-position:-95px 0px; width:114px;}
#navigation_top .products a:hover{display:block; height:25px;background-image:url(images/topnavigation.gif);background-position:-95px -25px; width:114px;}
#navigation_top .products a.selected{display:block; height:25px;background-image:url(images/topnavigation.gif);background-position:-95px -25px; width:114px;}

#navigation_top .events{float:left;}
#navigation_top .events a{ display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-209px 0px; width:100px;}
#navigation_top .events a:hover{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-209px -25px; width:100px;}
#navigation_top .events a.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-209px -25px; width:100px;}

#navigation_top .genealogy{float:left;}
#navigation_top .genealogy a{ display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-309px 0px; width:125px;}
#navigation_top .genealogy a:hover{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-309px -25px; width:125px;}
#navigation_top .genealogy a.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-309px -25px; width:125px;}

#navigation_top .connections{float:left;}
#navigation_top .connections a{ display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-434px 0px; width:136px;}
#navigation_top .connections a:hover{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-434px -25px; width:136px;}
#navigation_top .connections a.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-434px -25px; width:136px;}

#navigation_top .content{float:left;}
#navigation_top .content a{ display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-570px 0px; width:109px;}
#navigation_top .content a:hover{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-570px -25px; width:109px;}
#navigation_top .content a.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-570px -25px; width:109px;}

#navigation_top .quickbooks{float:left;}
#navigation_top .quickbooks a{ display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-679px 0px; width:132px;}
#navigation_top .quickbooks a:hover{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-679px -25px; width:132px;}
#navigation_top .quickbooks a.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-679px -25px; width:132px;}

#navigation_top .settings{float:left;}
#navigation_top .settings a{ display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-811px 0px; width:111px;}
#navigation_top .settings a:hover{display:block; height:25px;background-image:url(images/topnavigation.gif);background-position:-811px -25px; width:111px;}
#navigation_top .settings a.selected{display:block; height:25px;background-image:url(images/topnavigation.gif);background-position:-811px -25px; width:111px;}

#navigation_top .logout{float:left;}
#navigation_top .logout a{ display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-922px 0px; width:102px;}
#navigation_top .logout a:hover{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-922px -25px; width:102px;}
#navigation_top .logout aselected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-922px -25px; width:102px;}

/*  TOP NAVIGATION ENDS  */
div#content{margin:0px 50px 0px 50px;}
div.maincontent{
	width:100%;
	background-image:url(images/content_bg.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#cccc99;
	padding-bottom:0px;
}
table.contentTable{
	width:920px;
	padding:0px;
	margin:0px 0px 50px 50px;
}
table.contentTable td.cornerTL{
	background-image:url(images/corner_topleft.gif);
	background-repeat:no-repeat;
	width:9px;
	height:9px;
}
table.contentTable td.rowTop{
	background-color:#f2f2c8;
	border-top:1px solid #333333;
}
table.contentTable td.cornerTR{
	background-image:url(images/corner_topright.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:9px;
}
table.contentTable td.colRight{
	background-color:#f2f2c8;
	border-right:1px solid #333333;
}
table.contentTable td.cornerBR{
	background-image:url(images/corner_botright.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:9px;
	height:9px;
}
table.contentTable td.rowBot{
	background-color:#f2f2c8;
	border-bottom:1px solid #333333;
}
table.contentTable td.cornerBL{
	background-image:url(images/corner_botleft.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:9px;
}
table.contentTable td.colLeft{
	background-color:#f2f2c8;
	border-left:1px solid #333333;
}
table.contentTable td.contentHolder{
	background-color:#f2f2c8;
}
div.clear{
	clear:both;
}
div.scrollArea{
	/*border:1px solid red;*/
}
div.leftMenu{
	float:left;
	width:130px;
	padding:10px;
}
div.grid{
	float:left;
	width:727px;
	/*border:1px solid green;*/
	padding:10px;
	border-left:1px solid #333333;
}

ul.levelone{
	 list-style:none;
	 margin:0px;
	 padding:0px;
	 color:#040807; 	  
 }

ul.levelone li{	 
	padding:1px 0px 1px 0px;
}

ul.levelone li a{
	color:#040807;
	font-weight:700;
}
ul.levelone li a:hover{
	color:#ff0000;
	font-weight:700;
}

ul.levelone li.select{	
	color:#ff0000;
	font-weight:700;
}

/*Level two---*/

ul.leveltwo{
	 list-style:none;
	 margin:0px;
	 padding:0px;
	 color:#040807; 	  
 }

ul.leveltwo li{	 
	padding:1px 0px 1px 10px;
}


ul.leveltwo li a{		
	color:#040807;
	font-weight:700;	
	
}
ul.leveltwo li a:hover{
	color:#ff0000;
	font-weight:700;
}

ul.leveltwo li.select{	
	color:#ff0000;
}

/*Level three---*/

ul.levelthree{
	 list-style:none;
	 margin:0px;
	 padding:0px;
	 color:#040807; 
	
 }

ul.levelthree li{	 
	padding:1px 0px 1px 10px;
}

ul.levelthree li a{		
	color:#040807;
	font-weight:700;
	padding-left:5px;	
}
ul.levelthree li a:hover{
	color:#ff0000;
	font-weight:700;
}

ul.levelthree li.select{	
	color:#ff0000;
	padding-left:15px;
}

td.formTextbox{
	background-image:url(images/txtbox_bg.gif);	
	background-repeat:no-repeat;
	width:240px;
	height:25px;
	text-align:left;	
	padding:1px 1px 0px 4px;
	position:static;
	margin-bottom:5px;	
}

td.formTextbox input{
	width:210px;
	text-align:left;
	color:#000000;
	margin-top:0px;	
	border:1px solid #ffffff;   
	background-color:White; 
	
	
}
td.formTextbox select{
	width:220px;
	text-align:left;
	color:#000000;
	background-color:White;
    border:none;
}


/* calendar css add by arun 08-Nov-08*/

td.formfield_calen{
	background-image:url(images/txtbox_bg.gif);	
	background-repeat:no-repeat;
	width:240px;
	height:25px;
	text-align:left;	
	padding:1px 1px 0px 4px;
	position:static;
	margin-bottom:5px;		
	border:0px solid red;
	
}

td.formfield_calen input{
	width:210px;	
	text-align:left;
	color:#000000;
	margin-top:-11px;	
	border:1px solid #ffffff;   
	background-color:white;	
	padding-right:5px;
	
}
/* calendar css end add by arun 08-Nov-08*/
/*--------- by rajiv 4oct08--------------*/
td.formlabel
{
    text-align:right;
    padding-right:5px;
    padding-top:5px;
    vertical-align:top;    
}
td.formfield{
	background-image:url(images/txtbox_bg.gif);	
	background-repeat:no-repeat;
	height:25px;
	text-align:left;	
	padding:1px 1px 0px 4px;

	margin-bottom:5px;	
}
td.formfield input{
	width:210px;
	text-align:left;
	color:#000000;
	margin-top:0px;	
	border:1px solid #ffffff;   
	background-color:White;	
}
/*--------- ends 4oct08--------------*/

td.textarea{
	background-image:url(images/textarea_bg.gif);	
	background-repeat:no-repeat;
	width:280px;
	height:25px;
	text-align:left;
	text-align:left;
	padding:1px 1px 5px 4px;
	padding-left/**/:2/**/px ;
	position:static;
	margin-bottom:5px;
	
}


td.textarea input{
	width:280px;
	text-align:left;
	color:#66ccff;
	margin-top:0px;	
	border:1px solid #ffffff;   
	background-color:White; 
	
}
td.textarea select{
	width:280px;
	text-align:left;
	color:#66ccff;
	background-color:White;
    border:none;
    
}

.yes{color: #FF0000; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.No{color: #040807; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.pagination{}
td.personaldetail
{
    text-align:right;
    width:20%;
    
}
td.contact{
    text-align:right;
    width:45%;
    padding-right:5px;
    vertical-align:top;
    
}
td.contactcolor{
    text-align:right;
    width:28%;
    padding-right:5px;
    vertical-align:top;
}

#next a{ display:block; height:18px; background-image:url(images/btn_next.gif); width:71px;}
#next a:hover{background-image:url(images/btn_next_over.gif);}

td.pageTxtBox2{
	width:25px;
	height:25px;
	background-image:url(images/paging_textboxbg.gif);
	background-repeat:no-repeat;
	background-position:top center;
	padding-left:2px;
	
}
td.pageTxtBox2 input{
	width:18px;
	border:none;
	border:0px;
	text-align:center;
	font-size:12px;
	color:#333333;
}
td.pageTxtBox{
	width:25px;
	height:25px;
	background-image:url(images/paging_textboxbg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:2px;
	
}
td.pageTxtBox input{
	width:18px;
	border:none;
	border:0px;
	text-align:center;
	font-size:12px;
	color:#333333;
}
.pagination .record{ float:left;}
.pagination .record_number{ float:right; color:#333333}
.pagination .record_number a{text-decoration:none; color:#333333}
img{border:0px;}

ul.intabs{list-style:none;margin:0;padding:0}
ul.intabs li{float:left}
ul.intabs {height:24px}
ul.intabs li{background-repeat:no-repeat;background-position:right;margin-right:2px;line-height:24px;font-weight:700;padding-right:6px}
ul.intabs li a{color:#ffffff;}
ul.intabs li a:hover{color:#ffffff; text-decoration:underline;}
ul.intabs li.sel{color:#000000}
ul.intabs li.sel a{color:#ffffff}
ul.intabs li.sel a:hover{ color:#ffffff; text-decoration:underline;}
ul.intabs li .ltab,ul.intabs li.sel .ltab{width:6px;height:24px;background-position:left;background-repeat:no-repeat;float:left}
ul.intabs li{background-image:url(images/rightabg.gif)}
ul.intabs li .ltab{background-image:url(images/leftTabg.gif)}
ul.intabs li.sel{background-image:url(images/rightabg_over.gif)}
ul.intabs li.sel .ltab{background-image:url(images/leftTabg_over.gif)}
table.holdIt{
	border:1px solid #040807;
}

div#footer{background:#cccccc; border-top:1px solid #333;color:#333333; width:100%; padding:5px 0px;}
div#footer .copyright{float:left; font-size:9px; margin-left:10px;}
div#footer .footerlink{float:right; font-size:10px; margin-right:10px;}
div#footer .footerlink a{color:#333333;}
div#footer .footerlink a:hover{text-decoration:underline;}

/*---1aug-add by arun ---icon style*/

div#icon { width:100%; text-align:left; background-image:url(images/action_.gif); background-repeat:repeat-x; height:15px;}
div#icon a{ text-decoration:none; color:#000000;}
div#icon a:hover{ text-decoration:none; color:#fff;}

#icon_top .notes{float:left;}
#icon_top .notes a{display:block; width:15px; height:15px;background-image:url(images/action.gif); background-position:0px 0px; width:15px;}
#icon_top .notes a:hover{display:block; width:15px; height:15px;background-image:url(images/action.gif); background-position:0px -15px; width:15px;}

#icon_top .sendmessage{float:left;}
#icon_top .sendmessage a{ display:block; height:15px;background-image:url(images/action.gif);background-position:-15px 0px; width:15px;}
#icon_top .sendmessage a:hover{display:block; height:15px;background-image:url(images/action.gif);background-position:-15px -15px; width:15px;}

#icon_top .viewdetails{float:left;}
#icon_top .viewdetails a{ display:block; height:15px;background-image:url(images/action.gif);background-position:-30px 0px; width:16px;}
#icon_top .viewdetails a:hover{display:block; height:15px;background-image:url(images/action.gif);background-position:-30px -15px; width:16px;}


#icon_top .genealogy{float:left;}
#icon_top .genealogy a{ display:block; height:15px;background-image:url(images/action.gif);background-position:-46px 0px; width:16px;}
#icon_top .genealogy a:hover{display:block; height:15px;background-image:url(images/action.gif);background-position:-46px -15px; width:16px;}

#icon_top .edit{float:left;}
#icon_top .edit a{ display:block; height:15px;background-image:url(images/action.gif);background-position:-62px 0px; width:16px;}
#icon_top .edit a:hover{display:block; height:15px;background-image:url(images/action.gif);background-position:-62px -15px; width:16px;}

#icon_top .deactivatemember{float:left;}
#icon_top .deactivatemember a{ display:block; height:15px;background-image:url(images/action.gif);background-position:-78px 0px; width:17px;}
#icon_top .deactivatemember a:hover{display:block; height:15px;background-image:url(images/action.gif);background-position:-78px -15px; width:17px;}


#icon_top .exportexcel{float:left;}
#icon_top .exportexcel a{ display:block; height:15px;background-image:url(images/action.gif);background-position:-96px 0px; width:15px;}
#icon_top .exportexcel a:hover{display:block; height:15px;background-image:url(images/action.gif);background-position:-96px -15px; width:15px;}


#icon_top .addmember{float:left;}
#icon_top .addmember a{ display:block; height:15px;background-image:url(images/action.gif);background-position:-112px 0px; width:15px;}
#icon_top .addmember a:hover{display:block; height:15px;background-image:url(images/action.gif);background-position:-112px -15px; width:15px;}

#search{float:left;}
#search a{ display:block; height:25px; background-image:url(images/action.gif);background-position:-128px 0px; width:100px;}
#search a:hover{display:block; height:25px; background-image:url(images/action.gif);background-position:-128px -25px; width:100px;}

#clear{float:left;}
#clear a{ display:block; height:25px;background-image:url(images/action.gif);background-position:-229px 0px; width:100px;}
#clear a:hover{display:block; height:25px;background-image:url(images/action.gif);background-position:-229px -25px; width:100px;}

/*----close by arun ---icon style*/
/*--------add by arun-----11 Aug 2008*/

.errormassg{
    
   color:#ff0000;
   padding:10px 0px 15px 0px;   
   width: 100%;
   text-align: center;
    }
.downbutton{
   padding:5px 8px 8px 0px;   
   text-align:right;
  /*border:1px solid blue; */ 
    }
.hdalign{
   padding-right:13px;   
   text-align:right;
 border:0px solid red;
    }   
 .memberserch {
    color:#040807;
	font-size:12px;
	font-weight:700;
	text-decoration:underline;
	width:100%;
	height:19px;
	border:1px solid red;
    }
td.orderdetail
{
    text-align:right;
    width:20%;
    padding-right:5px;
    
}
td.checkbox{
	text-align:left;		
	margin:0px;	
	padding:0px;
	border:0px solid red;
}

td.pagetext
{
    text-align:right;
    width:20%;
    padding-right:5px;
    padding-top:5px;
    vertical-align:top;
    
}

#navigation_top .home p.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:0px 25px; width:95px;  padding:0px; margin:0px;}
#navigation_top .products p.selected{display:block; height:25px;background-image:url(images/topnavigation.gif);background-position:-95px -25px; width:114px; padding:0px; margin:0px;}
#navigation_top .events p.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-209px -25px; width:100px; padding:0px; margin:0px;}
#navigation_top .genealogy p.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-309px -25px; width:125px; padding:0px; margin:0px;}
#navigation_top .connections p.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-434px -25px; width:136px; padding:0px; margin:0px;}
#navigation_top .content p.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-570px -25px; width:109px; padding:0px; margin:0px;}
#navigation_top .quickbooks p.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-679px -25px; width:132px; padding:0px; margin:0px;}
#navigation_top .settings p.selected{display:block; height:25px;background-image:url(images/topnavigation.gif);background-position:-811px -25px; width:111px; padding:0px; margin:0px;}
#navigation_top .logout p.selected{display:block; height:25px;background-image:url(images/topnavigation.gif); background-position:-922px -25px; width:102px; padding:0px; margin:0px;}

div.login{
	float:left;
	width:98%;
	margin:10px;
	
}