/*
The contents of this file are subject to the Mozilla Public License Version 1.1
(the "License"); you may not use this file except in compliance with the
License. You may obtain a copy of the License at http://www.mozilla.org/MPL/

Software distributed under the License is distributed on an "AS IS" basis,
WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for
the specific language governing rights and limitations under the License.

The Original Code is comprised of the PT Profile directory

The Initial Developer of the Original Code is
PaperThin, Inc. Copyright(C) 2016.
All Rights Reserved.

By downloading, modifying, distributing, using and/or accessing any files 
in this directory, you agree to the terms and conditions of the applicable 
end user license agreement.
*/

/* *************************************************************** */
/*
Author:
	PaperThin Inc.
	M. Carroll
Name:
	profile.css
Summary:
	Profile App style sheet
ADF App:
	pt_profile
Version:
	2.0
History:
	2009-07-23 - MFC - Created
	2010-08-26 - MFC - V2.0
*/

/*
 *		Full Page Display
 */
/*
#profile-wrapper {width:900px; overflow:auto; background:url(/ADF/apps/pt_profile/images/background-gradient-bottom.gif) bottom left repeat-x; padding-bottom:20px;}
*/
#profile-wrapper {width:900px; overflow:auto; padding-bottom:20px;}
.profile-bio {width:575px; padding-right:25px; float:left; background:url(/ADF/apps/pt_profile/images/background-1px.gif) top right repeat-y;}
.profile-bio h1 {margin:0 0 3px 210px; font:bold 15px arial, helvetica, sans-serif; letter-spacing:2px; color:#036;}
.profile-bio h2 {margin:0 0 0 210px; font:bold 13px arial, helvetica, sans-serif; letter-spacing:2px; color:#036;}
.profile-bio p {margin:10px 0 0 210px; font:12px/1.4em arial, helvetica, sans-serif;}
.profile-bio img {float:left; margin:-35px 10px 0; border:1px solid #CCC; padding:5px;}

/*
.profile-extras {width:255px; float:left; margin:0 25px 0 10px; padding:0 0 10px 10px; background:url(/ADF/apps/pt_profile/images/background-gradient-bottom.gif) bottom left repeat-x;}
*/
.profile-extras {width:255px; float:left; margin:0 25px 0 10px; padding:0 0 0 10px;}
.profile-extras h4 {color:#d67b00; font:bold 14px Arial, Helvetica, sans-serif; letter-spacing:2px; margin-bottom:14px;}
.profile-extras ul {margin-bottom:10px;}
.profile-extras li {font:12px Arial, Helvetica, sans-serif; list-style-type:none; padding:4px 2px;}

.profile-socialnetworks {margin-top:15px;}
.profile-socialnetworks ul {height:36px; display:inline; margin:0; padding:0;}
.profile-socialnetworks ul li {display:inline; padding:0; margin:0; list-style-type:none; float:left; margin-left:2px;}
.profile-socialnetworks ul li a {display:inline; float:left; margin:0; overflow:hidden; text-indent:-999em; width:37px; height:36px; vertical-align:baseline;}
.profile-socialnetworks ul li a.facebook {background:url(/ADF/apps/pt_profile/images/profile_icons/profile-icon_facebook.png) top center;}
.profile-socialnetworks ul li a.twitter {background:url(/ADF/apps/pt_profile/images/profile_icons/profile-icon_twitter.png) top center;}
.profile-socialnetworks ul li a.linkedin {background:url(/ADF/apps/pt_profile/images/profile_icons/profile-icon_linkedin.png) top center;}			
.profile-socialnetworks ul li a.flickr {background:url(/ADF/apps/pt_profile/images/profile_icons/profile-icon_flickr.png) top center;}
.profile-socialnetworks ul li a.youtube {background:url(/ADF/apps/pt_profile/images/profile_icons/profile-icon_youtube.png) top center;}
.profile-socialnetworks ul li a.facebook:hover {background:url(/ADF/apps/pt_profile/images/profile_icons/profile-icon_facebook.png) bottom center;}
.profile-socialnetworks ul li a.twitter:hover {background:url(/ADF/apps/pt_profile/images/profile_icons/profile-icon_twitter.png) bottom center;}
.profile-socialnetworks ul li a.linkedin:hover {background:url(/ADF/apps/pt_profile/images/profile_icons/profile-icon_linkedin.png) bottom center;}
.profile-socialnetworks ul li a.flickr:hover {background:url(/ADF/apps/pt_profile/images/profile_icons/profile-icon_flickr.png) bottom center;}
.profile-socialnetworks ul li a.youtube:hover {background:url(/ADF/apps/pt_profile/images/profile_icons/profile-icon_youtube.png) bottom center;}
.last {margin-bottom:12px; border:none; background-image:none;}

/*
 *		List Small Display
 */
div#profileList-even {
	margin: 10px;
	background-color: #DADCE4;
	width: 400px;
	padding: 5px;
}
div#profileList-odd {
	margin: 10px;
	background-color: #F4F4F4;
	width: 400px;
	padding: 5px;
}
div#profileList-even div#listLeft, 
div#profileList-odd div#listLeft {
	width: 120px;
	float: left;
	padding: 5px;
}
div#profileList-even div#listRight, 
div#profileList-odd div#listRight {
	width: 260px;
	float: right;
	padding: 5px;
}
div#profileList-even div#footer,
div#profileList-odd div#footer {
	clear: both;
}
div#profileList-even div#listRight div.profileItem,
div#profileList-odd div#listRight div.profileItem {
	padding: 3px;
}
div#profileList-even div.item-title,
div#profileList-odd div.item-title {
	color: #003366;
	font-weight: bold;
}

div#profileListing dl {height:65px;}
div#profileListing dt {font-weight:bold; margin-left:110px;}
div#profileListing dd.title a {margin-left:70px;}
div#profileListing dd img {float:left; width:70px; height:70px; border:1px solid #CCC; padding:5px; background-color:#FFF; -moz-border-radius:10px; -webkit-border-radius:10px; margin:-43px 10px;}
div#profileListing dd.call-to-action {font-size:10px; font-weight:bold; clear:both; background:url(/ADF/apps/pt_profile/images/call-to-action.gif) center left no-repeat; padding-left:20px; margin-top:15px; margin-left:110px;}

/*
 *		Profile Manager
 */
div#profileManager {
	margin: 10px;
	background-color: #F4F4F4;
	width: 500px;
	padding: 10px;
}
div#profileManager div#infoContent {
	width: 490px;
	padding: 5px;
	background-color: #FFFFFF;
}
div#profileManager div#infoContent div#listLeft {
	width: 100px;
	padding: 5px;
	float: left;
}
div#profileManager div#infoContent div#listRight {
	width: 360px;
	padding: 5px;
	float: right;
}

div#profileManager div#infoContent div.profileItem {
	padding: 5px;
	background-color: #FFFFFF;
}

div#profileManager div#infoContent div#footer {
	clear: both;
	background: none;
	padding: 0;
}
div#profileManager div#infoHeader {
	background-color:#F9F9F9;
	border-color:#F9F9F9;
	color:#999999;
	font-size: 8pt;
	padding: 5px;
	font-weight: bold;
}
div#profileManager div.item-title {
	color: #003366;
	font-weight: bold;
}

div#profileManager div.item-title-top {
	color: #003366;
	font-weight: bold;
	padding: 10px 0 10px 0;
}
/*
 *		Profile Links
 */
div#profileBody a, 
div#profileList-even a,
div#profileList-odd a, 
div#profileManager a {
	color: #EF7318;
	text-decoration: none;
}