/* CSS Document */
/*This will use to hide the date_picker text*/
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
/*a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../../../globals/images/ico-event.gif) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}*/
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
/*input.dp-applied {
	width: 140px;
	float: left;
}

.suggestionsBox {
	position: absolute;
	width: 200px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #000000;	
}
	
.suggestionList {
	margin: 0px;
	padding: 0px;
	display:block;
	background-color:#33CCFF;
	color:#000000;
	position: absolute;
	width:200px;
}
	
.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestionList li:hover {
	background-color: #659CD8;
}
.top_container{ width:600px; float:left;}
.write-about-normal { display:block; text-align:center; padding:2px; border:solid 1px #e9e9e9; background-color:#f1f1f1; margin:4px 0; clear:both; }*/

/* Start: Success Message*/
/*.success{
	background:#f4fde5;
	border:1px dashed #eaf2dd;
	text-align:center;
	color:#4a7605;
	padding:5px 0;
	margin-bottom:20px;
	position:relative;
	display:none;
}
	.success a.close{
		position:absolute;
		top:9px;
		right:7px;
	}*/
	
/* End: Success Message*/

/* Start: Info - Personal Info*/
/*.pInfo{
	background:#ff0;
}*/
	.pInfo h3{
		font-size:12px;
		line-height:22px;
		background:url(../images/down-arrow.gif) no-repeat 9px 50% #dedede;
		padding-left:25px;
		margin:10px 0 0;
		color:#000;
	}
	.pInfo h3.off{background:url(../images/side-arrow.gif) no-repeat 9px 50% #fff; color:#666;}
	
		/* Start: Alert-Success*/
		.alert,
		.success{display:none;}
		.alert a.close,
		.success a.close{
			float:right;
			margin:3px 7px 0 0;
		}
		.alert a.close,
		.success a.close{_margin:3px 5px 0 0;}
		/* End: Alert-Success*/
	
	.info{
		background:#f7f7f7;
		color:#666;
		border:1px solid #dedede;
		border-top:0;
		padding:10px 25px;
		margin-bottom:10px;
		position:relative;
	}
		.info p{padding-bottom:10px;}
	.tablementor{width:100%;}
	
	.info th,
	.info td{
		height:22px;
		line-height:22px;
	}
	.info th {text-align:left; padding-right:25px; width:140px;}
	.info th.no, #mentor_div th.no{padding-right:10px;}
	
	td{vertical-align:middle;}
	
	.anstext{padding:0 5px;}
	.vAlign{vertical-align:top;}
	.hAlign{text-align:right;height:25px;}

	.info a.edit{
		position:absolute;
		top:-22px;
		right:5px;
		background:#dedede;
		color:#666;
		font-size:11px;
	}
	.info a.edit{_right:15px;}/* For IE*/
	.info a:hover.edit{background:#dedede; color:#000;}
	
	/* Start: Edit Form Styling	*/
	.info form th,
	#mentor_div th{padding-right:0; width:auto;}
	.info form td{width:230px;}
	td.addremove{height:32px; vertical-align:top;}
	
	
	
		.info label,
		.info input,
		.info select{float:left;}
		
		.info label{
			width:160px;
			padding-right:20px;
			line-height:20px;
			display:block;
			text-align:right;
		}
		.info label.chk {width:auto; text-align:left;}
		.info label.tofrom {width:30px; padding:0; text-align:left;}
			.info input,
			.info textarea{
				width:187px;
				height:15px;
				border:1px solid #bfbfbf;
				padding:2px 4px;
				margin-right:3px;
				margin-bottom:3px;
			}
			.info td.im input{width:130px;}
			input.date{width:157px;}
			.info textarea{height:auto;}

			.info input.radio{
				width:auto;
				height:auto;
				border:0;
				padding:0;
				margin:0;
			}
			.info input.floatR{float:right;}
			.info input.chk{
				width:auto;
				height:auto;
				padding:0;
				border:none;
				margin:4px 4px 0 0;
				background:none;
			}
			.info select{height:20px; margin:0 6px 5px 0;}
			.info select.day{width:40px;}
			.info select.yr{width:58px;}
			.info input.btn, .info input.btn1{width:auto; height:auto; border:1px solid #8db92e;}			
			.info input.btn1{border-color:#c6c6c6;}
				
		
		
		a.date{
			width:16px;
			height:0;
			padding-top:14px;
			display:block;
			overflow:hidden;
			background:url(../images/ico-event.gif) no-repeat 0 0;
		}
		
		a.add,
		a.remove,
		a.remove1{
			width:50px;
			height:17px;
			font-size:11px;
			display:block;
			padding-left:15px;
			margin-right:10px;
			background:url(../images/add-remove.gif) no-repeat 0 6px;
			float:left;
			overflow:hidden;
		}
		a.remove, a.remove1{background-position:0 -18px;}
		a.remove1{
			width:10px;
			height:0;
			padding:17px 0 0 0;
			margin:0;
			font-size:0;
		}

	/* Start: for IE*/
		td.im{_padding-bottom:3px;}
		.info td.im input{_width:120px;}
		
		.info form td.padLft{_padding-left:6px;}
		.info select{_margin:0 0 5px 6px;} /* For IE6*/
		.info select.day{_width:43px;}
		.info select.yr{_width:61px;}
		
		.info label.chk{padding-left:2px\9;}
		.info input.chk{_margin:0px 0 0;}
		
		.info input.btn{_margin-left:6px;}
		.info input.btn,
		.info input.btn1{height:21px\9; padding:2px\9;}
		
		a.remove1{_margin-left:5px;}
		/* End: for IE*/
	/* End: Edit Form Styling	*/
	/*.info td a.close{margin-top:2px;}*/
							
/* End: Info - Personal Info*/

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../../../globals/images/ico-event.gif) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

 
input.dp-applied {
	width: 140px;
	float: left;
}

.entry{/*padding-top:30px;*/ padding-right:5px;}
.entry p{
	height:100%;
	overflow:hidden;
	font-size:12px;
	line-height:16px;
	padding:0 15px 17px 0;
}
.entry a.top{
	height:16px;
	display:block;
	float:right;
	font-size:11px;
}
.entry-date{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/date-bg.gif) no-repeat 0 0;
	width:52px;
	height:52px;
	padding-top:0px;
	text-align:center;
	font-size:11px;
	line-height:12px;
	/*font-weight:bold;*/
}
.entry-date strong{display:block; font-size:16px; line-height:16px; padding-top:3px;}
.entry-date strong.dt{font-size:11px; line-height:17px; color:#fff; padding:0;}
ul.bloginfo {
	height:100%;
	clear:both;
	overflow:hidden;
	/*position:absolute;
	top:25px;
	left:60px;*/
	padding:4px 0 15px;
	margin:0 0 0 60px;
	font-size:13px;
	/*color:#5D5555;
	background: #fff;
	background:url(../images/entry-title-border.gif) repeat-x 0 0;*/
	font-weight:bold;
	font-size:11px;
}
.editpost{
	background:#f7f7f7;
	color:#666;
	border:1px solid #dedede;
	padding:10px 15px;
	position:relative;
}

.editpost label,
.editpost input,
.editpost select{float:left;}

.editpost label{
	width:130px;
	padding-right:20px;
	line-height:20px;
	display:block;
	text-align:right;
}
.editpost input,
.editpost textarea{
	width:327px;
	height:15px;
	border:1px solid #bfbfbf;
	padding:2px 4px;
	margin-right:3px;
	margin-bottom:3px;
}

.editpost textarea{height:auto;}

.editpost select{height:20px; margin:0 6px 5px 0;}
.editpost select.day{width:40px;}
.editpost select.yr{width:58px;}
.editpost input.btn, .editpost input.btn1{width:auto; height:auto; border:1px solid #8db92e;}			
.editpost input.btn1{border-color:#c6c6c6;}
#contacts{padding:2px 0 4px;}
/*.contacts,
.findpeople,
.suggestions li{
	position:relative;
	min-height:52px;
	background:#fafef3;
	border:1px solid #eaf2dd;
	margin-bottom:2px;
	padding:5px 0 8px 90px;
}*/
/*.contacts{padding-bottom:12px\9; _height:47px;}*/ /* For IE*/
.contacts{padding-bottom /*\**/: 7px\9;} /* For IE8*/

	.contacts a.profileImg,
	.suggestions a.profileImg{
		width:auto;
		height:auto;
		position:absolute;
		top:8px;
		left:30px;
		border:1px solid #dbe2cf;
	}
		.contacts a.profileImg img, 
		.suggestions a.profileImg img{display:block;}
		.contacts a.profileImg:hover,
		.suggestions a.profileImg:hover{border:1px solid #cad2bd;}
		

	.contacts input.chk{position:absolute; left:10px; top:8px;}
	.contacts input.chk{
		width:16px\9; 
		height:16px\9; 
	}
	.contacts h4{
		font-size:12px;
		line-height:20px;
		color:#666;
		background:inherit;
		/*padding-left:10px;*/
		float:left;
		padding-right:7px;
	}
	.contacts p{
		word-wrap:break-word; 
		padding:5px 10px 5px 0;
		font-size:11px;
		line-height:15px;
		clear:both;
	}
	.contacts p.mfrnd{padding:0px 10px 5px 0;}
	.contacts h4 a,
	.contacts p a{color:#5d9408;}
	
	/* Start: Close*/
	.contacts a.close,
	.suggestions a.close{
		position:absolute;
		top:7px;
		right:7px;
	}
	/* End: Close*/
	
	/* Start: Add to List*/
	.contacts a.addList{
		font-size:11px;
		line-height:20px;
		background:url(../images/divider.gif) no-repeat 0 3px #fafef3;
		background-position:0 5px\9;
		color:#a5a4a3;
	}
	.contacts a:hover.addList{
		background-color:inherit;
		color:#000;
	}
		.contacts a.addList span{
			padding:0 9px;
			background:url(../../../globals/images/green-down.gif) no-repeat 100% 50%;
			display:inline-block;
			cursor:pointer;
		}
	/* End: Add to List*/
	ul.actiontabs{margin-top:-15px;}

.activity{padding:0;}
.filerLink  span{
	padding:0 9px;
	background:url(../../../globals/images/green-down.gif) no-repeat 100% 50%;
	display:inline-block;
	cursor:pointer;
}
#friend_lists{
	height:90px;
	overflow:auto;
	padding:5px 5px 0 27px;
	margin-bottom:5px;
	position:relative;
	font-size:11px;
	line-height:18px;
}

.show_lists{ 
		position:absolute; 
		z-index:600; 
		border:#dddddc solid 1px; 
		background-color:#efeeec; 
		width:173px; 
		display:none;
	}
	
.auto_class td ul li{
	width:319px;
	border:1px solid #bfbfbf;
	background:#f5f0f0;
	color:#000;
	padding:2px 5px;
	margin-bottom:1px;
	font-size:11px;
	line-height:15px;
}
.auto_class td ul li img{
	height:11px;
	display:block;
	float:right;
	width:auto;
	height:auto;
	padding:2px 0 0 5px;
}
.frnd, .invt{
	width:166px;
	padding:5px 5px 5px 10px; 
	background:#f2f2f0;
	border:1px solid #c5c5c5;
	cursor:pointer;
	line-height:15px;
}
.frndhover, .selecthover{background:url(../images/ico-check.gif) no-repeat 100% 100% #e9f6d5; border:1px solid #87cf16;}
.frnd table, .invt table{width:165px; overflow:hidden;}
.frnd img.profileImg, .invt img.profileImg{width:30px; height:30px; display:block; margin-right:5px;}
.frnd a img.profileImg, .invt a img.profileImg{border:1px solid #dbe2cf;}
.frnd a:hover img.profileImg, .invt a:hover img.profileImg{border:1px solid #cad2bd;}

.frnd input, .invt input{position:absolute; top:-1000px;}
.vAlign{vertical-align:top;}
.width{width:37px;}

p.selected{
	line-height:21px;
	border:1px solid #dedede;
	background:#f2f2f0;
	color:#666;
	padding:0 10px;
	margin-bottom:5px;
}
/*#frm_invite_blog{clear:both;}*/
#frm_invite_group table{margin:0px 0 5px;}
#frm_invite_group table table{margin:0;}
#frm_invite_group .comment{display:block;}
#frm_invite_group .comment h4{
		font-size:12px;
		line-height:20px;
		color:#666;
		background:inherit;
	}
.invite-filter {
	height:21px;
	overflow:hidden;
	padding-bottom:5px;
}
.invite-filter li{
	float:left;
	padding:0 10px;
	background:url(../images/divider.gif) no-repeat 0 5px;
}
.invite-filter li form{
	width:136px;
	float:left;
}
.padL{padding-left:42px;}
.invite-filter li.noBg{background:none; padding-left:0;}
.invite-filter li.padL1{padding-left:220px; padding-left:223px\9; padding-right:0;}

.invite-filter li input{
	width:136px;
	height:15px;
	float:left;
	margin-left:3px;
	border:1px solid #dadad9;
	padding:2px 4px;
	background:#fff;
}
.photoBox{
	background:#f8f8f8;
	border:1px solid #eee;
	color:#666;
	padding:10px 12px;
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
	position:relative;
}
.bigImage{text-align:center;}

.photoBox td{padding:0 5px 5px 0;}
.photoBox td.noPad{padding-right:0px;}
.photoBox td a, .photoBox td div{
	width:90px;
	padding:4px;
	height:auto;
	display:block;
	background:#fff;
	border:1px solid #ccc;
}
	.photoBox td a:hover{border:1px solid #666;}
.photoBox .album td a{
	padding:0; 
	border:0; 
	background:#f8f8f8; 
	font-size:11px;
	line-height:15px;
	color:#666;
}
	.photoBox .album td a:hover{
		background:#f8f8f8; 
		color:#000;
		border:0;
	}

.photoBox .album td div{
	width:90px;
	height:90px;
	border:0; 
	padding:4px 6px 6px 4px;
	background:url(../images/album-bg.gif) no-repeat 0 0;
}

	.photoBox td img{width:90px; display:block;}
	.photoBox .album td img{height:90px;}
	
.photoBox p{
	line-height:21px;
	text-align:right;
	padding:0 10px;
	background:#eaeae8;
	color:#666;
	font-size:11px;
	margin:10px -12px -10px;
}
.photoBox p strong{color:#000; background:inherit;}
.viewComments{
	height:21px;
	background:url(../images/divider.gif) no-repeat 5px 50%;
	padding:0 0 0 13px;
	display:inline-block;
}

.photoBox ul{
	line-height:21px;
	padding:0 10px;
	background:#eaeae8;
	color:#666;
	font-size:11px;
	margin:-10px -12px 10px;
	text-align:left;
}
.photoBox ul li{
	display:inline;
	padding:0 10px;
	line-height:20px;
	font-size:11px;
	font-weight:bold;
	background:url(../images/divider.gif) no-repeat 0 50%;
}
.photoBox ul li.nobg{padding-left:0; background:none;}
.photoBox ul li a{color:#666; background:#eaeae8;}
.photoBox ul li a:hover{color:#000;	background:#eaeae8;}

.caption{
	height:100%;
	overflow:hidden;
	position:relative;
	text-align:left;
	padding:0 11px;
}
.caption textarea{
	width:92%;
	border:1px solid #dbe2cf;
	padding:2% 4%;
	margin:3px 0;
}
.caption h5{
	font-size:12px;
	color:#000;
	background:#f8f8f8;
	line-height:21px;
	margin:5px 0;
}
.caption p{
		line-height:21px;
		text-align:left;
		padding:0;
		background:#f8f8f8;
		color:#666;
		font-size:12px;
		font-weight:bold;
		margin:0;
		float:left;
	}
	.caption ul{
		background:#f8f8f8;
		color:#666;
		margin:0;
		float:left;
		width:405px;
	}
		.caption ul li{
			background:none; 
			white-space:nowrap; 
			float:left; 
			position:relative;
			padding:0 20px 0 0;
		}
		
	.caption li img{
		position:absolute;
		right:7px;
		top:7px;
	}
.col1 h3{
	line-height:21px;
	margin-bottom:0;
}
.col1 h4{
	font-size:12px;
	color:#000;
	background:#fff;
	line-height:21px;
}
.commenttag, .success{margin:-15px 0 20px;}
.commenttag label input{width:85%; height:12px; margin-right:3px;}
.commenttag label input{width:83%\9; margin:0px\9;}
.commenttag input.btn, .commenttag input.btn1{float:none;}
.commenttag input.btn, .commenttag input.btn1 {width:auto\9; height:21px\9; padding:2px\9;}

.commenttag input.chk{
	width:auto;
	height:auto;
	padding:0;
	border:none;
	margin:2px 4px 0;
	background:none;
}
							
.commenttag input.chk{width:16px\9; height:16px\9;}


/* CSS Document */
.groupSearchWrap { list-style:none; border-top:solid 1px #eee; margin-top:4px; clear:right; height:100%; overflow:hidden; }
.groupSearchWrap li.group-head { width:155px; float:left; font-size:14px; padding:8px 0 8px 12px; color:#818181 }
.groupSearchWrap li.group-unit, .groupSearchWrap li.group-unit-group { height:450px; border:solid 1px #E8E8E8; overflow-y:scroll; overflow-x:hidden; }
.groupSearchWrap li.group-unit { width:165px;  float:left; margin-right:10px; }
.groupSearchWrap ul { list-style:none; }
.groupSearchWrap li.group-unit li { line-height:14px; float:left; padding:1px 0; }
.groupSearchWrap li.group-unit li a { display:block; padding:2px 9px; width:110px; }
.groupSearchWrap li.group-unit li a:hover { background-color:#E7F5D1; color:#6BB043; text-decoration:none; }

.groupSearchWrap li.group-unit-group { margin-right:0; width:175px; padding:6px; float:left; border:solid 1px #E8E8E8; height:435px; }
.groupSearchWrap li.group-unit-group li { clear:left; height:100%; overflow:hidden; padding:4px 0; border-bottom:solid 1px #F4F4F4; font-size:11px; }
.groupSearchWrap li.group-unit-group li img { float:left; }
.groupSearchWrap li.group-unit-group li.list-heading { font-size:13px; color:#848484; }
.groupSearchWrap li.group-unit-group li div { margin-left:55px; }
.groupSearchWrap li.group-unit-group li div p { text-align:left; }
.groupSearchWrap li.group-unit-group li div p span { float:left;}
.groupSearchWrap li.group-unit-group li div p a { color:#93C514; }
.groupSearchWrap li.group-unit-group li.overview-txt { font-size:13px; color:#68A650; }
.groupSearchWrap li.group-unit-group li ul.green-bull { list-style:none; padding:0 0 20px 0; clear:left; }
.groupSearchWrap li.group-unit-group li ul li { background:url(../images/bullet.gif) no-repeat 0 6px; padding:0 0 0 10px; margin:4px 0; border:none; }
ul.green-bull li { padding-bottom:10px; }
ul.green-bull ul { list-style:none; margin:2px 0 2px 16px; }
ul.green-bull ul li { list-style:none; padding:0 !important; background:none !important; }