Style for Sharepoint 2010 people editor field

Whenever we are using a people editor in SharePoint 2010 visual webpart or in an application page, the people editor would render without a border or there are some business cases where people editor border should be in a different colour. For those scenarios you can make use of the below css.

 <styletype="text/css">

.ms-inputuserfield

{

font-size: 8pt;

font-family: Verdana,sans-serif;

}

div.ms-inputuserfield a

{

color: #000000;

text-decoration: none;

font-weight: normal;

font-style: normal;

}

div.ms-inputuserfield

{

border: 1pxsolid #a5a5a5;

position: relative;

padding-left: 1px;

padding-top: 2px;

}

</style>

 Then set the People Editor cssClass attribute with ms-inputuserfield

<SharePoint:PeopleEditorrunat="server"ID="peUser1"AutoPostBack="false"AllowEmpty="true"

SelectionSet="User"BorderWidth="0px" PlaceButtonsUnderEntityEditor="true"Rows="1"AllowTypeIn="True"MaximumHeight="3"

EnableBrowse="True"Width="200px"CssClass="ms-inputuserfield"/>