To apply styles to a specific page, use the page ID. The example below sets the background color for the page with ID 100.

#pt-page-100
{
	background-color: red;
}

You can change style settings for a specific user or type of user (administrator or guest). The example below displays a special header image on all browse-mode pages for guests. To modify a style for a specific user, replace "guest" with the name of the appropriate portal User object (e.g., .ptPageUser-mycompany domain ad\Joe Smith).

.ptPageUser-guest #pt-header
{
	background-image: url(/imageserver/plumtree/portal/private/img/example_guest.gif);
}

The mainstyle.css file allows you to make a wide range of style changes to the portal page, including adding custom branding and color schemes. For example, you can add a custom image to the portal banner as shown in the example below.

#ali-banner 	{
	width:100%;
	height:80px;
	background-color: #1D54A6;
	background-image: url(../img/MyCompany_bkg.jpg);
	background-repeat: repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	min-width:980px;
}

You can also modify the background color for a single page or a specific community. The example below sets the background color for the community with ID 200.

.ptCommunity-200
{
	background-color: #AAA;
}

The mainstyle.css file allows you to modify the style of form elements in the portal page, including text boxes and buttons. For example, the code below expands the size of the banner search box.

#ali-bannerSearch {
	clear:right;
	float:right;
	position:relative;
	width:600px;
	padding: 18px 24px 0px 24px;
}