@CHARSET "UTF-8";

/*  
Style Name: Dossier
Description: New look for the member profiles. Dossier is meant to work with Enterprise.
Version: 1.0
Author: Derek Bender
Author URI: http://nfistudios.com/
Date Created: 8-17-09.
Notes: The CSS exists in profile.css but needs to be moved to here (9-7-09).
*/

#information h4 {
	background: url(/themes/global/default/dossier/images/dossier_icon.jpg) no-repeat left top;
	text-indent: 20px;
	}

	#information h4:hover {
		background-position: left bottom;
		}
		
/* unique org styling - http://demo.mfzf.local/profile/view/index/id/17597 */
#main #block_org {
	background: #FFFFFF url(/themes/global/default/dossier/images/org_gradient.gif) repeat-x left bottom;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	#main #block_org .top {
		padding: 10px 0 0 10px;
		border: 0;
		}
		
		#main #block_org .top h2 {
			background: url(/themes/global/default/dossier/images/org_icon.png) no-repeat left center;
			font-weight: normal;
			text-indent: 22px;
			display: block;
			line-height: 20px;
			}
		
	#main #block_org .middle {
		padding: 12px 20px 20px 20px;
		}
		
		#main #block_org .pic {
			float: left;
			margin-right: 15px;
			}
			
		#main #block_org div.information {
			display: inline;
			}
			
			#main #block_org span {
				float: none;
				display: block;
				line-height: 1.4;
				}
				
			#main #block_org .name {
				font-weight: bold;
				font-size: 15px;
				color: inherit;
				line-height: 1.1;
				margin-bottom: .2em;
				text-transform: capitalize;
				}
				
			#main #block_org .location {
				font-size: 14px;
				color: #999;
				margin-bottom: .5em;
				text-transform: capitalize;
				}
			#main #block_org .location .location_state {
				text-transform: uppercase;
				display: inline;
				}
			
			#main #block_org p {
				margin: 0;
				line-height: 1.2;
				}
				
#main #profile_bio .socials {
	list-style: none;
	margin: 0 12px;
	}
	
	#main #profile_bio .socials li {
		border-bottom: 1px solid #CCC;
		}
 	
	#main #profile_bio .socials a {
		background-position: left center;
		background-repeat: no-repeat;
		text-decoration: none;
		display: block;
		line-height: 20px;
		padding-left: 26px;
		}
		
		#main #profile_bio .socials .twitter a {
			background-image: url(/themes/global/default/dossier/images/icons/twitter_16.png);
			}
			
		#main #profile_bio .socials .facebook a {
			background-image: url(/themes/global/default/dossier/images/icons/facebook_16.png);
			}
			
		#main #profile_bio .socials .flickr a {
			background-image: url(/themes/global/default/dossier/images/icons/flickr_16.png);
			}
			
		#main #profile_bio .socials .youtube a {
			background-image: url(/themes/global/default/dossier/images/icons/youtube_16.png);
			}
			
		#main #profile_bio .socials .linkedin a {
			background-image: url(/themes/global/default/dossier/images/icons/linkedin_16.png);
			}
			
		#main #profile_bio .socials .slideshare a {
			background-image: url(/themes/global/default/dossier/images/icons/slideshare_16.png);
			}
			
/* Pending approval on profile */
#brief .message {
	background: #FFFFC4;
	padding: 7px 15px;
	overflow: hidden;
	margin: -14px 0 15px 0;
	}
	
	#brief .message p {
		background: url(/themes/global/default/dossier/images/icons/arrowright_yellow_icon.png) no-repeat left center;
		float: left;
		margin: 6px 0 0 0;
		line-height: 20px;
		color: #CD9B05;
		font-weight: bold;
		font-size: 14px;
		text-indent: 24px;
		}
		
	#brief .message .btn {	
		float: right;
		}
		
/** DEMOGRAPHICS **/
table#demographics {
   
   }
   table#demographics tr {
       border-bottom: 1px solid #B3B3B3;
       }
       table#demographics tr td {
           padding: 10px;
           }
           table#demographics tr td.field-name {
               vertical-align: top;
               width: 125px;
               }
               table#demographics tr td.field-name span {
                   display: block;
                   font-weight: bold;
               }
           table#demographics tr td.field-value {
               
               }
               table#demographics tr td.field-value p {
                   margin: 0 0 10px 0;
               }