/*-- Skin basic elements --------------------------------------------------------------*/
textarea[type="textarea"],input[type="text"], input[type="password"], select, textarea {
	background-position:0% 0%;
	background-repeat:no-repeat;
	background-color:#fff;
	background-image:url();
	border:1px solid #ADADAC;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
	color:#666666;
}

/*-- Skin rich-classes elements --------------------------------------------------------*/
.rich-panel-header {
	font-size:12px;
	padding-left: 8px;
}
.dr-table-cell{
	border-right:none;
	border-bottom:none;
}		
.dr-table {border-left:none}	
.dr-pn {
	border-style: none;
}
.dr-pnl {
	border-style: none;
}
.rich-table-headercell, .rich-table-footercell {
	text-align: left;
	font-size:12px;
	background-color:#fff;
	border:0px;
	border-bottom:1px solid #cccccc;
	padding:0px;
}
.rich-table-footercell {border:0px;}
.rich-panel a {font-weight:normal;}
.rich-inplace {
	width:360px;
	white-space:normal;
	display:block;
	margin-top:5px;
}
input.rich-inplace-field  {
	height:100%;
	width:100%;
}


/* (component) RICHFACES TAB PANELS */
	.rich-tabpanel {
		width:100%;
		margin:0;padding:0;
		background-image:url('../images/general/tabbg.png');
		background-repeat:no-repeat;
	}
		.dr-bottom-line {
			border-style:none;
			border-width:0px;
			border-color:transparent;
		}
		.dr-tbpnl-tbhdr {
			margin:0;
		}
		.rich-tabhdr-side-cell {
			margin:0;
		}
		.dr-tbpnl-tbbrdr {
			background-position:0% 0%;
			background-repeat:no-repeat;
			background-color:transparent;
			background-image:url();	
		}
			.dr-tbpnl-tbtopbrdr {
				border-style:none;
				border-width:0px;
				border-color:transparent;
			}

				.dr-tbpnl-tb-act {
					background-position:0% 0%;
					background-repeat:no-repeat;
					background-color:#fff;
					background-image:url();
					
					border:1px solid #ccc;
					border-bottom:none;
					
					color:inherit;

					cursor:default;
					
					padding:0;
					margin:0;
					margin-top:-2px;
					
					position:relative;
					top:-1px;
					left:-3px;
					line-height:23px;
				}
				.dr-tbpnl-tb-inact {
					background:none;

					border-style:none;
					border-width:0px;
					border-color:transparent;
					border:none;

					cursor:default;
					
					margin:0;
					line-height:23px;
				}

				.dr-tbpnl-tb {
					color:inherit;
					font-size:100%;
					font-weight:bold;

					text-align:left;
					padding:0 13px 0 13px;
					margin:0;
					height:25px;
				}
				
				.dr-tbpnl-tbcell-dsbld, .dr-tbpnl-tbcell-inact {
					padding:0;
					margin:0;
				}
				.dr-tbpnl-cntnt {
					border:none;
					background:#fff;
				}
				.rich-tabpanel-content-position {
					border:none;
				}

/*AUTO-SUGGESTION BOX*/
.rich-sb-ext-decor-2 {border:0px;}
.rich-sb-int-decor-table {background-color:#EEF0F4;border:1px solid #cccccc;}
.rich-sb-cell-padding {
	border-width:1px 1px 1px 2px;
	border-style:solid;
	border-color:#cccccc;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
	color:#666666;
}


/*-- Skin custom-classes elements --------------------------------------------------------*/
/*GENERAL COMPONENTS*/
.profileLeftPad {padding-left:7px;}
.profileRightPad {padding-right:5px;}
.profileBottomPad {margin-bottom:10px;}
.profileTopPad {padding-top:14px;}
.profileInviteTopPad {padding-top:8px;}
.profileBothPad {padding-left:4px;padding-right:4px;}
.profileButtonPad {margin-top:13px;}
.profileButtonPadBoth {margin-top:15px;margin-bottom:15px;margin-right:6px;}
.profileButtonRightPad {margin-right:6px;}
.profileTopMargin {margin-top:10px;}
.profileNoPad {padding:0;margin:0;}
.profileText {text-align:left;}
.profileBold {font-weight:bold;}
.profileFontBold {font-size:12px;font-weight:bold;}
.profileNormal {font-weight:normal;}
.profileFontNormal {font-weight:normal;font-size:12px;}
.profileTopAlign {vertical-align: top;}
.profileNoBorder {border:none;}
.profileRightAlign {text-align:right;}
.profileService {margin-bottom:4px;}
.profileButtonColumn, .profileButtonColumnNoPad {
	text-align:left;
	height:auto !important;
}
.profileButtonColumnNoPad {
	margin:0;padding:0;
}
.profileErrorMessage {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	line-height: 1.2;
	color: #800000;
}
.profileToolTip {
	height:auto;
	padding:0;
	margin:0 6px 0 0;
	width:auto !important;
	border:0;
	vertical-align:middle;
}
.profileToolTipText {
	font-weight:normal;
	color:#666;
}
.profileButton {
	height:22px;
	padding:0;
	margin:0 6px 1px 0;
	width:auto !important;
	border:0;
	vertical-align:middle;
}
.profileCancel {
	font-weight:normal;
	font-size:11px;
	line-height:inherit;
	text-decoration:none;
	color:#0000cc;		
	cursor:pointer;
}
.profileSubLabel {
	display:block;padding:0 0 0 222px;
	margin:0px;
	line-height:12px;
	font-weight:bold;
}
.listExpended , .listCollapsed {display:none;}

/*AUTO-SUGGESTION BOX*/
.sb-selected-cell {
	color:#ffffff;
	font-weight:bold;
	background-color:#000000;
}
.sb-profileNote {
	color:#999999;
	font-weight:normal;
	font-size:11px;
}
.sb-milJobCode {
	width:65px;
	display:block;
	float:left;
}

/*COMMON MODAL STYLES*/	
.profile {width:100%}
.profileTime {width:46%;margin-right:5px;}
.profileDrop {width:100%;}
.profileFriendDrop {width:47%;}
.profileDate {width:30%;margin-right:5px;}
.profileInput {width:98%;}
.profileFriendInput {width:43%;}
.profileIntroText {font-size:12px;color:#666;padding-bottom:20px;}
.profileZipInput {
	width:38%;
	vertical-align:middle;
	margin-right:6px;
}
.profilePanel {padding: 5px 0 18px 0; display: block;width:100%;}
.profileNote {font-weight:normal;font-size:11px;}
.profileLabelColumn, .profileInputColumn, .profileErrorColumn, .profileGroupInputColumn, .profileGroupErrorColumn, .profilePrivacyColumn {
	font-size:12px;
	vertical-align: middle;
}
.profileLabelColumn {
	font-weight: bold;
	text-align: right;
	padding:6px 6px 0 0;
	width: 30%;
	vertical-align: top;
}
.profileInputColumn, .profileGroupInputColumn, .profilePrivacyColumn {
	text-align:left;
	padding: 5px 0;
	color:#666666;
}
	.profileInputColumn, .profileGroupInputColumn {
		width:40%;
	}
	.profilePrivacyColumn {
		width:50%;
	}
.profileImageColumn {
	vertical-align:top;
	width:30%;
	text-align:right; 
	padding-right:10px;
}  
.profileMainColumn {vertical-align:top;} 
.profileGroupInputColumn {width:50%;}
.profileErrorColumn, .profileGroupErrorColumn {
	font-weight: bold;
	line-height: 1.2;
	color: #800000;
	padding-left:10px;
	width: 30%;
}
.profileGroupErrorColumn {width:20%;}
.profileNoteColumn {
	text-align:left;
	vertical-align: top;
	padding: 5px 0 0 5px;
}
.profileInputSpan {
	width:70%;
}
.profileReq {
}
.profileRadio td input, .profileRadio td label{
	width:auto !important;
	vertical-align:middle;
	border:0;
	padding:0;
	margin:0;
}
.profileRadio td label{ margin:0 5px 0 0; }
.profileCheckbox, .profileMessageCheckbox {
	border:0 none;
	margin:0 7px 0 0;
	padding:0;
	vertical-align:middle;
	width:auto !important;
}
.profileMessageCheckbox {padding-left:20px;}
.profileManyCheckbox td input, .profileManyCheckbox td label{
	width:auto !important;
	vertical-align:middle;
	border:0;
	padding:0;
	margin:0;
}
.profileTextArea {width:98%; height:165px;word-wrap:break-word;	overflow:hidden;}

/*COMMON LIST INFO STYLES*/
.profileGroupsTopPad {padding-top:20px;}
.profileMessageButton {
	padding:0;
	margin:10px 6px 10px 20px;
	border:0;
	vertical-align:middle;
} 
.profileMessageLeftPad {padding-left:20px;}
.profileMessageCancel {
	font-weight:normal;
	font-size:11px;
	line-height:inherit;
	text-decoration:none;
	color:#0000cc;		
	cursor:pointer;
	margin-left:7px;
}
.profileNewLeftPad {padding-left:172px;}
.profileNew {
	border:0px;
	width:400px;
	margin-bottom:30px;
}
.profileNewLeftMargin {
	border:0px;
	width:400px;
	margin-left:172px;
}
.profileNameColumn, .profileDateColumn, .profileEditColumn, .profileMessageColumn, .profileListColumn, .profileEduColumn {
	font-size:12px;
	vertical-align: middle;
}
.profileNameColumn, .profileDateColumn, .profileEditColumn {
	padding-right: 6px;
	text-align: left;
}
.profileNameColumn {
	width:30%;
}
.profileDateColumn {
	width:40%;
}
.profileMessageColumn {
	text-align:left;
	padding: 5px 0;
	width:40%;
}
.profileListColumn {
	padding-bottom:8px;
}
.profileEditColum {
	text-align:right;
	vertical-align:top;
	padding-left:10px;
}
.profileGroupImageColumn {
	vertical-align:top;
	width:20%;
	text-align:left; 
	padding-right:10px;
}

/*COMMENT ELEMENT STYLES*/
.commentPanel {
	width:446px;
	text-align:center;
	padding:8px 0 16px 138px;
}
.commentTextarea {
	width:100%;
	margin-bottom:15px;
}
.commentDataTable {
	width:446px;
	margin-left:138px;
}
.commentImageColum, .profileCommentImageColum {
	width:70px;
	padding:7px 0 7px 0;
	border-top:1px solid #cccccc;
}
.commentInfoColum, .profileCommentInfoColum {
	vertical-align:top;
	line-height:1.3;
	border-top:1px solid #cccccc;
	padding-bottom:7px;
}
.commentEditColum, .profileCommentEditColum {
	vertical-align:top;
	text-align:right;
	border-top:1px solid #cccccc;
}
	.profileCommentImageColum, .profileCommentInfoColum, .profileCommentEditColum {
		border-top:none;
	}

/*GROUPS-JOIN and COMMUNITY JOIN PAGE STYLES*/
.profileCommunityImage {
	margin-bottom:15px;
}
.profileCommunityList, .profileBioList .rich-list-item {
	padding:0 0 0 8px;
	background:url('../images/richfaces/bullet.png') 0 6px no-repeat;
	font-size:12px;
}
.profileCommunityDrop {width:100%;margin-bottom:5px;}
.profileCommunityInput {width:98%;margin-bottom:4px;}
.profileCommunityListColumn,.profileCommunityImageColumn {width:50%;padding-top:13px;vertical-align:top;}
.profileCommunityImageColumn {text-align:right;}
.profileGroupJoinPanel {
	width:518px;
	margin-left:92px;
	margin-top:24px;
	padding-bottom:24px;
}
.profileGroupJoinText {
	margin-top:6px;
	margin-bottom:10px;
}
.profileCommunityPanel {
	width:252px;
	font-size:12px;
	margin-bottom:10px;
}
.profileBulletColumn {
	vertical-align:top;
	padding-top:5px;
}
.profileNotification p {
	width:260px;
	font-size:11px;
	margin-top:5px;
}
	.profileNotification .profileNotificationText {
		position:relative;
		padding-left:17px;
		width:230px;
	}			
	.profileNotification .profileNotificationText img {
		position:absolute;
		top:-2px;
		left:-4px;
	}
.profileInputPost {
	vertical-align:middle;
	margin-right:5px;
}
	
/*MAIN PROFILE, BIO PAGE STYLES*/
.profileBioImage, .profileBioContent {
	vertical-align:top;
}
	.profileBioImage {width:30%;}
	.profileBioContent {width:70%;}
.profileSoundOff {
	width:340px;
	margin-left:53px;
	line-height:19px;
}
.profileOpsec {margin-left:300px;text-decoration:underline;}
.profileColumnLeft {
	width:220px;
	text-align:left;
	padding:0;margin:0;
}
.profileColumnRight {
	width:40px;
	text-align:right;
}
.profileMainRight {
	width:260px;
}
	.profileFriendColumnLeft {
		width:75px;
		text-align:left;
		padding:10px 0 0 22px;
		font-size:12px;
	}
	.profileFriendColumnMiddle, .profileFriendColumnRight{
		width:75px;
		text-align:left;
		padding-top:10px;
		font-size:12px;
	}
.profileColumnPencil {
	width:40px;
	text-align:right;
	background:url(../images/editpencilbtn.png) center right no-repeat;
	display: block;
	font-weight: normal;
	height:18px;
	line-height:18px;
	font-size:11px;
	margin:0;
	padding:0 20px 0 0;	
}
.profileEditDiv, .profileNameEditDiv, .profileMainEditDiv {
	float:right;
	text-align:right;
	background:url(../images/editpencilbtn.png) center right no-repeat;
	display: block;
	font-weight: normal;
	padding-right: 20px;
	height:18px;
	line-height:18px;
	font-size:11px;
}
	.profileEditDiv {
		margin-bottom:5px;
	} 
	.profileNameEditDiv {
		margin-right:10px;
	}
	.profileMainEditDiv {
		width:99%;
		margin:0 2px 5px 0;
	}
.profileActivitiesContent {
	margin-left:122px;
	width:450px;
}
	.commentFeed {
		width:400px;
		margin:20px 0 0 25px;
		border:none;
		font-size:12px;
	}
	.commentFeed tr {
		margin-top:15px;
	}
	.saluteFeed {
		width:400px;
		margin:0 0 0 25px;
		border:none;
		font-size:12px;
	}
	.saluteFeed tr {
		margin-top:15px;
	}
.profileCompletion {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0 0 13px 0;
	*margin:13px 0;
}
.profileMainTextArea {
	height:75px;
	width:99%;
	margin:15px 0;
}
.profileFontSize {
	font-size:12px;
}
.memberRightColumn .activitiesPanel {
	margin-bottom:14px;
}
.profileMainGroupLeft {
	width:102px;
	margin-right:12px;
	padding-top:14px;
	text-align:right;
	vertical-align:middle;
}
.profileMainGroupRight {
	padding-top:14px;
	font-size:12px;
	vertical-align:middle;
}
.profileRightHeader {
	font-size:16px;
	font-weight:bold;
}
.profileFontLarger {
	font-size:15px;
	font-weight:bold;
}
.profileServiceTop {
	border-top:1px solid #ccc;
	margin-top:10px;
	padding-top:10px;
}
.profileServiceDetails {
	font-size:12px;
	margin-top:4px;
}
.profileServiceInfo {
	width:70%;
	vertical-align:middle;
}
.profileServiceImage {
	width:30%;
	vertical-align:middle;
}
.profileAssociations {
	margin-top:10px;
	width:300px;
}
.memberRightColumn .memberBadgesAwards {
	margin:0;padding:0;
}
	.memberRightColumn .awardsCitations {
		margin:0;padding:0;
	}
.addAsFriend, .sendAMessage, .sendASalute {
	font-size: 11px;
	padding-left: 20px;
	padding-bottom: 5px;
	display: block;
}
	.addAsFriend {
		background:url(../images/addasfriendicon.png) 0 -3px no-repeat;
	}
	.sendAMessage {
		background:url(../images/sendmessageicon.png) 0 -3px no-repeat;
	}
	.sendASalute {
		background:url(../images/sendsaluteicon.png) 0 -3px no-repeat;
	}
.profileBioPanel, .profileBioPanelPad {
	font-size:12px;
	width:400px;
	margin-left:14px;
	word-wrap:break-word;
	overflow:hidden;
}
	.profileBioPanelPad {
		margin-bottom:10px;
	}
.profileBioBio {
	border-bottom:1px solid #ccc;
	margin-bottom:8px;
	padding-bottom:8px;
} 
.profileLongText {
	word-wrap:break-word;
	overflow:hidden;
}
.profileAction {
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:5px;
}
.profileListPad {
	margin-bottom:10px;
}
.profilePostcardTopPad {
	margin-top:5px;
}
.profileViewMore {
	font-size:11px;
	margin-right:11px;
}

/*shared/activities.xhtml*/
.activityPulldown {
	width:125px;
	margin-left:5px;
	vertical-align:middle;
}
.activityPage {
	width:400px;
	margin:0 0 0 0;
	border:none;
	border-top:1px solid #d7d7d7;
	padding-top:12px;
	padding-bottom:10px;
	margin-top:10px;
	margin-left:10px;
}
	.activityPage p {
		width:400px;
		font-size:12px;
		margin-top:10px;
	}
		.activityPage .activityFeedAction {
			position:relative;
			padding-left:25px;
			width:355px;
			clear:both;
			font-size:12px;
		}
		.activityPage .activityFeedAction img {
			width:89px;
			border:1px solid #a0a0a0;
		}	
		.activityPage .activityFeedAction img.activityFeedIcon {
			position:absolute;
			top:-2px;
			left:1px;
			width:auto;
			border:0;
		}
		.activityFeedIcon {
			margin-right:5px;
		}
	.activityPage .activityFeedTimestamp, .profileTimestamp {
		font-size:9px;
		color:#666;
		}
.activityLongText {
	word-wrap:break-word;
	overflow:hidden;
	margin-right:5px;
	margin-bottom:10px;
}
.profileActivityContainer tr {
	border:0;
	}
	.profileActivityContainer tr td {
		margin:0;padding:10px 0 5px 0;
		border:0;
		vertical-align:top;
	}
#activityCommentForm table tr td, #activityCommentForm table {
	padding-left:0;margin-left:0;
}
.activityCommentTable {
	width:330px;
	margin:0;
	padding:0;
	margin-left:45px;
}
	.activityCommentColumn {
		width:330px;
		background-color:#f1f1f1;
		margin:0;
		padding:0;
	}
	.activityCommentRow {
		width:330px;
		border-bottom:1px solid #d7d7d7;
	}
.profileCancelIcon {
	position:relative; 
	top: 2px;
}

/*INVITE FRIENDS SELECT PAGE STYLES*/
.inviteFriendsSelectPage {font-size:12px;}
.inviteFriendsSelectPage .selectManyCheckbox {margin-top:8px;}
.inviteFriendsSelectPage textarea {
	margin-top:8px;
	margin-bottom:17px;
	display:block;
}
.profileAlreadyFriendsList{
	margin-left:61px;
	margin-top:8px;
}

/*FRIENDS PAGE GRID DATA STYLES*/
.profileFriendsDataGrid {border-top:0px;}
.profileFriendsDataGridColumn{vertical-align:top;}
.profileFriendsGrid {
	line-height:1.2;
	width:100%;
	padding:0;
}
.profileFriendsPhoto {
	width:60px;
	text-align:center;
}
.profileFriendsInfo {
	vertical-align:top;
	padding-top:10px;
	padding-left:10px;
}

/*MEMBER NOT FOUND PAGE*/
.profileNoMember {
	width:235px;
	margin:8px 0 14px 242px;
}
	.profileNoMemberText {
		margin-bottom:17px;
		font-size:12px;
		color:#666;
		line-height:auto;
	}

/*WIDGET FORM STYLES*/
.profileWidgetForm {
	border-top:1px solid #cccccc;
	width:100%;
}
.profilewidgetLable, .profilewidgetfooter {
	padding:6px 0;
}
.profileSearchWidget {
	padding-top:2px;
	padding-right:2px;
}
.miniSearchField {
	width:124px;
}
/*VCN-PROFILE CAREERS INFO*/
.profileVCNPanel {
	font-family: Arial,Verdana,sans-serif;
	font-size:12px;
}

/*COMMON PANEL AND TABLE STYLES*/	
.myrowtable {
	vertical-align:top;
}
.memberLeftColumn .pheader, .memberLeftColumn .rich-panel-header, .memberLeftColumn .rich-stglpanel-header, .memberRightColumn .pheader, .memberRightColumn .rich-panel-header, .memberRightColumn .rich-stglpanel-header{
	width:auto;
	padding:0 0 0 8px;
	height:25px;
	line-height:25px;
	font-weight:bold;
}
.memberLeftColumn {
	padding-bottom:20px;
}
.grey .pheader, .grey .rich-panel-header, .grey .rich-stglpanel-header{
		background: url('../images/general/pheaderGrey.png') repeat-x;
		border:1px solid #cccccc;
		border-width:0 1px 0 1px;
}
.blue .pheader, .blue .rich-panel-header, .blue .rich-stglpanel-header{
	background: url('../images/general/pheaderBlue.png') repeat-x;
	color:#fff;
}	
.pad .pbody, .pad .rich-panel-body, .pad .rich-stglpanel-body{ border:9px solid #eef0f4; }



/*buddy finder*/
.buddyform .full {
	width:289px;
}
.buddyform .fullInput {
	width:285px;
}
.buddyform .name {
	width:123px;
	margin-right:3px;
}
.buddyform .middle {
	width:25px;
}
.buddyform .age {
	width:35px;
}
.buddyform .part, .buddyResultSearch .part {
	width:158px;
	margin-right:3px;
}
.buddyResultSearch .partdrop {
	width:162px;
	margin-right:3px;
}
.buddyResultSearch .full {
	width:285px;
}
	.buddyResultSearch .fulldrop {
		width:289px;
	}
.buddyLabelColumn {
	float:left;
	width:161px;
	text-align:right;
	font-weight:bold;
	padding-right:7px;
	vertical-align:middle;
	color:#000;
}
.buddyInputColumn {
	text-align:left;
	padding: 0 0 6px 0;
	color:#666666;
	width:350px;
	vertical-align:middle;
}
.buddybutton {
	float:left;
	margin-right:10px;
	padding:0;
	border: 0 none;
}

.buddyResultSearch {
	width:610px;
	margin:0 0 0 64px;
}
	.buddyResultSearch input, .buddyResultSearch select, .buddyResultSearch label {
		font-size:12px;
	}
	.buddyResultSearch label {
		font-weight:bold;
	}
	.buddySearchLeft {
		width:310px;
	}
	.buddySearchRight {
		width:290px;
	}
		.buddyresultname {
			width:123px;
			margin-right:3px;
		}
		.buddyresultmi {
			width:25px;
		}
		.buddyresultage {
			width:85px;
			margin-right:3px;
		}
		.buddyresultdrop {
			width:54px;
		}
		.buddyCheckLabel {
			font-weight:normal;
			vertical-align:middle;
		}
.bf-button {margin-left:60px;}
.bf-list-div {
	position:relative;
	border:0 none;
	margin-top:77px;
}
.bf-list {
	width:717px;
	margin:0 0 17px 11px;
	border:0 none;
}
	.bf-list .bf-header {
		text-align: left;
		font-size:12px;
		background-color:#fff;
		border:0px;
		border-bottom:1px solid #cccccc;
		padding:0px;
	}
		.bf-list {
			font-size:12px;
		}
			.bf-list .bf-image {
				width:11%;
			}
			.bf-list .bf-name {
				width:19%;
			}
			.bf-list .bf-service {
				width:15%;
			}
			.bf-list .bf-status {
				width:15%;
			}
			.bf-list .bf-state {
				width:8%;
			}
			.bf-list .bf-paygrade {
				width:10%;
			}
			.bf-list .bf-image, .bf-list .bf-name, .bf-list .bf-service, .bf-list .bf-status, .bf-list .bf-state, .bf-list .bf-paygrade {
				font-size:12px;
				vertical-align:top;
			}
.bf-results {
	position:absolute;
	top:-47px;
	left:11px;
	font-size:14px;
	color:#333;
}
.bf-pagination {
	color:#666;
	font-size:11px;
	padding:10px 0 10px 0;
	border:0 none;
}
	.bf-pagination span {
		color:#00c;
		margin:0 2px 0 2px;
	}
	.bf-pagination a {
		text-decoration:underline;
	}
	.bf-pagination a.selected {
		text-decoration:none;
		font-weight:bold;
	}
