/* 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;
		_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 .groupBox td{width:222px; height:auto;}
	.info .groupBox td div{width:160px;}
	.info .groupBox td div p{padding-bottom:0;}
	.info th {text-align:left; padding-right:25px; width:140px;}
	.info th.no, #mentor_div th.no{padding-right:10px;}
	
	.info td{vertical-align:middle;}
	
	.anstext{padding:0 5px;}
	.vAlign{vertical-align:top;}
	.vAlignB{vertical-align:bottom;}
	.hAlign{text-align:right;height:25px;}

	.info a.edit{
		position:absolute;
		top:-22px;
		right:5px;
		background:#dedede;
		color:#666;
		font-size:11px;
		line-height:22px;
	}
	.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 input.pecent{float:none; width:30px;}
		
		.info label{
			width:145px;
			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.btn1{border-color:#c6c6c6;}
				
				.info td ul{clear:both; padding-bottom:2px;}
					.info td ul li{
						width:185px;
						border:1px solid #bfbfbf;
						background:#f5f0f0;
						color:#000;
						padding:2px 5px;
						margin-bottom:1px;
						font-size:11px;
						line-height:15px;
					}
						.info td ul li img{
							height:11px;
							display:block;
							float:right;
							padding:2px 0 0 5px;
						}
		
		
		

	/* 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;}*/
	
	
	.group{
		padding-bottom:7px;
		height:100%;
		overflow:hidden;
	}
	.group li{
		width:160px;
		position:relative;
		min-height:52px;
		_height:52px;
		margin-bottom:3px;
		padding:10px 10px 10px 77px;
		float:left;
	}

	.group a.groupImg{
		padding:1px;
		background:#fff;
		position:absolute;
		top:8px;
		left:10px;
		border:1px solid #dbe2cf;
	}
		.group a.groupImg img{display:block; width:50px; height:50px;}
		.group a.groupImg:hover{border:1px solid #cad2bd;}
	
			.group li p{
				text-transform:capitalize;
				word-wrap: break-word;
				line-height:15px;
				padding-bottom:0;
				font-size:11px;
				
			}
			.group li h4{font-size:12px;}
							
.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;}
p.selected{
	line-height:21px;
	border:1px solid #dedede;
	background:#f2f2f0;
	color:#666;
	padding:0 10px;
	margin:5px 0;
}
/* 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;
	
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

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

.institute{
	position:relative;
	background:#fafef3;
	border:1px solid #eaf2dd;
	border-bottom:0;
	margin-bottom:8px;
}
.institute li{
	font-size:11px;
	padding:5px 10px 5px 25px;
	border-bottom:1px solid #eaf2dd;
}

.institute li.tbl-even, .institute div.tbl-even{
	color:#666;
	background:#fff;
}
	.institute li a{
		font-size:12px;
		color:#000;
		background-color:inherit;
	}
	
.caseStudies div{
	padding:5px 0px;
	border-bottom:1px solid #eaf2dd;
	position:relative;
}
	.caseStudies div div.skills{
		width:300px;
		padding:0;
		border-bottom:none !important;
		font-size:11px;
	}
		.caseStudies div div.skills strong{font-size:12px;}
		.caseStudies div div.skills span{line-height:15px;}
		
.caseStudies div a{font-size:11px; position:relative; padding-left:20px;}

.caseStudies .rateBoxExp{
	width:82px;
	position:absolute;
	top:5px;
	right:10px;
}
.caseStudies .rateBoxExp{
	width:120px;
	_width:140px;
	border:none;
	margin:0;
	padding:0;
}
	.rateBoxExp span {
		float:left;
		height:16px; _height:19px;
		display:block;
		vertical-align:middle;
		width:16px; _width:18px;
		border-width:1px;
		border-style:solid;
		margin:0 2px;
		padding:3px 0 0 2px; _padding:0;
	}
		.rateBoxExp input{_float:left;}
	.rateBoxExp span.fade {background:#efeeec; border-color:#e7e7e7; color:#666;}
	.rateBoxExp span.deep-green {background:#85cc18; border-color:#6bb043; color:#666;}
	.rateBoxExp span.deep-yellow {background:#ffed00; border-color:#d4cd00; color:#666;}
	
.caseStudies a.close{
	position:absolute;
	left:10px;
	top:9px;
}