/* == label/input/container positioning == */
.ProfilePhoto{
	float:right;
	margin: 1em 1em 0.3em 0.3em;
	margin-right:2em !important;
	margin-right:1em;
	padding: 0.3em;
	width:180px;
	height:210px;
	background-color:#F9F9F9;
}
.ProfilePhoto img{padding:10px}

form div.ControlContainer {
	clear:left;
	display: block;
	width: 550px; 
	margin: 0.8em 0.3em 0.8em 1em;
	padding: 6px 2px;
	font-size: 0.9em;
}

form div.ControlContainerUser {
	display: block;
	width: 300px; 
	margin: 0.8em 0.3em 0.8em 1em;
	padding: 6px 2px;
	padding: 1em;
	font-size: 0.9em;
}

form div.Odd {
	background: #f4f4f4;
}

form div.ControlContainer label {
	width: 8em; /*Change this to change 'left' label col width */
	display: block;
	margin-bottom:0.5em;
	float: none;
	width:auto;
	text-align:left;
	
}

form div.ControlContainer div.Bottom {
	display: block;
	/*clear: both;*/
}

div.ControlContainer label.Required {
	font-weight: bold;
}


/* == control elements / inputs == */
form input{
	margin:0;
	float:none;
}

form input.TextInput,
form input.UserInput,
form input.CheckBox,
form select, 
form textarea {

	border: solid 1px #bbb;
	width: 70%;
	padding: 2px;
	margin-top:8px;
	margin-left: 0em;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 8pt;	

}
form input.UserInput{
	width: 60%;
	
}
form select{
	width:50%;
}

form input.CheckBox {
	width: auto;
}


form input.TextInput:focus, textarea:focus {
	background: white url(../gfx/InputGradient.gif) repeat-x top left;
}
form .SubmitContainer{
	margin-left:510px;
}
form .submit{
	background-color: #abda00;
	border: 1px solid #666666;
	color: #FFFFFF;
	font-size: 1em;
	font-weight:bold;
	text-align:center;
}

/* == Radio/CheckBox fieldsets == */
form div.ControlContainer fieldset {
	margin-left: 2em; /*Change this to change 'left' label col width: must match the label fixed width above + its padding  */
	padding: 0.6em;
}
form div.ControlContainer fieldset label {
	display: block;
	float:none;
	text-align: left;
	margin: 2px;
}

form div.ControlContainer fieldset.Compact label {
	display: inline;
	float:none;
	text-align: left;
}

form div.ControlContainerUser label{
/*MY GUY!*/
/* padding-right:100%;  */
display:block;

}
div.ControlContainer fieldset label * {
	vertical-align: middle;

}

div.ControlContainer fieldset input.TextInput{
	margin:0;
	padding:0;
	display:block;
	width: auto;

}
/* == Buttons and Button Groups == */
input.Button {
	background: #0065FF;
	border: solid 1px black;
	color: white;
	margin: 0 3px;
}
div.ButtonPanel {
	text-align: right;
	padding: 6px 8px;
}
span.ButtonGroup {
	text-align: left;
}


/* == Errors == */
form div.Error {
	background: lightyellow url(../gfx/icon/Info.gif) no-repeat top left;
	border: solid 1px red;
}

form div.Error div.Errors {
	margin-bottom: 10px;
}

div.FormError {
	background: lightyellow url(../gfx/icon/Info.gif) no-repeat top left;
	border: solid 1px red;
	margin-bottom: 1em;
	padding: 2px 0 0 0;
}
div.FormError p {
	margin-left: 22px;
}
div.Errors p {
	margin-left: 22px;
	padding-left: 8px;
	background: url(../gfx/icon/dot.gif) no-repeat center left;
}