.userpicContainer {
float: left;
width: 112px;
text-align: center;
margin-right: 15px;
}

	.userpicContainer .userpicImg {
	float: left;
	padding: 5px;
	/*border: solid 1px #e2e2e2;*/
	position: relative;
	}
	
	.userpicContainer #uploadTrigger {
	
	}

	/*
	.userpicContainer #userpicActions {
	background-color:#FFFFFF;
	border-color:#E2E2E2;
	border-style:solid solid solid none;
	border-width:1px 1px 1px medium;
	display:none;
	left:100%;
	padding:3px 3px 3px 5px;
	position:absolute;
	top:5px;
	}
	
		.userpicContainer #userpicActions a {
		display: block;
		}
	
	.userpicContainer #uploadTrigger {
	display: none;
	background: url(../../images/sharedicons/silk/camera__plus.png) left center no-repeat;
	padding: 3px 3px 3px 20px;
	color: #000000;
	white-space: nowrap;
	}
	
	.userpicContainer #reuploadTrigger {
	display: none;
	background: url(../../images/sharedicons/silk/camera__pencil.png) left center no-repeat;
	padding: 3px 3px 3px 20px;
	color: #000000;
	white-space: nowrap;
	}
	
	.userpicContainer .removeTrigger {
	display: none;
	background: url(../../images/default/icon_trash.gif) left center no-repeat;
	padding: 3px 3px 3px 20px;
	color: red;
	white-space: nowrap;
	}
	*/
	
.userpicImgUploadForm {
border: solid 1px #999999;
}

	.userpicImgUploadForm .mainArea .ButtonsArea {
	display: none;
	}
	
.userinfoContainer, .userinfo2Container, .projectinfoContainer {

}

	.fieldText {
	font-weight: bold;
	padding-right: 5px;
	padding-top: 6px;
	text-align: right;
	vertical-align: middle;
	}
	
	.fieldValue {
	padding-top: 6px;
	}
	
		.fieldValue .text{
		padding-left: 2;
		margin: 0;
		}
		
		.fieldValue select {
		overflow: hidden;
		}
		
		.fieldValue table td input {
		float: left;
		border: none;
		}
		
		.fieldValue table td {
		white-space: nowrap;
		}
		
		.fieldValue div.error{
		width: 155px;
		}

	.PasswordStrength {
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	padding-top: 0px;
	margin-top: -4px;
	margin-left: -10px;
	}

		.PasswordStrength img {
		display: block;
		}
	
	
	
	.passContainer input.passtext {
	float:left;
	}
	
	#psr_score { 
	display: block;
	float:left;
	font-size:11px;
	width:100px; 
	margin-top: 4px;
	margin-left: 5px;
	}
	#psr_verify { display: inline; padding-left: 10px; }
	#psr_strength_notice { display: inline; padding-left: 5px; }

	#psr_score span {
	display: inline !important;
	background: none !important;
	}
	.psr_Weak { color: #A52A2A; }
	.psr_Medium { color: #FFA500; }
	.psr_Strong { color: #3DBE5E; }
	.psr_Excellent { color: #416EC2; }

	.passContainer.inline #psr_score {
	float: none;
	clear: both;
	margin: 0;
	}
	
	.fieldLabel {
	font-size:12px;
	}
		.fieldLabel span, 
		table.formview tr.requiredField td.fieldLabel span{
			color: #666666;
		}
	
	.fieldInput input {
	font-size: 17px;
	font-weight: bold;
	width:480px;
	}
	.fieldInput textarea {
	width:480px;
	}
	
.formview {
	float: left;
}
/************* New style for submit, etc. form buttons, will replace .buttons class **************/
.ButtonsArea {
border-top: solid 2px #e2e2e2;
padding: 5px 10px 5px 10px;
margin-top: 10px;
clear: both;
}

	.ButtonsArea span{
	display: block;
	float: right;
	padding: 3px 0 3px 2px;
	/*background: url(../../images/default/button-left-bg.gif) left center no-repeat;*/
	/*margin-left: 10px;
	font-size: 11px;*/
	}
		.ButtonsArea span a{
		/*display: block;
		background: url(../../images/default/button-right-bg.gif) right center no-repeat;
		padding: 5px 15px 5px 15px;
		color: #ffffff;
		text-decoration: none;*/
		border:1px solid #CCCCCC;
		color:black;
		display:block;
		font-size:11px;
		margin:3px 3px 3px 0px;
		padding: 4px 10px;
		text-decoration:none;
		}
		
		.ButtonsArea span a:hover{
		text-decoration: none;
		border: solid 1px #666666;
		}
		
		.ButtonsArea span.CancelIcon, 
		.ButtonsArea span.TextButtonIcon, 
		span.TextButtonIcon {
		background:none;
		}
		
			.ButtonsArea span.CancelIcon a , 
			.ButtonsArea span.TextButtonIcon a, 
			span.TextButtonIcon a {
			display: block;
			background: none;
			color: red;
			text-decoration: underline;
			}
			
			.ButtonsArea span.CancelIcon a:hover, 
			.ButtonsArea span.TextButtonIcon a:hover, 
			span.TextButtonIcon a:hover {
			display: block;
			background: red;
			color: white;
			text-decoration: none;
			}
			
				span.TextBlueButtonIcon a{
				display: block;
				background: none;
				padding: 1px;
				color: #006699;
				text-decoration: underline;
				}
				
				span.TextBlueButtonIcon a:hover{
				display: block;
				background: #006699;
				padding: 1px;
				color: white;
				text-decoration: none;
				}

		.ButtonsArea span.separator{
		
		}
		
		.ButtonsArea span.SubmitIcon a{
		font-weight:bold;			
		padding: 4px 10px 4px 27px;
		background: white url(../../images/default/button-left-submit-bg.gif) 9px center no-repeat;
		}

		.ButtonsArea span.SubmitAddIcon{
		background: url(../../images/default/button-left-submit-bg.gif) 10px center no-repeat;
		}
			.ButtonsArea span.SubmitAddIcon a{
			padding: 4px 10px 4px 27px;
			}

		.ButtonsArea span.PreviewIcon{
		background: url(../../images/default/button-left-compare-bg.gif) 10px center no-repeat;
		}
			.ButtonsArea span.PreviewIcon a{
			padding: 4px 10px 4px 27px;
			}

		.ButtonsArea span.ShowChangesIcon{
		background: url(../../images/default/button-left-compare-bg.gif) 10px center no-repeat;
		}
			.ButtonsArea span.ShowChangesIcon a{
			padding: 4px 10px 4px 27px;
			}
			
		.ButtonsArea span.ResolveIcon{
		background: url(../../images/default/button-left-resolve-bg.gif) 10px center no-repeat;
		}
			.ButtonsArea span.ResolveIcon a{
			padding: 4px 10px 4px 27px;
			}
			
		.ButtonsArea span.ReopenIcon{
		background: url(../../images/default/button-left-submit-bg.gif) 10px center no-repeat;
		}
			.ButtonsArea span.ReopenIcon a{
			padding: 4px 10px 4px 27px;
			}
			
		.ButtonsArea span.ReplyIcon{
		background: url(../../images/default/button-left-reply-bg.gif) 10px center no-repeat;
		}
			.ButtonsArea span.ReplyIcon a{
			padding: 4px 10px 4px 27px;
			}
		
		.ButtonsArea span.ReplyIconMain{
		background: url(../../images/default/button-left-reply-bg.gif) 10px center no-repeat;
		}
		
			.ButtonsArea span.ReplyIconMain a{
			font-weight:bold;			
			padding: 4px 10px 4px 27px;
			}
			
			
		.ButtonsArea span.CompareVersionsIcon{
		background: url(../../images/default/button-left-compare-bg.gif) 10px center no-repeat;		
		}
			.ButtonsArea span.CompareVersionsIcon a{
			padding: 4px 10px 4px 27px;
			}
			
		.ButtonsArea span.ReInviteIcon{
		background: url(../../images/default/button-left-invite-bg.gif) 10px center no-repeat;		
		}
			.ButtonsArea span.ReInviteIcon a{
			padding: 4px 10px 4px 27px;
			}
			
		.ButtonsArea span.CreateFolderIcon a{
		background: white url(../../images/sharedicons/silk/folder_add.png) 6px center no-repeat;
		padding: 4px 7px 4px 27px;
		}
			
		span.UploadFileIcon{
				
		}
			span.UploadFileIcon a {
			background: #ffffff url(../../images/sharedicons/silk/add.png) 7px center no-repeat;
			padding: 4px 7px 4px 27px;
			}	
		
		.ButtonsArea span.EditPermissionsIcon, #changeFolderAclButton a {
		background: #ffffff url(../../images/sharedicons/silk/folder_key.png) center center no-repeat;		
		}
		
		.ButtonsArea span.EditPermissionsIconInactive, #changeFolderAclButton.unset  a {
		background: #ffffff url(../../images/sharedicons/silk/folder_key_inactive.png) center center no-repeat;		
		}
		
		.ButtonsArea span.EditPermissionsIconInactive, #changeFolderAclButton.disabled  a {
		background: #ffffff url(../../images/sharedicons/silk/folder_key_inactive.png) center center no-repeat;		
		}
		
			.ButtonsArea span.EditPermissionsIcon a,
			.ButtonsArea span.EditPermissionsIconInactive a{
			padding: 4px 10px 4px 13px;
			}

		.ButtonsArea span.DeleteFolderIcon {
		background: #ffffff url(../../images/default/icon_trash.gif) 7px 9px no-repeat;		
		}
			.ButtonsArea span.DeleteFolderIcon a{
			padding: 4px 10px 4px 13px;
			}	
			
		.ButtonsArea span.DeleteFolderIconWithText {
		background: #ffffff url(../../images/default/icon_trash.gif) 7px center no-repeat;		
		}
			.ButtonsArea span.DeleteFolderIconWithText a{
			padding: 4px 10px 4px 27px;
			}	

		.ButtonsArea span.RenameFolderIcon {
		background: #ffffff url(../../images/sharedicons/silk/folder_edit.png) center center no-repeat;		
		}
			.ButtonsArea span.RenameFolderIcon a{
			padding: 4px 10px 4px 13px;
			}	

		.ButtonsArea span.RenameFolderIconWithText {
		background: #ffffff url(../../images/sharedicons/silk/folder_edit.png) 7px center no-repeat;		
		}
			.ButtonsArea span.RenameFolderIconWithText a{
			padding: 4px 10px 4px 27px;
			}	
		
		.ButtonsArea span.DownloadFolderIcon {
		background: url(../../images/sharedicons/silk/compress.png) center center no-repeat;		
		}
			.ButtonsArea span.DownloadFolderIcon a{
			padding: 4px 10px 4px 13px;
			}	
			
	/*
	TODO: disabled state - once clicked
	*/
	
	.ButtonsArea span.disabled a,
	.ButtonsArea span.disabled a:hover,
	.ButtonsArea span.disabled a:active,
	.ButtonsArea span a.disabled,
	.ButtonsArea span a.disabled:hover,
	.ButtonsArea span a.disabled:active {
	color: #cccccc !important;
	border-color: #cccccc !important;
	cursor: default !important;
	background-color: #fff !important;
	}

		

	/*for specific cases when into buttons area we put controls - like on case form*/
	.ButtonsArea select {
	border:1px solid #DADADA;
	font-size:11px;
	}		
.history-listview {
	width:100%;
}
.history-listview td {
	font-family: Verdana;
	font-size: 10px;
	border-bottom: solid 1px #CDCDCD;
	vertical-align: middle;
	padding-left:1px;
	padding-right:2px;
	}

.history-listview .header th {
	text-align:left;
}

th.milestone-target-date {
	font-size:13px;
}
td.milestone-target-date {
	font-size:14px;
}

.participantLabel td{
white-space:nowrap;
text-align:left;
}

/* Makes style for JQuery Calendar
 */
.dp-choose-date, .dp-clear-date {
	margin: 0 2px 0 2px;
	cursor: pointer;
	vertical-align : text-bottom;
}
.ie7 .dp-choose-date, .ie7 .dp-clear-date {
	vertical-align:auto;
}
.dp-disabled {
	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: 66px !important;
	/*float: left;*/
}			

.projectItemAclForm table.dynamicList {
width: 498px !important;
}

	.projectItemAclForm table.dynamicList tr.defaultValues td {
	border-bottom: 2px solid #EFEFEF !important;
	background-color: #f5f5f5;
	text-align: right;
	}

	.projectItemAclForm table.dynamicList tr.groupValues td {
	text-align: center;
	}

	.projectItemAclForm table.dynamicList tr.groupValues td.Group {
	text-align: left;
	}

	.projectItemAclForm table td.Team {
	text-align: right !important;
	padding-left: 10px !important;
	}
	
	.projectItemAclForm select {
	font-size: 10px;
	width: 100px;
	}
	
		.projectItemAclForm select.allow, 
		.projectItemAclForm select option.allow {
		background-color: #CFFFD9;
		color: black !important;
		}
		
		.projectItemAclForm select.deny,
		.projectItemAclForm select option.deny {
		background-color: #FFCFD1;
		color: black !important;
		}
		
		.projectItemAclForm select.defaultAllow,
		.projectItemAclForm select option.defaultAllow {
		background-color: #EFFFF2;
		color: silver !important;
		}
		
		.projectItemAclForm select.defaultDeny,
		.projectItemAclForm select option.defaultDeny {
		background-color: #FFEFF0;
		color: silver !important;
		}

.uppercase { text-transform:uppercase; }
.capitalize { text-transform:capitalize; }
.capitalize::-webkit-input-placeholder,.capitalize::-moz-placeholder  { text-transform:none; }

.scrollableCheckboxes {
border:solid 1px #cccccc;
overflow-y: auto;
max-height:150px;
padding:5px;
}

	.scrollableCheckboxes table {
	width: 100%;
	}