body{background:#fff;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;color:#333;margin:0;padding:0;text-align:left;direction:ltr;unicode-bidi:embed}
.auto_resize_iframe{height:auto}
h1, h2, h3, h4, h5, h6{font-size:13px;color:#333;margin:0;padding:0}
h1{font-size:14px}
h4, h5{font-size:11px}

input.btn 
{
  cursor:pointer;
  color:White;
  font: bold 'lucida grande',helvetica,sans-serif;
  background-color:#033E6B;
  border:1px solid;
  border-color: #696 #363 #363 #696;
}


input[type="text"]{
	border: 1px solid #aaaaaa;
}

input[type="password"]{
	border: 1px solid #aaaaaa;
}

textarea{
	border: 1px solid #aaaaaa;
}


hr{background:#d9d9d9;border-width:0;color:#d9d9d9;height:1px;}
.HrPageHeader{background:#d9d9d9;border-width:0;color:#d9d9d9;height:1px;margin-right:5px;}
.HRInTree{background:Black;border-width:0px;color:Black;height:1px}
.TopHR{height:2px;margin:2px;padding:1px;}


.SelectedTab {font-size:13px;font-weight:bold;}
.SelectedTab a{color:Black;}
.AvailableTab {font-size:13px;font-weight:bold;color:#9b5998;background-color:#d8dfea}
.AvailableTab td:hover{color:#ffffff;background-color:#627aad;}

.hoverdiv tr:hover{background-color:#EDEFF4;cursor:pointer;text-decoration:none;}
.hoverdiv a:hover{text-decoration:none;}
.SelectedDate {background-color:#d8dfea;font-weight:bold}

a{cursor:pointer;color:#3b5998;-moz-outline-style:none;text-decoration:none;}

a:hover{text-decoration:underline}

.ClassifiedHeading{font-weight:bold;}

.TableInTreePopup{background-color:White; width:100%;height:445px; }

.PopupDiv{
  
  padding:10px;
  margin:0;  
  /* black for browsers which cannot support rgba */
  background-color: #000;

  /* 70% opacity for supported browsers */
  background-color: rgba(0, 0, 0, 0.7);

  /* IE 5.5+ support #BB000000 is ~70% opacity on black */
  /*filter:progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#BB000000, endColorstr=#BB000000
  );*/

  /* IE 8 support */
  /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#BB000000, endColorstr=#BB000000
  )";*/
}






.PersonName{text-align:center;}
.PersonName a{
font-weight:bold;   
}

.PageHeader{padding-top:10px; padding-bottom:10px;}
.PageHeader .PageHeaderText{font-weight:bold;font-size:16px;color:#1c2a47; }
.PageHeader .CreateButton a
{padding:4px;text-decoration:none;color:#333; font-weight:bold; border:solid 1px Gray; 
 margin:5px; background-color:#eee;  margin-right:30px;   
 }
.PageHeader .CreateButton a:hover{padding:4px;text-decoration:none;color:#333; font-weight:bold; border:solid 1px Gray; 
 margin:5px; background-color:#eee;  margin-right:30px;   }
 

ul{list-style-type:none;margin:0;padding:0}

img{border:0}

.SectionHeading{width:100%;}

.SectionHeading h3{
text-align:left;  
font-size:11px;
color:#444;
margin:0;padding:0
}

.SectionHeading .link
{
    text-align:right;      
}

.HomeMainTable {border-spacing:10px;}



.MasterPageTable
{border-spacing:0; margin:0; padding:0;}

.ProfileTable
{border:1px; padding:1px; margin:0; width:100%; vertical-align:top;  }

.ProfileTable td{padding:5px;vertical-align:top;}


.ProfileEditTable
{border:0; padding:1px; margin:0; width:100%; vertical-align:top;  }

.ProfileEditTable td{padding:5px;vertical-align:top;}



.ProfilePersonName{font-size:12px; font-weight:bold;text-align:center; }

.MainTD {border-spacing:0; margin:0; padding:0;}

.MainTDContent {padding:0px;}

.LabelInProfileTable{color:#666;}




.uiSideNav ul{display:none}
.uiSideNav .open ul{display:block}
.uiSideNav li{display:block;position:relative;zoom:1}
.uiSideNav .hidden{display:none}
.uiSideNav .item,
.uiSideNav .subitem{color:#333;display:block;border-bottom:1px solid #fff;line-height:13px;padding:3px 4px 4px 26px;position:relative;text-decoration:none;zoom:1}
.uiSideNav .subitem{padding:3px 4px 4px 37px}
.uiSideNav .item:hover,
.uiSideNav .item:active,
.uiSideNav .item:focus,
.uiSideNav .subitem:hover,
.uiSideNav .subitem:active,
.uiSideNav .subitem:focus{background-color:#eff2f7;text-decoration:none}
.uiSideNav .selected .item,
.uiSideNav .selected .item:hover,
.uiSideNav ul .selected .subitem,
.uiSideNav ul .selected .subitem:hover{background-color:#d8dfea;font-weight:bold}
.uiSideNav .item .imgWrap{position:absolute;top:2px;left:5px;text-align:center;width:18px}
.uiSideNav .loading ul .count,
.mtm{margin-top:10px}
i.img{_overflow:hidden}

.spritemap_VVHome{background-image:url(http://resource.commutree.com/Images/Home.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Classifieds{background-image:url(http://resource.commutree.com/Images/Classifieds.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_NewClassified{background-image:url(http://resource.commutree.com/Images/NewClassified.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_InviteVagadFriend{background-image:url(http://resource.commutree.com/Images/InviteTree.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Statistics{background-image:url(http://resource.commutree.com/Images/Statistics.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Babies{background-image:url(http://resource.commutree.com/Images/Babies.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Married{background-image:url(http://resource.commutree.com/Images/Married.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Blood{background-image:url(http://resource.commutree.com/Images/Blood.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Search{background-image:url(http://resource.commutree.com/Images/SearchButton.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Matrimony{background-image:url(http://resource.commutree.com/Images/Matrimony.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_MyTree{background-image:url(http://resource.commutree.com/Images/FamilyTree.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}
.spritemap_MyProfiles{background-image:url(http://resource.commutree.com/Images/Profile.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Inbox{background-image:url(http://resource.commutree.com/Images/InBox.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Followers{background-image:url(http://resource.commutree.com/Images/Friends.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Following{background-image:url(http://resource.commutree.com/Images/Following.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_LinkPeople{background-image:url(http://resource.commutree.com/Images/Link.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Secure{background-image:url(http://resource.commutree.com/Images/Lock.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Ignore{background-image:url(http://resource.commutree.com/Images/Ignore.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Add{background-image:url(http://resource.commutree.com/Images/Add.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Photos{background-image:url(http://resource.commutree.com/Images/Photo.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Event{background-image:url(http://resource.commutree.com/Images/Event.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_AccountSettings{background-image:url(http://resource.commutree.com/Images/Settings.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

.spritemap_Storage{background-image:url(http://resource.commutree.com/Images/Storage.jpg);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}

#blueBar{background-color:#033E6B;height:41px;left:0;position:absolute;width:100%}
#pageHead{height:41px;position:relative;margin:0 auto;width:100%}
#headNavOut{background-color:#033E6B;border-bottom:0;font-size:11px;height:30px;margin-left:15%;padding-left:10px;padding-right:6px;position:relative;top:10px}

#pageNav{list-style:none;margin:0;padding:0;position:absolute;left:0;top:0}
#searchNav li,
#pageNav li{float:left;}
#searchNav a,
#pageNav a{color:#fff;display:block;display:inline-block;font-weight:bold;height:22px;padding:8px 10px 0 10px;text-decoration:none}

#searchNav input[type=image]{vertical-align:middle;}
#searchNav input[type=text]{vertical-align:middle;}




#searchNav a:hover,
#searchNav a:focus,
#searchNav a:active,
#searchNav .selected,

#pageNav .selected,
#pageNav a:hover,
#pageNav a:focus,
#pageNav a:active{outline:none;background-color:#0250FF}

#searchNav {list-style:none;margin:0;padding:0;position:absolute;right:0;top:0}



.ButtonLikeLink {
	text-align: left;
	color: blue;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

/* Grid css */

    .mGrid {   
        width: 100%;   
        background-color: #fff;   
        margin: 5px 0 10px 0;   
        border: solid 1px #525252;   
        border-collapse:collapse;   
    }  
    .mGrid td {   
        padding: 2px;   
        border: solid 1px #c1c1c1;   
        color: #717171;   
    }  
    .mGrid th {   
        padding: 4px 2px;   
        color: #fff;   
        background: #424242 url(grd_head.png) repeat-x top;   
        border-left: solid 1px #525252;   
        font-size: 0.9em;   
    }  
    .mGrid .alt { background: #fcfcfc url(http://resource.commutree.com/Images/grd_alt.png) repeat-x top; }  
    .mGrid .pgr { background: #424242 url(http://resource.commutree.com/Images/grd_pgr.png) repeat-x top; }  
    .mGrid .pgr table { margin: 5px 0; }  
    .mGrid .pgr td {   
        border-width: 0;   
        padding: 0 6px;   
        border-left: solid 1px #666;   
        font-weight: bold;   
        color: #fff;   
        line-height: 12px;   
     }     
    .mGrid .pgr a { color: #666; text-decoration: none; }  
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }