
/* Use a parent wrapper for your elements, we dont want to reset ul elements for the entire site..*/
/*#user_profile_wrapper ul {
	padding: 0px !important;
	margin: 0px !important;
}*/

a:hover {
/*	text-decoration: underline !important; */-
}

#user_profile_wrapper h1 {
	font-size:24px;
	margin: 0px 0px 5px 0px;
	color:#333333;
}
#user_profile_wrapper h2,
#email_panel h2{
	font-size:18px;
	margin: 0px;
	color:#999999;
}

#user_profile_wrapper h3 {
	font-size:16px;
	margin: 0px;
	color:#999999;
}

#user_profile_wrapper h4 {
	color: #333333;
	font-size:13px;
	font-weight: bold;
	margin: 0px;
}

#user_profile_wrapper p {
	margin: 0px;
}

#user_profile_wrapper a.back {
	float: left;
	font-style: italic;
	margin-top: 5px;
}

#user_profile_wrapper a.back:hover {
	text-decoration: underline;
}

#user_profile_wrapper #contact_info {
	width:100%;
}

#header_wrapper {
	clear:both;	
}

#header_wrapper #header_left {
	float:left;
	width:30%;
}

#header_wrapper #header_right {
	float:right;
	width:70%;
}

#header_wrapper #header_right #headings{
	float:left;
	width:50%;
}

#header_wrapper #header_right #company_pic{
	text-align:center;
	float:right;
	display:table-cell; 
	vertical-align:middle;
	height:80px;
	padding:10px;
}

#header_wrapper #header_right #company_pic img{
	vertical-align:middle;
}

#header_wrapper #header_right #bottom{
	clear:both;
	width:100%;
}

#body_wrapper #body_left {
	width: 30%;
	float: left;
}

#body_wrapper #body_right {
	width: 70%;
	float:right;
	margin-top: 20px;
}

#user_pic {
	text-align:center;
	background: url("/assets/images/user_profile/user_profile_frame.png") no-repeat scroll 0 0 transparent;
	padding: 13px 16px;
	height:260px;
	width:180px;
}

#user_pic div {
	overflow:hidden;
	width:180px;
	height:253px;
}

fieldset.gray {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	border: 1px solid #DDDDDD;
	background: #eee;
	height: 100%;
	padding: 5px !important;
}

fieldset.gray ul{
	margin:0px;
	padding:0px;
	overflow:hidden;
}


fieldset.gray_title_white_body {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	margin-bottom: 10px;
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin-bottom: 20px;
}

fieldset.gray_title_white_body legend {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	border: 1px solid #DDDDDD;
	width:150px;
	padding: 3px 3px 3px 10px;
	background: #EEEEEE;
	font-size: 1em;
}

fieldset.gray_title_white_body p {
	font-size: 13px;
	padding: 10px 10px 10px 10px;
	display: block;
	overflow:hidden;
	/*width:480px;*/
}

fieldset.gray_title_white_body img {
	float: right;
	padding: 0px 5px 5px 5px;
	margin-top: -15px;
}

.button, #contact_wrap input[type=submit], #user_edit_form input[type=submit], 
#email_panel input[type=submit] {
	background: #10407d;
	border: 1px solid #666;
	background: -moz-linear-gradient(bottom, #10407d, #a5bcd3);
	background: -webkit-gradient(linear, center bottom, center top, from(#10407d), to(#a5bcd3));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.button:hover, #contact_wrap input[type=submit]:hover, #user_edit_form input[type=submit]:hover {
	cursor:pointer;
	background: -moz-linear-gradient(bottom, #a5bcd3, #10407d);
	background: -webkit-gradient(linear, center bottom, center top, from(#a5bcd3), to(#10407d));
}

#user_details {
	float: left;
}

#user_details td {
	padding: 10px;
}

.key {
	font-weight: bold;
}

#user_details .key {
	text-align: right;
}

#user_details .value {
	text-align: left;
}

#user_pic fieldset {
	border: none;
	width: 200px;
}

.icon {
	width: 41px;
	height: 40px;
	float: left;
}

#biopreview h1, h2, h3, h4{
	color: #000;
}

#bioEditMsg {
	float: right; 
	color: #626262;
	font: 12px / 18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

#website-profile
{
	position: relative;
	left: -5px;
	top: -5px;
}

.spacer {
	clear:both;
}

#body_left ul {
	margin: 0px;
	padding: 0px;
}

#body_left li {
	display: block;
	height: 75px;
	margin-top: 10px;
	margin-bottom: -10px;
}

#body_left li a {
	position: relative;
	top: 15px;
	padding-left: 10px;
}

#connections {
	clear:both;
	width:100%;
}

#connections_header {
	padding: 0px 10px 5px 0px;
}

#connections_header .pagination {
	float: right;
}

.connection_item {
	border-color:#DDDDDD #DDDDDD #C8C8C8;
	border-style:solid;
	border-width:1px;
	clear:none;
	float:left;
	font-size:10px;
	margin-bottom:10px;
	padding:5px;
	width:505px;
}

.connection_item .connection_image {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;
	clear:none;
	float:left;
	margin-right:5px;
	width:78px;
	height: 78px;
	overflow:hidden;
}

.connection_item .connection_info ul {
	margin: 0px;
	padding:0px;
}

.connection_item .connection_info {
	float:left;
	width:290px;
}

.connection_item .connection_star, .connection_item .connection_right {
	float:right;
}

.connection_item .connection_star
{
	height:13px;
	margin-left:5px;
	overflow:hidden;
}

.connection_item .connection_image:hover {
	border-color:#115490;
}
