/* OneFamily CSS Document */


/* Commonly reusable css classes @Arun Nambiar */

.cursorHand{ cursor: pointer; -cursor: hand; }
.normalFont, img{ font: normal 12px Arial, Tahoma, Helvetica, sans-serif; color: #555555; }
.textDecorNone, .normalFont{ text-decoration: none; }
.likeLink{ color: #006699; }
.textDecorULine, .likeLink { text-decoration: underline; }
.textBolder{ font-weight: bolder; }
.bordered{ border: 1px solid #000; } /* only 4 debugging */
.fltLeft{ float: left; }
.fltRight{ float: right; }
.clrBoth{ clear: both; }
.noMargin{ margin: 0; }
.noPadding{ padding: 0; }
.right{ text-align: right; }
.fullWidth{ width: 100%; }
.fullHeight{ height: 100%; }
.displayNone{ display: none; }
.displayBlock{ display: block; }
.displayInline{ display: inline; }
.pad5px, .padT5px{ padding-top:5px; }
.pad5px, .padR5px{ padding-right:5px; }
.pad5px, .padB5px{ padding-bottom:5px; }
.pad5px, .padL5px{ padding-left:5px; }
.pad10px, .padT10px{ padding-top:10px; }
.pad10px, .padR10px{ padding-right:10px; }
.pad10px, .padB10px{ padding-bottom:10px; }
.pad10px, .padL10px{ padding-left:10px; }
.mar5px, .marT5px{ margin-top: 5px; }
.mar5px, .marR5px{ margin-right: 5px; }
.mar5px, .marB5px{ margin-bottom: 5px; }
.mar5px, .marL5px{ margin-left: 5px; }
.mar10px, .marT10px{ margin-top: 10px; }
.mar10px, .marR10px{ margin-right: 10px; }
.mar10px, .marB10px{ margin-bottom: 10px; }
.mar10px, .marL10px{ margin-left: 10px; }
.xxsmall{ font-size: xx-small; }
.overFlowHid{ overflow: hidden; }
.relPos{ position: relative; }
.absPos{ position: absolute; }
.blacklink{ color:#000; text-decoration: none; }
.blacklink a{ color:#000; text-decoration: none; }
.dashedline{ border-bottom:#CCCCCC 1px dashed; }
.stLine{ border-top:solid 1px #CDD7AE; }

/* ------- */

/* Default @Arun Nambiar */

a:active{ position: relative; top: 1px;	left: 1px; }

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

html, body {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #555555;
	text-decoration: none;
	background-color: white;
	line-height: 14px;
	position:relative;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	height: 100%;
}

#tree {
  background:#fff;
  margin:0;
  padding:0;
  min-height: 544px;
  height: auto !important;
  height: 595px;
}

body {
_background-image:url('/images/pl/header.gif');
_background-repeat:repeat-x;
}

table {
	text-align: left;
	vertical-align: baseline;
}


.lightBg, th {
background-color: #f5f8ef;
}


td, th {
	text-align: left;
	vertical-align: top;
	margin-top:15px;
	margin-bottom:15px;
	padding:7px;
	font-weight:normal;
}

.singleline {
font-size:1px;
line-height:1px;
}

.straightline{
border-bottom:#CCCCCC 1px solid;
}
.straightline1{
border-bottom:#CCCCCC 1px solid;
width:100%;
}
.straightline3{
border-bottom:#CCCCCC 1px solid;
width:70%;
}

#container {
  clear: both;
	position:inherit;
	display: block;
	padding:0;
	margin: 0 auto;
	width: 950px;
	height: auto;
	min-width: 950px;
}

#middle_container {
  clear: both;
	position:inherit;
	display: block;
	padding:0;
	margin: 0 auto;
	width: 950px;
	height: auto;
	min-width: 950px;
	height: auto !important;
	min-height: 573px;
	height: 552px;
}


.container12{
clear: both;
position:inherit;
display: block;
padding:0;
margin: 0 !important;
height: auto;
background-image:url('/images/pl/header.gif');
background-repeat:repeat-x;
min-width: 950px;
}

#container2, #homecontainer {
	clear: both;
	position:inherit;
	display: block;
	padding:0;
	margin: 0 auto;
	width: 100%;
	background:url('/images/pl/pagebg.gif') center repeat-y ;
	min-width: 950px;
}

#containerSafari{
	clear: both;
	position:inherit;
	display: block;
	padding:0;
	margin: -11px auto;
	width: 100%;
	background:url('/images/pl/pagebg.gif') center repeat-y ;
	min-width: 950px;
}

/*safari hack @Arun Nambiar*/
@media all and (min-width:0){
			body:not(:root:root)
			.container12 { height: 122px;}
}

#logo {
float:left;
text-align:left;
height:58px;
padding-top:6px;

}

#logout {
float:right;
color:#FFFFFF;
font-size:10px;
width:300px;
min-width: 300px;
}

#salutation {
float:left;
color:#FFFFFF;
text-align:left;
font-weight:bold;
font-size:11px;
width:200px;
}

#logout a,#salutation a{
text-decoration:underline;
color:#FFFFFF;
}


#userthumbnail {
float:left;
clear:left;
background-image:url('/images/pl/thumbg2.gif');
background-repeat:no-repeat;
padding-right:8px;
padding-left:6px;
padding-top:6px;
padding-bottom:4px;
}


#Lasthead {
  font-family: Arial, Helvetica, Verdana, "Free Sans", "FreeSans", sans-serif;
  height: 122px;
  color: #FFF;
  overflow: hidden;
  }


html*#Lasthead{
   height: 110px;
  }

#Lasthead {
  *height: 122px !important;
  }


/*
.testBox{
 padding: 2px;
 background: #000;
 position: fixed;
 z-index: 3;
 color: white;
 font-size: 75%;
 top: 70px;
 right: 16px;
}

*html .testBox{
  position: absolute;
}

#body{
overflow:hidden;
}

#wholeBody{
height:100%;
overflow:auto;
}*/



/* Primary Navigation */

#navigation {
  padding: 0;
  margin: 0;
  height: 32px;
  float: left;
	clear: left;
	background-image:url('/images/pl/tabshadow.gif');
	background-repeat:repeat-x;
	}

* + html #navigation {
  position: relative;
  z-index: 9;
}

#navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 20px;
  float: left;
  color:7a7a7a;
}

#navigation li a {
  border:1px solid #000;
  display: inline-block;
  padding: 0 10px 0 10px;
  height: 22px;
  line-height: 24px;
  font-size: 15px;
  text-align: center;
  border: none;
  color:#7a7a7a;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  background-color:#f1f0f0;
  margin-right:10px;
  margin-bottom:0;
}

#navigation li.last a {
    margin-right: 0px;
}

#navigation li > a {
  	display: block;
  	background: #f1f0f0;
  	color:#7a7a7b;
  	text-decoration: none;
  	border:solid 2px;
	border-top-style:none;
	border-right-style:none;
	border-left-style:none;
	border-bottom-color: #f1f0f0;
}

#navigation li a img {
  position: absolute;
  bottom: 1.7em;
  left: 15px;
}

#navigation .noUser li a {
  font-weight: normal;
  margin-top:20px;
  padding: 18px 12px 2px 12px;
}

#navigation li.current a {
  background: #FF891B;
  color:#ffffff;
  text-decoration: none;
	border:solid 2px;
	border-top-style:none;
	border-right-style:none;
	border-left-style:none;
	border-bottom-color: #FF891B;
	-border-bottom-color: #FFFFFF;
	position:relative;
}

*html #navigation li.current a {
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF ;
	border-top-color: #FFFFFF ;
	border-bottom-color: #FF891B;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-left-width: 2px;
	border-right-width:2px;
	border-top-width:2px;
	border-bottom-width:0;
}

#navigation li.current a {
	border:solid 2px;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF ;
	border-top-color: #FFFFFF ;
	border-bottom-color: #FF891B;
}

/* secondary navigation */

#navigation2 {
  padding: 0;
  margin: 0;
  float: left;
  clear: left;
  font-size:12px;
  height:22px;
  text-decoration:none;
}

#navigation2 a,#navigation2 a:hover {
  color:#FFFFFF;
  text-decoration:none;
}

#navigation3 a:hover {
  text-decoration:underline;
}

/* Update Navigation */

#updatenav {
  padding: 0 0 0 10px;
  margin: 0;
  height: 25px;
  float: left;
  clear: left;
  width:97%;
  border-bottom:#CCCCCC 2px solid;
  z-index:11;
	}

* + html #updatenav {
  position: relative;
  z-index: 9;
}


#updatenav li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 20px;
  float: left;
}

#updatenav li a {
  display: inline-block;
  padding: 0 10px 0 10px;
  height: 22px;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
  border:solid 2px;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	border-bottom-color: #8aa972;
  color:#ffffff;
  text-decoration: none;
  position: relative;
  background-color:#8aa972;
  margin-right:5px;
  margin-bottom:0;
}

#updatenav li > a {
  	display: block;
  	background: #8aa972;
  	color:#ffffff;
  	text-decoration: none;
  	border:solid 1px;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	border-bottom: #8aa972 solid 3px;
}



#updatenav li a:hover, #updatenav li.current a {
  	background: #ffffff;
	bottom: -2px;
  	color: #6a6a6a;
  	text-decoration: none;
	border-bottom:#ffffff solid 3px;
	border-right:#858585 solid 1px;
	border-left:#858585 solid 1px;
	border-top: #858585 solid 1px;
	position:relative;
}

#updatenav li.current a {
  	bottom: -2px;
	}

.updatetable {
  margin: 0;
  width:100%;
  background:#e9ecee;
   height:18px;
   vertical-align:middle;
}

 .eventable {
  background: #f5f7f9;
  }
.oddtable th {
 background: url('/images/pl/oddtablebg.gif') repeat-x #e9ecee;
  border-top:#c9dad2 1px solid;
 border-bottom:#CCCCCC 1px dashed;
 font-size:120%;
 font-weight:bold;
}

.eventable th {
 background: url('/images/pl/eventable.gif') repeat-x #f5f7f9;
 border-top:#c9dad2 1px solid;
 border-bottom:#CCCCCC 1px dashed;
 font-size:120%;
 font-weight:bold;
}

.heigh{
  line-height: 20px;
  }

/* the page begins */

#pagecontainer {
text-align:left;
float:left;
width:605px;
display:block;
clear:none;
margin:10px;
background-color:#FFFFFF;
}

#pagesections2 {
float:left;
clear:both;
font-size:11px;
line-height:20px;
margin-top:-5x;
padding:0 15px 5px 15px;
color:#b1a49e;
background-color: #f5f8ef;
height:24px;
margin-right:-5px;
width:95%;
}

#normalpopup{
	position:fixed;
	top: 20%;
	left: 20%;
	padding: 10px;
	z-index: 75678;
	width: 450px;
	margin: 0 auto !important;
	height: auto;
	border:#666666 1px solid;
	text-align: center;
	background: #ffffff;
	background:url('http://static.onefamily.ibibo.com/images/bg_job_grad.gif') repeat-x #FFFFFF;
	background-position:top;
}

#pagesections {
	/*
	changed for fixint the bug on dashboard
	float:left;
	*/
	clear:both;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bolder;
	line-height:24px;
	color:#769840;
	border:#cdd7ae 1px solid  !important;
	border-bottom-style:none;
	background-color: #f5f8ef;
	width:99%;
	padding:2px;
}

#headeractions {
font-size:11px;
font-weight: normal;
text-align:right;
float:right;
display: block;
padding-top:5px;
margin-right:0;
}

#headeractions1 {
font-size:13px;
font-weight:bold;
text-align:right;
float:right;
display: block;
margin-right:0;
}

#searchfilter {
width: 150px;
text-align: left;
float: left;
display: none;
}

#searchfilter a {
padding-left: 20px;
}

#pagesections p{
margin:0 8px 0 8px;
text-align:left;
padding-left:10px;
}

#threecol {
margin:0 15px 5px 15px;
clear: none;
width:auto;
}

#threecolComment{
padding: 5px 5px 0 5px;
clear: none;
width:auto;
}
div#threecolComment:hover { background: url('/images/pl/latestbck.gif') repeat-x;}
tr#threecolComment:hover { background: url('/images/pl/latestbck.gif') repeat-x; }

#messagecol {
clear:none;
display: inline-block;
margin-top:10px;
min-height:70px;
}

#familycol {
float:left;
display: inline-block;
margin-top:10px;
min-height:70px;
}

#messagecol a{
font-weight:bold;
}

#dashedline{
border-top:#CCCCCC 1px dashed;
clear:both;
height:3px;
margin-top:12px;
}

#straightline{
border-top:#CCCCCC 1px solid;
height:3px;
margin-top:12px;
}

#pagination {
font-size:11px;
text-align:right;
float:right;
width:300px;
height:16px;
margin-right:5px;
margin-bottom:5px;
}
#pagination a:link { text-decoration: none;}
#pagination a:active { text-decoration: none;}
#pagination a:hover { text-decoration: none;}
#pagination a:visited { text-decoration: none;}

#pagination1 {
font-size:11px;
font-weight: bolder;
width:300px;
height:16px;
margin-right:5px;
margin-bottom:5px;
}
#pagination1 a:link { text-decoration: none;}
#pagination1 a:active { text-decoration: none;}
#pagination1 a:hover { text-decoration: none;}
#pagination1 a:visited { text-decoration: none;}

#locations {
display: block;
}



#headeractions img{
vertical-align: middle;
}


#actions {
font-size:12px;
line-height:18px;
text-align:left;
width:100px;
float:right;
display: block;
margin-right:5px;
margin-left:15px;
}

#actions img{
vertical-align: middle;
}

#actions2 {
font-size:12px;
line-height:10px;
text-align:left;
width:150px;
float:right;
display: block;
margin-right:5px;
margin-left:15px;
}


#rightcol {
float:right;
width:300px;
height: 100%;
}

#greybg {
height:100%;
background-color:#eaeaea;
}
/*search box*/

#rightcolumncontainer {
margin:15px 32px 15px 18px;
background-color:#FFFFFF;
font-size:14px;
color:#006699;
font-weight:bold;
text-align:left;
}

#rightcolumncontainer p{
margin:0 8px 0 8px;
}

.searchbox {
border:1px solid;
font-size:11px;
border-color:#006699;
color:#999999;
margin:2px;
margin-left:0;
}

#q{
width: 185px;
}

.searchbutton {
background-image:url('/images/pl/search.gif');
border:0;
width:69px;
height:19px;

}

.browsebutton {
background-image:url('/images/pl/button_browse.gif');
border:0;
width:59px;
height:19px;

}

.savebutton {
background-image:url('/images/pl/button_save.gif');
border:0;
width:39px;
height:19px;
margin-top:2px;
}

.searchbutton a:hover{
background-image:url('/images/pl/search_mo.gif');
}

.smalltable td{
background:#dfeffc;
vertical-align: baseline;
}

#clear {
clear:both;
}

.browsebutton {
background-image:url('/images/pl/button_browse.gif');
border:0;
width:53px;
height:19px;
}

.browsebutton a:hover{
background-image:url('/images/pl/button_browse_mo.gif');
}


/* rounded corner */
.searchform {
	margin:2px 15px 0 30px;
}

.roundtop {
	background: url('/images/pl/tr.gif') no-repeat top right;
}

.roundbottom {
	background: url('/images/pl/br.gif') no-repeat top right;
}

img.corner {
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
}

img.corner2 {
   width: 1px;
   height: 7px;
   border: none;
   display: block !important;
}

/* text styles */
.instructions {
font-size:11px;
font-weight:normal;
line-height:13px;
color:#666666;
}

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

#columnheader {
margin:0 8px 0 8px;
display: inline-block;
font-size:14px;
font-weight:bold;
line-height:24px;
color:#769840;
border:#cdd7ae 1px solid  !important;
border-bottom-style:none;
background-color: #f5f8ef;
width:92%;
}

#columnheader p{
margin:0 8px 0 8px;
}

#columnheadertext p{
margin:0 8px 0 8px;
}
/*profile  */
#profile {
float:left;
clear:both;
width:98%;
display:inline-block;
}

#profileimage {
display: block;
float:left;
clear:none;
background-repeat:no-repeat;
padding: 5px;
margin-bottom:14px;
margin-right:14px;
border: 2px solid #ccc;
text-decoration: none;
}
div#profileimage:hover { border: 2px dotted #a2c543;}



#profilecontent {
margin-top:3px;
display: inline-block;
clear:none;
}

#pagename {
margin-top:3px;
clear:both;
margin-bottom:3px;
text-indent:5px;
color:#769840;
}

#pagename hr {
color:#CCCCCC;
}

#pagename p {
margin-left:5px;
margin-bottom:5px;
}

/* photos */
#photo {
padding:auto;
text-align:center;
margin:1px;
}

#homephoto {
float:left;
clear:none;
margin:2px;
padding-bottom:10px;
width:auto;
}

#photocontainer {
float:left;
border:#f3f3f3 1px solid;
width:135px;
height:173px;
padding:3px;
margin:2px;
}

img.photos {
border:#CCCCCC 1px solid;
margin:2px 2px 2px 2px;
padding:5px 5px 5px 5px;
}
img.photos a:link { text-decoration: none;}
img.photos a:active { text-decoration: none;}
img.photos a:hover { text-decoration: none;}
img.photos a:visited { text-decoration: none;}

img.albums {
border-right:#CCCCCC 1px solid;
border-top:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 2px dashed;
margin:2px 2px 2px 2px;
padding:5px 5px 5px 5px;

}

/* thumbnails */
#thumbnail{
text-align:left;
float:left;
clear:none;
margin:3px;
background-image:url('/images/pl/pplshadow.gif');
background-repeat:no-repeat;
padding-right:8px;
padding-left:6px;
padding-top:6px;
padding-bottom:4px;
width:49px;
}

#thumbnail2{
background-image:url('/images/pl/pplshadow.gif');
background-repeat:no-repeat;
padding-right:8px;
padding-left:6px;
padding-top:6px;
padding-bottom:4px;
}

#gallery{
text-align:center;
width:95%;
background-color:#FFFFFF;
padding-left:10px;
}

blockquote {
	white-space: normal;
	display: block;
	margin:0 10px 0 10px;
}

/* footer */
#footer{
background:url('/images/pl/footerbg.jpg') repeat-x;
background-position:95%;
width:100%;
color:#FFFFFF;
height:30px;
text-align:left;
display:block;
clear:both;
}

#footerbranding{
width:400px;
text-align:right;
padding-right:30px;
float:right;
color:#FFFFFF;
margin-top:-12px;
}

.footer a{
color:#FFFFFF;
text-decoration:none;
}

.footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}


a, a:hover  {
color:#006699;
text-decoration:underline;
}

.nor {
font-weight:normal;
}

.pagename {
font-size:14px;
font-weight:bold;
line-height:28px;
color:#769840;

}

.nav2 {
background:url('/images/pl/arrow_nav2.gif') center no-repeat !important;
font-weight:bold;
padding-bottom:10px;
}

.normal {
font-weight:normal;
}

.othersnav {
background:url('/images/pl/arrow_nav3.gif') center no-repeat !important;
font-weight:bold;
line-height:18px;
padding-bottom:8px;
}

hr {
	font-size: 1px;
	line-height: 3px;
	color: #FFFFFF;
	display:inline;
}

.indent {
margin-left:3px;
}

.blast{
color:#FF0000;
font-weight:bold;
}

.blastmessage{
font-weight:bold;
color:#636363;
}

.names{
font-weight:bold;
}

.bold{
font-weight:bold;
}

.lineheight{
line-height:22px;

}
.middle {
vertical-align:middle; }

.deleted {
	color:#FF0000;
	text-decoration: line-through;
}

.edited {
vertical-align:middle;
color:#009900; }

#eventdate {
line-height:32px;
background-color:#006699;
color:#FFFFFF;
display:inline;
padding:5px;

}

#profileactions {
font-size:11px;
text-align:left;
float:right;
display: block;
margin-right:0;
font-weight:normal;

}
.profiletable td, th {
	text-align: left;
	vertical-align: top;
	margin:0;
	padding:3px;
	padding-left:20px;
	font-weight:normal;
}

.odd {
background:#EEF3E2;
}

.even {
background:#FFFFFF;
}

/* pop up */
/* need to optimise */
#inviteBox, #rplyBox, #messBox, #friendBox, #noticeBox, #anecBox, #historyBox, #chfriendBox, #hOwnerBox, #hOthersBox, #phBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	width: 950px;
	height: 600px;
	z-index: 90;
	display: none;
	text-align: center;
	background-position: auto;
}

*html #friendBox{
	width: 950px !important;
}

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

#popup{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	width: 950px;
	height: 600px;
	z-index: 90;
	display: none;
	text-align: center;
	background-position:top;
}

#innerpopup{
	position:fixed;
	top: 20%;
	left: 20%;
	padding: 5px;
	z-index: 91;
	margin: 0 auto !important;
	margin-top: 10%;
	width: 450px;
	height: auto;
	border:#666666 1px solid;
	background:url('/images/pl/bg_job_grad.gif') repeat-x #FFFFFF;
	background-position:top;
	color: #999999;
	text-align: center;
}

*html #innerpopup{
	top: 25%;
	left: 10%;
}

#newinnerpopup{
	height:300px;
	padding: 5px;
	border:#666666 1px solid;
	background:url('/images/pl/bg_job_grad.gif') repeat-x #FFFFFF;
	background-position:top;
	color: #999999;
	text-align: center;
}

#newinnerpopup2{
	margin: 8px;
	background: #FFFFFF;
	color: #999999;
	text-align:left;
}

#innerpopup2{
	position:relative;
	margin: 8px;
	z-index: 92;
	background: #FFFFFF;
	color: #999999;
	text-align:left;
}

#blastcontainer {
text-align:left;
clear:none;
padding:2px;
border:#FF0000 1px solid;
background:#FFFFFF;
}


#blastcontainer2 {
text-align:left;
clear:none;
padding:2px;
border:#cccccc 1px solid;
background:#FFFFFF;
padding:10px;
}

/* Added by @Arun Nambiar */

.button{
	background: #f5f8ef;
	border: 1px solid #9fc244;
	color: #50652d;
	font-weight:bold;
}

.button a { text-decoration: none; color:#50652d;}

.text{
	float:left;
	vertical-align:middle;
	margin:5px;
	padding:3px;
	font-size:10pt;
    font-family:Verdana;
	font-weight:bolder;
	width:350px;
	color:#4185B8;
}

.treetab{
	padding: 10px;
	z-index: 91;
	width: 550px;
	margin: 0 auto !important;
	height: auto;
	border:#666666 1px solid;
	text-align: center;
	background: #ffffff;

	/*background:url(../images/bg_popup_normal.gif) repeat-x #FFFFFF;*/
	background:url('/images/pl/bg_job_grad.gif') repeat-x #FFFFFF;
	background-position:top;
}

/* Opera hack by @Arun Nambiar*/
@media all and (min-width: 0){
  .treetab{ left: 30%; }
}

.newactivity{
	border: 1px solid #ccc;
	width:160px;
	height:75px;
	padding:7px;
	float:left;
	margin:7px;
}

.buttonblue{
	background:url('/images/pl/blueButton.gif') no-repeat #fff;
	width:138px;
	height:13px;
	padding:5px;
	text-align:center;
	font-weight:bolder;
	color:#fff;
	clear:both;
	position:relative;
	margin-top:10px;
}
.buttonblue a { text-decoration: none !important; color:#fff !important;}
div.buttonblue a { text-decoration: none !important; color:#fff !important;}

.buttongreen{
	background:url('/images/pl/greenButton.gif') no-repeat #fff;
	width:138px;
	height:13px;
	padding:5px;
	text-align:center;
	font-weight:bolder;
	color:#fff;
	clear:both;
	position:relative;
	margin-top:10px;
}
.buttongreen a { text-decoration: none !important; color:#fff !important;}
div.buttongreen a { text-decoration: none !important; color:#fff !important;}

ul.progress {background: url('/images/pl/progress_bar_bg.gif') 0 0 no-repeat;width: 131px;height: 20px;margin: 0 5px 0 0;padding: 5px;float:left;list-style-type:none;}
ul.progress li {height:100%;background-color: #0187C6;background: url('/images/pl/completion_bar.gif') 0 0 repeat-x;}
.plus {font-weight: bold; font-size: 150%; color: YellowGreen; vertical-align: middle;}
.tasks {font-weight: bold; clear:both;padding:1px 0 0 0}
.completeness h5 {font-size:20px;padding:2px 0 0 0;margin:0;}
.completeness h4 {font-size:14px;margin:0 0 5px 0;padding:10px 0;}

.alignCheckbox{ padding:7px}

.selectAll{background-color: #f5f8ef;padding-top:9px;}
#leaveMessage{
	background:url('/images/pl/blueButton.gif') no-repeat #fff;
	width:138px;
	height:13px;
	padding:5px;
	text-align:center;
	font-size: 12px;
	font-weight:bolder;
	color:#fff;
	clear:both;
	position:relative;
	margin:1px;
	margin-bottom: 4px !important;
}

#leaveMessage1{
	background:url('/images/pl/blueButton.gif') no-repeat #fff;
	width:138px;
	height:13px;
	padding:5px;
	margin-right: 10px;
	text-align:center;
	font-size: 12px;
	font-weight:bolder;
	color:#fff;
	margin:1px;
	margin-bottom: 4px !important;
}

#leaveMessage1 a{
	color:#fff;
	text-decoration: none;
}

#treeSelectButton {
	background:url('/images/pl/blueButton.gif') no-repeat #fff;
	width:138px;
	height:13px;
	padding:5px;
	text-align:center;
	font-size: 12px;
	font-weight:bolder;
	color:#fff;
	clear:both;
	position:relative;
	margin:1px;
	margin-bottom: 4px !important;
}



#msg{
width: 190px;
}

div#leaveMessage a:link { text-decoration: none;color:#fff;}
div#leaveMessage a:active { text-decoration: none;color:#fff;}
div#leaveMessage a:hover { text-decoration: none;color:#fff;}
div#leaveMessage a:visited { text-decoration: none;color:#fff;}

.pfright{
text-align:right;
}

.braketText{
font-size: 9px;
font-weight:none;
}

.braketMargin{
display: block;
margin-left: 10px;
}

.cancelLink{
font-size: 11px;
font-weight:bold;
color:c0c0c0;
font-family: Arial, Tahoma, Helvetica, sans-serif;
text-decoration: underline;
}

.seracher{
	float:left;
	color:#888;
	width:70px;
	font-weight:normal;
}

/* Add to tree popup */

#main{
display:block;
align:center;
text-align: center;
width: 400px;
border: 1px solid #c0c0c0;
height: 200px;
filter:shadow(color=#669966, direction=120);
}

.butt{
width: 100px;
height: 26px;
color:white;
font-weight:bold;
background: #3399FF;
border: 1px solid #ffffff;
font-family: Arial;
}

.butt1{
width: 60px;
height: 18px;
color:white;
background: #c0c0c0;
border: 1px solid #ffffff;
font-family: Verdana, Arial;
}
.closebutt{
width: 20px;
height: 20px;
background:#c0c0c0;
border: 1px solid #ffffff;
font-weight: bold;
}
#3shadowTop{
width:100%;
height:1px;
border:1px solid #ffffff;
filter:shadow(color=#669966, direction=120);

}
#3shadowBottom{
width:100%;
height:1px;
border:1px solid #ffffff;
filter:shadow(color=#669966, direction=300);
}

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

#loadBox, .loadBox{
 padding: 2px;
 background: #000 none repeat scroll 0%;
 position: fixed;
 z-index: 3;
 -moz-background-clip: -moz-initial;
 -moz-background-origin: -moz-initial;
 -moz-background-inline-policy: -moz-initial;
 color: white;
 font-size: 75%;
 top: 70px;
 right: 16px;
}

*html #loadBox{
  position: absolute;
}

#alertBox{
 padding: 2px;
 position: absolute;
 z-index: 3;
 -moz-background-clip: -moz-initial;
 -moz-background-origin: -moz-initial;
 -moz-background-inline-policy: -moz-initial;
 top: 20%;
 right: 20%;
}

.border_black{
style="border:1px solid #000;"
}

/* Errorrrrrrrrrrrrr......*/

#ErrorImage{
float:left;
height:30px;
width:30px;
background:url('/images/pl/parserror.gif') no-repeat;
padding:0 10 0 0;
}
#ErrorOutLine{
padding: 10px;
width:auto;
height:100%;
background: #ffffff;
border: 1px solid #FF8A88;
margin:0;
}

#ErrorTitle{
font-family: Arial;
font-weight:bold;
font-size:12px;
color:#FC575D;
text-align:left;
}
#ErrorPadding{
float:left;
width:5%;
height:100%;
border: 1px solid #ff0000;
}
#ErrorMessage{
clear:both;
font-family: Verdana;
font-weight:normal;
font-size:10px;
color: #000;
text-align:left;
padding-left:50px;
}
/* warning--------------*/

#WarningErrorTitle{
font-family: Arial;
font-weight:bold;
font-size:12px;
color: #FDA802;
text-align:left;
}
#WarningErrorImage{
float:left;
height:30px;
width:30px;
background:url('/images/pl/warning.gif') no-repeat;
padding:0 10px 0 0;
}
#WarningErrorOutLine{
padding: 10px;
width:auto;
height:100%;
background: #ffffff;
border: 1px solid #F2C920;
margin:0;
}

/* Nottice--------------*/
#NoticeErrorTitle{
font-family: Arial;
font-weight:bold;
font-size:12px;
color: #3790E2;
text-align:left;
}
#NoticeErrorImage{
float:left;
height:30px;
width:30px;
background:url('/images/pl/notice.gif') no-repeat;
padding:0 10px 0 0;
}
#NoticeErrorOutLine{
padding: 10px;
width:auto;
height:100%;
background: #ffffff;
border: 1px solid #66A5DC;
margin:0;
}

/* Sucess--------------*/
#SucessErrorTitle{
font-family: Arial;
font-weight:bold;
font-size:12px;
color: #26B10A;
text-align:left;
}
#SucessErrorImage{
float:left;
height:30px;
width:30px;
background:url('/images/pl/sucess.gif') no-repeat;
padding:0 10px 0 0;
}
#SucessErrorOutLine{
padding: 10px;
width:auto;
height:100%;
background: #ffffff;
border: 1px solid #50DF4F;
margin:0;
}


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


.newGreenButton{
	background: #80BB45;
	margin:10px;
	padding:3px;
	color:#fff;
	font-weight:bolder;
	text-align:center;
	border:2px solid #74993c;
}

.waitingForApproval{
	margin-top:10px;
	padding:3px;
	background: #fafad2;
	color:#8b4513;
	font-size:xx-small;
	border-top: 1px solid #ff8c00;
	border-bottom: 1px solid #ff8c00;
	text-align:center;
	font-family:verdana;
}
.button_accept_decline{
	background: url('/images/pl/completion_bar_msg.gif');
	text-decoration:none ;
	color: #ffffff;
	width: 300px;
	height: 150px;
}

#first:first-letter { float: left; font: bold 2.4em/1em Georgia, serif; border-right: .2em solid #fff; }

/*--- Accept Decline button----*/

.button_b{
background: #417EB0;
color:#fff;
width: 100px;
font-weight:bolder;
text-decoration:none;
border:0 solid #0D94E4;
padding:2px 20px 2px 20px;
}

.button_g{
background: #86AA40;
color:#fff;
width: 100px;
font-weight:bolder;
text-decoration: none;
border:0 ridge #7B9C42;
padding:2px 20px 2px 20px;
}
/*-----------------------*/

.your_Friends_Family{
  text-decoration:none;
}

.error{ color:#f00; font-size:xx-small; }

/* By Jobin */

.addToAlbum{
  width:230px;background: #dfeffc;float:right;text-align:left;font-size:11px;font-weight: normal;
}
.addToAlbumTitle{
  float:left;height:16px;padding-top:3px;padding-left:4%;width:96%;background: #018CC9;color: #ffffff;font-size:13px;font-weight:old;font-family:Arial;
}
.existingAlbum{
 float:left;padding-left:5px;height:25px;width:45%;background:#dfeffc;

 }
 .newAlbum{
 float:right;height:25px;width:50%;background: #dfeffc;

 }

.spin{
text-decoration: blink;
height:15px;
color:#759540;
font-size:12px;
padding-right:5px;
width: 80px;
display: inline;
background: inherit;
}

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

.messages_received{
border: solid 1px #A1C142;background-color: #E1F0BA;height:22px; padding-left :15px;padding-top :5px;
}
.titleguru
{
text-decoration : none;
font-family:  Geneva, Arial, Helvetica, sans-serif;
	color: #006699;
	font-weight: bold;
	font-size: 13px;
}
.textguru
{
padding: 5px;
text-decoration : none;
font-size: 12px;
font-weight: none;
font-family:  Geneva, Arial, Helvetica, sans-serif;
}

html>img{
width: 0!important;
height: 38px!important;
padding-left: 28px!important;
background: url('/images/pl/tree_pointer.png');
}

.buttongreenPhoto{margin-top: 0 !important; margin-bottom: 5px;}

/* tips by Arun Nambiar */
.tips{
border:1px solid #ccc;
width:250px;
height:200px;
top:60px;
left:430px;
left:403px;#  /* hack for safari */
*left:410px;  /* hack for ie6 & ie7 */
background:#ffe;
}
.tips, x:-moz-any-link{
left:430px;  /* hack for firefox */
}

.shout{
background:#9fc244;
color:#fff;
}

/* SMS */
.smsBanner{padding:8px 0 8px;margin:15px 2px 15px 0;border:solid 1px #CCD8A8;}
#smsContainer{height:130px;}
.smsFamily{border:solid 1px #CCD8A8;width:186px;height:120px;background:#F5F8EF;padding:4px 2px 2px 4px;font:normal 11px Verdana;color:#524141;}
.smsHeading{font: lighter 18px Arial;color:#8DAE45;padding-left:3px;margin-top:-10px;vertical-align:top;}
.smsSubHeading{font-family:Arial;color:#1882C5;}
#mobiPals{border:double 3px #CCD8A8;background:#F5F8EF;font:normal 13px 'Courier New', Courier, monospace;color:#1882C5;margin-right:2px;margin-top:20px;}
#mobiPals li{margin-top:-7px;*margin-top:5px;list-style-image:url('/images/pl/mobipals_li_icon.gif');font:normal 12px Arial;color:#2E2E2E;list-style-position:inset;}
.smsConditions{font-family:Arial;font-size:9px;}
.smsMoreCool{font:bold 15px Arial;color:#2E2E2E;}
.smsPlease{font:bold 11px Arial;color:#1882C5;padding-top:20px;}
.smsCount{background:url('/images/pl/sms_stepsbg.gif') no-repeat; width:20px; height:20px;color:#fff;font: lighter 17px Arial;}

.noScript{background:#cdd7ae; border-bottom:1px solid #87C446;}
/*---------------*/

.feedData{display:block;border:0 solid #ADD387; border-width:0 1px;}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden;}
b.r1, b.r2, b.r3, b.r4 {display:block; overflow:hidden;}
b.r1, b.r2, b.r3 {height:1px;}
b.r2, b.r3, b.r4 {border-left:1px solid #ADD387; border-right:1px solid #ADD387;}
b.r1{margin: 0 5px;background:#ADD387;}
b.r2{margin: 0 3px;border-width:0 2px;}
b.r3{margin: 0 2px}
b.r4 {height:2px; margin:0 1px;}
.oddB {background:#E0EEE0;}
.evenB {background:#C1CDC1;}

.feedPhoto{
  padding: 2px;
  margin-right: 2px;
  border: 1px solid #999;
}
.feedPhoto:hover{
  border: 1px dashed #006699;
  position: relative;
	top: 1px;
	left: 1px;
}
/* ---------------------------------- */

/* Album Photos Section @Arun Nambiar */

ul.albumList{
 margin: 0;
 padding: 0;
 list-style: none;
 border-top: 1px solid #EAEAEA;
}

ul.albumList li{
 padding: 15px 0 20px;
 border-bottom: 1px solid #EAEAEA;
}

ul.albumList li{
 line-height: 1.462;
 font-size: 1.084em;
}

ul.albumList li big {
 line-height: 1.25;
 font-size: 1.231em;
}

ul.albumList li small{
 color: #7F7F7F;
 font-size: .85em;
 white-space: nowrap;
}

.albumPhotoSet {
 position: relative;
 float: none;
 width: 100%;
 overflow: hidden;
 margin-top: 12px;
 font-size: 0;
 line-height: 0;
}

* html .albumPhotoSet { overflow: visible }

.albumPhotoSet a {
 position: relative;
 float: left;
 margin-right: 2px;
 margin-top: 2px;
}

.albumPhotoSet .small {
 clear: left;
 width: 475px;
 overflow: hidden;
}

.albumPhotoSet .medium {
 overflow: hidden;
 height: 194px;
}

/* Fighting 3px bug in IE */
* html .albumPhotoSet .medium {
 position: relative;
 left: -3px;
 margin-right: -3px;
}

.albumPhotoSet .medium a {
 clear: left;
 height: 95px;
 overflow: hidden;
}

.albumPhotoSet img { border:0; }

a.morePhotos {
 float: left;
 width: 40px;
 height: 48px;
 margin-right: 0 !important;
 font-size: 30px;
 line-height: 1.2;
 text-align: center;
 text-decoration: none;
}

* html a.morePhotos { width: 37px } /* 3px bug: ellipsis doubles in IE when less then 3px are left */

a.morePhotos:hover{color:#FF5223;}
/* -------------------------------- */

.buttonBlueBg{
border-left:solid 1px #82B5E5;
border-right:solid 1px #82B5E5;
border-top:solid 1px #5A91C5;
border-bottom:solid 1px #5A91C5;
color:#006699;
height:22px;
cursor: pointer;
-cursor: hand;
background:#EEF1EC;
font:bold 13px Arial, Helvetica, sans-serif;
background: url('/images/pl/butImgBg.gif') repeat-x;
}

.buttonBlueBg a{ color:#fff; text-decoration:none; }

div.myNeighbours:hover{ background:#F5F8EF; }

.acceptReject{
border-top:solid 1px #C7C703;
border-bottom:solid 1px #C7C703;
background:#FDFDDC;
}
.rightQuotes{
  min-height:27px;
  -height:27px;
  max-width:90%;
  padding-right:25px;
  background:url('/images/pl/right_quote.gif') right bottom no-repeat;
}

/* Write button @Arun Nambiar*/

.write {
 display: table;
 width: auto;
 padding: 7px 20px;
 color: #FFF;
 background: #45A713 url('/images/pl/write_bg.png') repeat-x 0 50%;
 text-align: center;
 line-height: 1.25;
 font-weight: bold;
 font-family:	Arial,Helvetica,sans-serif;
 font-size:	12px;
}

* html .write { display: inline-block }
* html .write { display: inline; height: 15px; }
*+html .write { display: inline-block }
*+html .write { display: inline }

.write span {
 position: relative;
 width: auto;
 top: -7px;
 left: -20px;
 display: block;
 background: url('/images/pl/write_border.png') left top;
}

* html .write span { display: inline-block }
*+html .write span { display: inline-block }

.write span span {
 top: 0;
 left: 40px;
 background-position: right top;
}

.write span span span {
 top: 15px;
 left: 0;
 background-position: right bottom;
}

.write span span span span {
 top: 0;
 left: -40px;
 background-position: left bottom;
}

.write span span span span a {
 display: block;
 position: relative;
 top: -8px;
 left: 20px;
 margin: 0 -18px;
 padding: 0 18px;
 min-width: 40px;
 min-height: 15px;
}

* html .write span span span span a { display: inline } /* For IE5.0 */
* html .write span span span span a {
 display: inline-block;
 left/**/: 2px;
 height: 15px;
 margin: 0;
 padding: 0;
 margin/**/: 0 -18px;
 padding/**/: 0 18px;
}

.write a{
 color: #fff !important;
 text-decoration: none;
}

.write a:hover {
 text-decoration: none;
}

.Headings {
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	color: #006699;
	font-weight: bold;
	font-size: 13px;

}
/* ------------------------- */


/* Unused selectors @Arun Nambiar */

#results {
float:left;
 }

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

/* Advertisements */

#advBillboardContainer {
    background: #FFF; 
    border-bottom: 1px solid #DDD;
}

#advBillboardContainer div,
#advRectangeContainer div {
    margin-bottom: 10px;
}


#advRectangeContainer div {
    padding: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
}


#advRectangeContainer div div {
	border: 0px;
}

#messageDiv {
	padding-bottom: 10px;
}

#userNotLoggedInfoPagesMenu {
	float:right;
	padding-right: 30px;
	padding-top: 10px; 
}

#userNotLoggedInfoPagesMenu a {
	color:#FFFFFF;
	font-size:14px;
	font-weight: bold;
}

iframe {
	border: 0;
}

#profile textarea {
	width: 180px;
	height: 100px;
}