[Steven Zahm]

@ Richard

Yes they can be altered and somewhat easily … depends on your familiarity with CSS. Here’s how to do it in an upgrade safe manner with version 0.8.x:

Create a new text text file using Notepad and save it with the following contents named as cn-custom.css.

#cn-search-input {
	background: #FFFFFF none;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #DFDFDF;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-khtml-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #888;
	display: inline-block;
	font-size: 12px;
	float: none;
	height: 28px;
	line-height: 20px;
	margin: 1px 0 1px 1px !important;
	padding: 3px 6px;
	text-align: left;
	vertical-align: bottom;
	width: 140px;
}
#cn-search-input:focus {
	color: #373737;
}
input#cn-search-submit {
	background:  #FFFFFF url(../images/icons/search.png) no-repeat 8px center;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #DFDFDF;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-khtml-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	font-size: 12px;
	float: none;
	height: 28px;
	line-height: 20px;
	margin: 1px 1px 1px 0 !important;
	padding: 3px;
	text-align: left;
	vertical-align: bottom;
	width: 30px !important;
}

Tweak the above CSS to suit.

Login to your site using FTP and navigate to this folder:
../wp-content/uploads/

Create a new folder named: connections-templates.

Upload the cn-custom.css to the connections-templates.

That should do it.