/* Senocura - Social Network styles
   Updated:   Wed 19.03.08
   Author:    Tim Hannigan
   ----------------------------------------------------*/

#flashMessageContainer {
	/* place it better */
}
 

a {
	color: #5800ff;
	text-decoration: none;
}

fieldset {
	padding: 15px;
	margin: 20px;
	margin-bottom: 10px;
}

fieldset input, fieldset textarea {
	margin-top: 10px;
	margin-bottom: 10px;
}

.submit {
	margin: 20px;
}


.elementsContainer{
	width: auto;
	/*border: 1px dotted #ccc;*/
}

#elementsWrapper-columnView {
	border: 1px dotted #ccc;
	min-height: 100px;
}

.columnView-single-block {
	width: 100px;
	height: auto;
	border: 1px dotted #ccc;
	float: left;
	text-align: center;
	margin: 8px;
}

.columnView-single-block img {
	width: 75px;
	height: 75px;
	margin: 0px;
	padding: 0px;	
}

.columnView-single-block h5 {
	padding: 0px; margin: 0px; /*reset the browser settings*/
	margin-top:3px;
	font-weight: normal;
	font-size: 0.75em;
}



/*columnViewSmall*/

#elementsWrapper-columnViewSmall {
	/*border: 1px solid black;*/
	width:100%; /* IE doesn't seem to recognize this, so insert inline style */
	padding-left:5px;
	padding-right:5px;	
}

.columnViewSmall-single-block {
	width: 70px;
	min-height: 110px;
	/*border: 1px dotted #ccc;*/
	float: left;
	text-align: center;
	margin: 4px;
	/*border: 1px solid red;*/
	padding-bottom:10px;
	overflow: visible;
}

.columnViewSmall-single-block img {
	width: 50px;
	margin-left:auto;
	margin-right:auto;
	height: 50px;
	margin: 0px;
	padding: 0px;	
}

.columnViewSmall-single-block h5 {
	padding: 0px; margin: 0px; /*reset the browser settings*/
	margin-top:3px;
	font-weight: normal;
	font-size: 1em;
	width: 65px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*border: 1px solid green;*/
}




/*list view*/
.elementsWrapper-listView {
	border: 1px dotted #ccc;
	/*height: 450px;*/
}

.listView-single-block {
	width: 620px;
	min-height: 65px;
	border: 1px dotted #ccc;
	text-align: left;
	margin: 8px;
	margin-left: 15px;
	padding-right:0px;
	position:relative; /* so elements within can place relatively */

}

.listView-single-block img {
	padding: 0px; margin: 0px; /*reset the browser settings*/
	width: 55px;
	height: 55px;
	float: left;	
	margin-left: 5px;
	margin-top: 5px;	
	margin-right: 7px;	
	margin-bottom: 10px;
}

.listView-single-block .listView-actions {		
	position:absolute;
	top: 3px;
	right:10px;
	text-align:left;

}

.listView-single-block .listView-actions img {
	width:14px;
	height:auto;
	margin-top:0px;
	vertical-align:top;
	margin:0px;
	padding:0px;
	padding-left:3px;
	padding-right:3px;	
}

.listView-single-block .listView-actions h5 {
	margin:0px;
	margin-top:0px;
	/*border:1px dotted black;*/
	width:150px;
	height:18px;
	clear: both;
}

.listView-single-block h4 { /*title field*/
	padding: 0px; margin: 0px; /*reset the browser settings*/
	margin-top:0px;
	font-weight: normal;
	font-size: 0.9em;
	margin-top: 5px;
}


.listView-single-block h5 { /*Descriptor-short*/
	padding: 0px; margin: 0px; /*reset the browser settings*/
	margin-top:7px;
	font-weight: normal;
	font-size: 0.85em;
}

.listView-description {
	width:450px;
}

.listView-single-block h5 span{ /*Descriptor-short, label*/
	font-style:italic;
}

.listView-single-block h6 { /*Descriptor-long*/
	padding: 0px; margin: 0px; /*reset the browser settings*/
	margin-top:3px;
	font-weight: normal;
	font-size: 0.7em;
}


.descriptionField {
	width: 660px;
	margin-top: 10px;
	font-weight: normal;
	font-style: normal;
	font-size: 0.9em;
}



/*- User styles--------------------------- */
#userContainer{
	width: 700px;
	border: 1px solid grey;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}


#userTable {
	border: none;
	width: 100%;
	vertical-align: top;
}

#userTable #leftColumn{
	width: 25%;
	vertical-align: top;
}

#userTable #rightColumn{
	width: 75%;	
	vertical-align: top;
}


.userPicture{
	/*background: rgba(238,0,142,0.13);*/
	height: auto;
	width: 250px;
	text-align: center;
	vertical-align: middle;
	margin-top: 10px;
	/*opacity: 0.71;*/
	padding: 0px;

}
.userPicture img {
	width: 150px;
	/*height: auto;*/
	margin: 0px;
	
}

/*Message styles*/
.messageColumnTitles th  {
	font-weight:bolder;
	font-size:1.2em;
	text-align:center;
}

.messageTable td{
	border-bottom:1px solid white;
	border-left:1px solid white;
	padding:5px;
}

.messageBody{
	border:1px dotted lightgrey;
	padding: 15px;
	margin-top:40px;
	margin-bottom:20px;
	background-color:white;
	clear:both;
	margin-right:10px;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


/* group edit page */


#groupPictureBox {
	background-color:none;
	position:absolute;
	top:15px;
	right:22px;
	border:1px dotted gray; 
	text-align:center;
	height:auto;
	width:200px;
	padding:5px;
	
}

#groupPictureBox h3{
	font-size:1.2em;
	margin-bottom:10px;
}

#groupPictureBox img {
	margin:5px;
	display:block;
	max-width:150px;
	margin-left:auto;
	margin-right:auto;

	height: expression( this.scrollHeight > 149 ? "150px" : "auto" ); /* sets max-height for IE */
   	max-height: 150px; /* sets max-height value for all standards-compliant browsers */
	
	
}


/*profile edit page*/
#userPictureBox{
	background-color:none;
	position:absolute;
	top:15px;
	right:22px;
	border:1px dotted gray; 
	text-align:center;
	height:auto;
	width:200px;
	padding:5px;
}

#userPictureBox h3 {
	font-size:1.2em;
	margin-bottom:10px;
}

#userPictureBox img {
	margin:5px;
	display:block;
	max-width:150px;
	margin-left:auto;
	margin-right:auto;

	height: expression( this.scrollHeight > 149 ? "150px" : "auto" ); /* sets max-height for IE */
   	max-height: 150px; /* sets max-height value for all standards-compliant browsers */
	
	
}

#passwordBox{
	background-color:none;
	position:absolute;
	top:300px;
	right:22px;
	border:1px dotted gray; 
	text-align:center;
	height:70px;
	width:200px;
	padding:5px;

}

#passwordBox h3 {
	font-size:1.2em;
}

#notificationsBox{
	background-color:none;
	position:absolute;
	top:440px;
	right:22px;
	border:1px dotted gray;
	text-align:center;
	height:auto;
	width:250px;
	padding:5px;
}

#notificationsBox h3 {
	font-size:1.2em;
}

#notificationsBox h4 {
	font-size:1em;
}

.userInfo_basic {
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 10px;
	border: 1px solid lightgrey;
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-right: 15px;
}

.userInfo_buttons {
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 5px;
	float: right;
	width: 400px;
	height: auto;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 10px;
	text-align: center;
}
.userInfo_buttons ul{
	margin: 0px;
	padding: 0px;
}

.userInfo_buttons li {
	margin: 0px;
	float: left;
	margin-left: 15px;
	margin-right: 5px;

	font-size: 0.75em;
}

.userInfo_profile {
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 10px;
	border: 1px solid lightgrey;
	width: auto;
	height: auto;
	margin-top: 10px;
	margin-right: 15px;
	padding-bottom: 35px;
}




/* =TO DO:
	rename things to match the model a bit better (ie, use Profile instead of user)
   ----------------------------------------------------*/

.profile_header{
	font-size: 1.5em;
	width: auto;
	/*background: rgba(230,230,230,0.5);*/
	border-bottom: 1px dotted pink;
	margin-left: 0px;
	margin-right: 15px;

}


 
.profile_header_realName span {
	font-size: 0.9em;
}

#profileEditButtonsWrapper {
	position:absolute;
	right:0px;
	top:25px;
	width:auto;
	height:20px;
	/*border:1px solid green;*/
	
}

/* =PROFILE_VIEW
   ----------------------------------------------------*/

#profileView-onlineStatus {
	margin-left:-15px;
	text-align:center;
	/*border:1px dotted red;*/
}

#profileView-onlineStatus img {
	padding-top:5px;
	padding-right:5px;
}

#microBlogWrapper {
	position:relative;left:25px;top:5px;margin-bottom:5px;
}

/* =PROFILE_GENERIC
   ----------------------------------------------------*/

.profile_block_generic{
	width: auto;
	border: 1px solid lightgrey;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: 15px;
	padding: 0px;
	font-size: 0.9em;
	padding-bottom: 0px;
}

.profile_block_generic h4 { /* this is the title */
	margin:0px;padding: 0px;	
	padding-left: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;	
	font-size: 1.1em;
	background-color: #ffcfee;
	border-bottom: 1px dotted fuchsia;
	position:relative;
	}

.profile_block_generic h4 img {
	padding-right: 2px;
	width: 14px;
	vertical-align: top;
}

.toolTipButton {
	width:22px !important;
	height:22px;	
	position:absolute;
	right:4px;
	top:1px;
}

.profile_block_generic h6 {
	margin-top: 6px;
	margin-bottom: 3px;
	display: inline;
	font-weight: 400;
	font-size: 0.85em;
}

/*this is needed to clear the div (Meyer technique) */
.profile_block_generic hr {display: block; clear: left; margin: -0.66em 0;
  visibility: hidden;}


.profile_block_activity{
	width: 650px;
	border: 1px solid lightgrey;
	margin-bottom: 20px;
	margin-right: 15px;
	padding: 0px;
	font-size: 0.9em;
}

.profile_block_generic .activity_item {
	margin: 3px;
	border-bottom: 1px dotted pink;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 5px;
}

.profile_block_generic .activity_item img{
	margin-right: 4px;
}	

.profile_block_generic h4 { /* this is the title */
	margin:0px;padding: 0px;	
	padding-left: 4px;
	padding-top: 7px;
	padding-bottom: 5px;
	margin-bottom: 10px;	
	font-size: 1.1em;
	background-color: #ffcfee;
	border-bottom: 1px dotted fuchsia;
	position:relative;
}

.profile_block_generic h4 img {
	padding-right: 5px;
	width: 14px;
	vertical-align: top;
}

.profile_block_generic h6 {
	margin-top: 6px;
	margin-bottom: 3px;
	display: inline;
	font-weight: 400;
	font-size: 0.9em;
}

.profile_block_generic .item img {
	width: 14px;
	vertical-align: top;	
}


/* =user_blogpost
   ----------------------------------------------------*/

.user_blogpost {
	width: auto;
	/*border: 1px solid lightgrey;*/
	border-bottom: 1px solid lightgrey;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;

	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	position: relative;
}

.user_blogpost h3{
	margin: 0px; padding: 0px;
	font-size: 1.2em;
	margin-bottom: 5px;
	
}
.user_blogpost .bigHeader{
	margin: 0px; padding: 0px;
	font-size: 1.5em;
	margin-bottom: 10px;
	margin-top: 0px;
	
}

.user_blogpost h6{
	font-size: 0.9em;
	margin-top: 17px;
}

.user_blogpost .postbody{
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
}


.user_blogpost .blogPost {
/*	width: 400px; */
}



.blogpost_header{
	width: auto;
	border-top: 1px dotted pink;
	background-color: #e6e6e6;
}

.blogpost_header img{
	float: left;
	width: 35px;
	margin-right: 5px;
}

/* postOptionsWrapper */
/* why is this no longer needed - double floating? */
.postOptionsWrapper{
/* 
	position: relative;
	border:1px solid green;
	height: 16px;
	width:350px;
	float:right;
*/
}

.user_blogpost_translate_icon{
	float:right;
	font-size: 1em;
	margin-right:10px;
}
.user_blogpost_translate_icon img{
	vertical-align: top;
	width: 14px;
	height: 14px;
	margin-right: 2px;
}



.user_blogpost_recommend_icon{
	float:right;
	margin-right:10px;
	font-size: 1em;
}
.user_blogpost_recommend_icon img{
	vertical-align: top;
	width: 14px;
	height: 14px;
	margin-right: 2px;
}


.user_blogpost_edit_icon{
	float:right;
	margin-right:10px;
	font-size: 1em;
}
.user_blogpost_edit_icon img{
	vertical-align: top;
	width: 14px;
	height: 14px;
	margin-right: 2px;
}
	
.user_blogpost_delete_icon{
	float:right;
	margin-right:10px;
	font-size: 1em;
}
.user_blogpost_delete_icon img{
	vertical-align: top;
	width: 14px;
	height: 14px;
	margin-right: 2px;
}	
	
.user_blogpost_comments{
	font-size: 0.9em;
	margin-top: 5px;
	margin-bottom: 0px;
}

.user_blogpost_actions {
	font-size: 0.75em;
	padding: 2px;
	text-align: right;
}


.user_friends{
	margin-left: 50px;
	margin-top: 50px;
	padding: 0px;	
}

.user_groups{
	margin-left: 50px;
	margin-top: 50px;
	padding: 0px;	
}


/*- Profile actions--------------------------- */
#profile_actions{
	padding: 0px;
}
#profile_actions h5{
	margin: 10px;
	font-size: 0.9em;
	font-weight: bold;
}
#profile_actions h5 img {
	vertical-align: bottom;
	margin-right: 2px;	
	width: 16px;
}


/*- Actions (generic)--------------------------- */

.actions{
	padding: 0px;
}
.actions h5{
	margin: 10px;
	font-size: 0.83em;
	font-weight: bold;
	margin-left: 7px;
}
.actions h5 img {
	vertical-align: bottom;
	margin-right: 2px;	
	width: 16px;
}

.generic_header{
	font-size: 1.5em;
	width: auto;
	/*background: rgba(230,230,230,0.5);*/
	border-bottom: 1px dotted pink;
	margin-left: 0px;
	margin-right: 15px;
	position:relative;
}


/*- Blog styles--------------------------- */


.post{
	border: 1px solid grey;
	width: 450px;
	/*background: #e6e6e6;*/
	height: auto;
	margin: 10px;
	padding: 10px;
	position: relative;
}

.post h1 {
	color: #999;
	font: 1.75em "Lucida Grande", Lucida, Verdana, sans-serif;
}

.postbody {
	font: 100% "Lucida Grande", Lucida, Verdana, sans-serif;	
}



.post .edit{
	position: absolute;
	right: 5px;
	bottom: 5px;
	font: 70% "Lucida Grande", Lucida, Verdana, sans-serif;		
}




#livesearchresults h6 {
	font-size: 0.9em;
	/*border: 1px dotted lightgrey;*/	
	padding: 5px;
	color: #4c4c4c;
}

.paginatorBox {
	color: #4c4c4c;
	font-size: 0.9em;
	margin: 10px;
	
	width: auto;
}

dataTable_Messages {
	font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
	border: none;
	margin-top: 15px;
	margin-bottom: 15px;
}

.dataTable .label {
	/*width: 20%;*/	
	color: gray;
	border: none;
	padding-top:7px;
	position:relative; /* allow for absolute positioning inside this */
}

.dataTable .data {
	/*width: 80%;*/
	color: black;
	border: none;	
	padding: 5px;
	padding-top:7px;
}


/*errorMessage*/
/*generic label, data styles*/
.errorMessage .label {
	color: red;
	border: none;
	font-style: normal;
	font-weight: bold;
	padding:0;
	margin:0;	
}
.errorMessage .data {
	color: red;
	border: none;	
	font-weight:bold;
	padding:0;
	margin:0;
	padding-left:5px;
}


/*generic label, data styles*/
.label {
	color: gray;
	border: none;
	font-style: normal;
	font-weight: normal;
}
.data {
	color: black;
	border: none;	
}


.messageTable {
	font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
	border: none;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
}
.messageTable td {
	padding: 3px;
}

.altrow{
	background: #e6e6e6;
}




.messageTable img {
	width: 30px;
	margin: 0px;
	padding: 0px;	
}

.messageTable h5 {
	padding: 0px; margin: 0px; /*reset the browser settings*/
	margin-top:3px;
	font-weight: normal;
	font-size: 1em;
	width: 80px;
	/*border: 1px solid green;*/
}

/*
comments
   ----------------------------------------------------*/

#commentsWrapper{
	/*border: 1px solid red;*/
	padding-left: 20px;
}

#commentsWrapper h3 {
	font-size: 1.17em;
}

.commentBlock {
	width: auto;
	/*border: 1px solid lightgrey;*/
	border-bottom: 1px solid lightgrey;
	margin: 10px;	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	position: relative;
}

.commentBlock h3{
	margin: 0px; padding: 0px;
	font-size: 1.2em;
	margin-bottom: 5px;
	
}

.commentBlock h6{	
	font-size: 0.9em;
	/*border: 1px dotted lightgrey;*/	
	padding: 0px;
	padding-top: 5px;
	color: #4c4c4c;
}



.commentBlock .postbody{
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
}


.commentBlock .blogPost {
/*	width: 400px; */
}



.commentHeader{
	width: auto;
	border-top: 1px dotted pink;
	background-color: #e6e6e6;
}

.commentHeader_author_icon{
	float: left;
	width: 25px;
	margin-right: 5px;
}


/* postOptionsWrapper */

.commentOptionsWrapper{
	position: relative;
	/*border:1px solid blue;*/
	height: 16px;
	width:200px;
	float:right;
}


/*- Documents styles--------------------------- */

#documentToolsContainer {
	position:relative;	
	min-height:20px;
	margin-top:17px;
}

#documentsViewContainer {
	border:1px dotted black;
	position:relative;
	width:auto;
	padding-left:15px;
	background: lightgrey;
	text-align:center;
}


 #documentInfoContainer .userPicture{
	/*background: rgba(238,0,142,0.13);*/
	height: auto;
	width: 250px;
	text-align: center;
	vertical-align: middle;
	margin-top: 10px;
	/*opacity: 0.71;*/
	padding: 0px;

}
#ownerIcon{
	width:100px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
}
#ownerIcon h3 {
	font-size:0.85em;
}
	

#ownerIcon img {
	width: 50px;
	/*height: auto;*/
	margin: 0px;
	
}
#groupIcon{
	width:100px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;	
}

#groupIcon h3{
	font-size:0.85em;
}

#groupIcon img {
	width: 80px;
	/*height: auto;*/
	margin: 0px;
	
}

#documentsViewContainer{
	margin-top:12px;
}
	
#documentsViewContainer .thumbnailContainer{
	height: auto;
}

#documentsViewContainer .thumbnailContainer img{
	width: 450px;
}

#imageMetaContainer {
/*	
	position:absolute;
	right:20px;
	top: 200px;
*/	
	margin-top:10px;
	/*border:1px solid blue;*/	
}

#imageMetaContainer h4 {
	margin:10px;
	font-size: 1.1em;
}

#imageMetaContainer h5 {
	margin:10px;
	font-size: 0.9em;
	background: url(../img/page_down.gif) no-repeat left top;
	padding-left:18px;
}


#imageMetaContainer .data{
	font-size:1.1em;	
}

#notificationsContainer {
	background-color: #f7bea7;
	padding:5px;	
}

 

#notificationsContainer h5 {
	font-size:1em;
	margin:3px;
	padding:0px;
	/*border-bottom:1px dotted purple;*/
	margin-top:5px;
	text-align:center;
}



.profile_bookmark{
	margin:10px;
	background-color: #f1e7f1;
	font-size:1em;
	padding:3px;	
	
}

.profile_bookmark .dataTable {
	margin-top:1px;
	margin-bottom:1px;
}

.profile_bookmark h4 {
	margin:1px;padding:1px;
	font-size:1.2em;
}

.profile_bookmark h5 {
	margin:1px;padding:1px;
	font-size:1em;
}

.profile_bookmark img {
	vertical-align: top;
}


.listView-single-block .profile_bookmark img{
	width:15px;
	height:15px;
}

.onlineStatusContainer{
	/*background:white;
	margin-left:0px;
	margin-right:15px;
	margin-top:10px;
	padding:3px;
	font-size:0.9em;*/
}

#elementsWrapper-listView .onlineStatusContainer{
	/*background:white;*/
	border:1px dotted pink;
	margin-left:0px;
	margin-right:1px;
	margin-top:1px;
	padding:0px;
	/*font-size:0.9em;*/
	text-align:left;
}

#elementsWrapper-listView .onlineStatusContainer img{
	width:10px;
	padding-right:2px;
	float:none;
}



.profiles_form{
	min-height:500px;
	/*border:1px solid red;*/
}


/*when adding a new group*/

#groupResults .listView-single-block {
	width:370px;
}

#groupResults .listView-single-block .listView-description {
	width:300px;
}

#existingGroupsContainer{
	width:390px;
	float:right;
}

.invitationRequestBlock{
	margin-left:15px;
	font-weight:bold;
}

.invitationRequestBlock img {
	width:15px;
	height:15px;
	float:none;
	margin:3px;
	padding:0;
	vertical-align:middle;
	margin-left:10px;
}

/*recommendations*/

#recommendationPreviewBox{
	border:4px dotted lightgray;
	padding:10px;
	margin-bottom:10px;
	text-align:center;	
	padding-bottom:20px;
}

#recommendationPreviewBoxHeader {
	color:gray;
	text-align:left;
	margin-bottom:10px;
}

#listOfInvitees {
	
}

#listOfInvitees .listOfInviteesImage{
	width:30px;
	height:30px;
}

#listOfInvitees .invitee {
	margin-top:10px;
	margin-bottom:10px;
	cursor:hand;
}


/*imageGrid*/
#imageGrid_container {
	width:100%;
	margin:5px;
}

.imageGrid_element {
	display:block;
	width:135px;
	height:110px;
	margin:2px;	
	border: 1px dotted pink;
	float:left;
	text-align:center;
	padding-top:5px;
}

.imageGrid_element img {
	height:85px;	
}

.imageGrid_title {
	font-size:0.9em;	
}