/**
 * Content.css - This file store portlet content style
 *
 * History :
 * 20070531.roy.1.38 - +1 pixel to avataruploadimages
 * 20070423.jamnan.1.37 - temp fix for width
 * 20070112.ray.1.36 - update styles for registration
 * 20061129.jamnan.1.35 - style tweaks
 * 20061128.ray.1.34 - add invitequotacounts
 * 20061120.jamnan.1.33 - style tune
 * 20061023.jamnan.1.32 - further style tune
 * 20061023.jamnan.1.31 - remove some color control so that it can be customised by look & feel
 * 20060912.roy.1.27 - style tunes
 * 20060825.roy.1.26 - style tunes
 * 20060823.ray.1.25 - style tunes
 * 20060815.ray.1.24 - add registration page loginbox style
 * 20060807.ray.1.23 - minor style tune.
 * 20060804.ray.1.22 - add adminvitelist css
 * 20060803.ray.1.21 - update css for userinfo1, add css for groupedit
 * 20060719.ray.1.20 - remove refresh css
 * 20060712.ray.1.19 - replace cursor hand with pointer
 * 20060610.ray.1.18
 * - update css for avatar and logo upload
 * - add css for captcha refresh button
 * 20060410.jamnan.1.17 - update groupprofile's style (again)
 * 20060324.jamnan.1.16 - update groupprofile's style
 * 20060308.ray-1.7 - add usergroupcreateicon, configureicon, update formmessage
 * 20060228.ray-1.6 - add css for aggregrate view of communities and fold_new icon
 * 20060224.ray-1.1 - init
 *
 **/
/******************************* userinfo1 style ***********************************/
div#userinfo1{
	width: 80%;
}
div#userinfo1 td{
	padding-left:10px;
}
div#userinfo1 .permission{
	width: 200px;
}
div#userinfo1 tr.section_header {
	background-color:#FFFFCC;
	font-weight:bold;
	cursor: pointer;
}

div#userinfo1 span.expanded {
	background: url("processimages/node_expanded.gif") no-repeat left center;
    padding-left: 15px;
}

div#userinfo1 span.collapsed {
    background: url("processimages/node_collapsed.gif") no-repeat left center;
    padding-left: 15px;
}
div#userinfo1 .sysimgselect{
	text-align:left;
	float:left;
}
div#userinfo1 .itemContainer{
}
div#userinfo1 .inner{
}
div#userinfo1 .item{
	padding:5px;
}
div#userinfo1 .itemMouseOver{
	padding:2px;
	border: 3px solid #ccc;
}
div#userinfo1 .itemMouseOut{
	padding:5px;
}
div#avataruploadimages {
	float:left;
	margin: 0px;
	width: 81px;
	height: 81px;
	border: 2px solid #ccc;
	text-align: center;
}
/*div#avataruploadimages div {
	margin: 0px;
	border-style: solid;
	border-width: 2px;
	border-color: #DEDFDE;
	float: left;
	overflow: hidden;
}*/
div#avataruploadiframes {
	height: 40px;
	width: 400px;
}
div#avataruploadiframes iframe{
	height: 40px;
	width: 400px;
}
div#avataruploadiframes iframe.hidden {
	display:none;
	width:0px;
	height:0px;
	position:absolute;
}
/*************************** Group Edit ********************************/
div#groupedit .sysimgselect{
}
div#groupedit .itemContainer{
	width:250px;
}
div#groupedit .inner{
}
div#groupedit .item{
	padding:5px;
}
div#groupedit .itemMouseOver{
	padding:2px;
	border: 3px solid #ccc;
}
div#groupedit .itemMouseOut{
	padding:5px;
}
/*************************** Social network edit ********************************/
.snupload{
	padding-left:30px;
	height:90px;
}
.snimages{
	float:left;
	width:50px;
	height:50px;
}
.snuploadiframes{
	float:right;
	height:90px;
}
.snuploader{
	height:90px;
}
.snuploadtable{
	width:410px;
}
.sntable{
	width:420px;
}
.cmupload{
	padding-left:30px;
	height:90px;
}
.cmimages{
	float:left;
	width:50px;
	height:50px;
}
.cmuploadiframes{
	float:right;
	height:90px;
}
.cmuploader{
	height:90px;
}
/*
.cmuploadtable{
	width:410px;
}*/
.cmtable{
	width:420px;
}
/*************************** Member profile ********************************/
.memberprofile{
 width: 350px;
}
.memberprofile .sidebar{
 float: left;
 display:block;
}
.memberprofile .main-profile{
  float:right;
  margin-left: 2px;
  margin-right:5px;
  margin-bottom:10px;
}
.memberprofile a{
 cursor:pointer;
}
.memberprofile .aboutme{
 clear:both;
 margin-left: 10px;
}
.memberprofile .aboutme p{
  margin-left: 10px;
  text-align:justify;
  margin-right:20px;
  margin-bottom:20px;
}
.memberprofile .aboutme h3{
  margin-top: 0px;
  margin-left: 10px;
  text-align:justify;
  margin-right:10px;
}
.memberprofile .fullprofile{
  clear:both;
  text-align:right;
  margin-right: 10px;
  margin-bottom:20px;
}
.memberprofile .avatar{
 width:70px;
 text-align:center;
 margin-left: 0px;
 margin-right:0px;
}
.memberprofile ul{
 list-style-position: outside;
 list-style-type: none;
 margin-left: 0px;
}
.memberprofile .litext{
 padding-left:10px;
}
.memberprofile .general{
 margin-left:10px;
 margin-right:10px;
}
.memberprofile .general ul{
 list-style-type: none;
 margin-left: 10px;
}
.memberprofile .social1{
 margin-left:10px;
 margin-right:10px;
 float:left;
}
.memberprofile .social2{
 margin-left:10px;
 margin-right:10px;
 float:right;
}
.memberprofile .submitbtns{
 clear: both;
 float: right;
}
/*************************** Portlet profile ********************************/
.myprofile{
	width: 90%;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}
.myprofileavatar{
	text-align:center;
	vertical-align:bottom;
}

.myprofileavatar img{
	padding:5px;
	border: 1px solid #B2B3B4;
}

.myprofilemain{
	vertical-align:bottom;
}

.myprofilemaintitle{
	font-weight:bold;
	font-size:1.2em;
}

.myprofilemaintitle a, .myprofilemaintitle a:hover, .myprofilemaintitle a:visited, .myprofilemaintitle a:link {
	font-weight:bold;
	font-size:1.2em;
}

.myprofiletitle{
	white-space: nowrap;
	font-size: 1em;
}
.myprofilevalue{
	padding-left:3px;
	font-size: 0.8em;
}
.myprofiletitle2{
	font-weight:bold;
}
.myprofilevalue2{
	padding-left:5px;
}
.myprofilesubcat{
	font-weight:bold;
	font-size:1.2em;
}
.myprofileblocktext{
	font-size: 0.8em;
}
.myprofiletools{
	padding: 0px 5px;
	border-left:1px solid #555;
}
/*************************** invitelist ********************************/
.adminvitelist{
}
.adminvitelist th{
	background-color:#CCCCCC;
	padding:3px;
	font-weight:normal;
}
.adminvitelistgroupname{
	color:#555;
	font-weight:bold;
	padding-left:10px;
}
.adminvitelistuser{
	color:#313231;
	padding-left:25px;
}

.adminvitelist .mailtoicon{}

/*************************** Member profile Lite ********************************/
.memberprofile-lite{
  width:90%;

}
.memberprofile-lite .sidebar{
 float: left;
 display:block;
}
.memberprofile-lite .main-profile{
  float:right;
  margin-left: 2px;
  margin-right:5px;
  margin-bottom:10px;
}
.memberprofile-lite .displayname{
  float:left;
}
.memberprofile-lite .home{
}
.memberprofile-lite .aboutme{
 clear:both;
}
.memberprofile-lite .aboutme p{
  margin-left: 10px;
  text-align:justify;
  margin-right:20px;
  margin-bottom:20px;
}
.memberprofile-lite .aboutme h3{
  margin-top: 0px;
  text-align:justify;
  margin-right:10px;
}
.memberprofile-lite .fullprofile{
  clear:both;
  text-align:right;
  margin-right: 10px;
  margin-bottom:20px;
}
.memberprofile-lite .avatar{
 width:80px;
 text-align:center;
 margin-left: 0px;
 margin-right:0px;
}
.memberprofile-lite .general{
 clear:both;
 float:left;
 margin-right:10px;
}
.memberprofile-lite .general ul{
 list-style-type: none;
 margin-left: 0px;
}
.memberprofile-lite .litext{
 padding-left:10px;
}

/*************************** Group profile Lite ********************************/
.groupprofile-lite{
}
.groupprofile-lite .head{
	font-weight:bold;
	background: #eee;
	margin-top:5px;
}
.groupprofile-lite .value{
}
.groupprofile-lite .logo img{
	padding: 5px 5px 0px 0px;
}


/************************ agglist **********************************/
.agglist_indent{
 background: url("images/arrowList.gif") no-repeat left center !important;
 padding-left:16px;
}
.agglist_node{
}
.usergroupcreate tr td{
 vertical-align:top;
}
.usergroupcreateicon{
 background: url("processimages/groupevent.png") no-repeat left center !important;
 width:16px;
 height:16px;
 cursor:pointer;
}

/************************ COMMON **********************************/
.folder_new{
 background: url("processimages/folder_new.png") no-repeat left center !important;
 width:16px;
 height:16px;
 cursor:pointer;
}
.configureicon{
 background: url("images/configure.gif") no-repeat top left !important;
 width:15px;
 height:15px;
 cursor:pointer;
}
/************************ FORM STYLES ********************************/
.formerror{
 color: #d03728;
}
.formmessage{
	margin:auto;
}
.invitationform{
	width:570px;
}
.invitationform input{
	width:130px;
}
.invitesuccess{
	background-color: #FFFFCE;
	margin: 5px;
	padding:5px;
}
.inviteusermsg{
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	width:290px;
	background-color: #FFFFAA;
}
.inviteemailsample{
	background-color: #dbc2b0;
	margin:10px;
	padding:8px;
	width:300px;
}
.invitefriendsset{
	margin-left:10px;
	margin-right:10px;
}
.invitefriendsrows{
	background-color: #dbc2b0;
}
.officialemail{
	font-family:Arial;
	font-size:10px;
	color:#000066;
}
.formbtn{
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
}
.formsectiontitle{
}
.invitequotacounts{
	font-weight:bold;padding-left:10px;padding-top:5px;font-size:14px;text-decoration:underline;color:#009BC7;
}
/*********************** registration ******************************/
.LoginBox{
	width: 190px;
	border: 1px solid #036;
	padding: 10px;
	margin: 0 auto 5px auto;
}

.note {
	color:red;
	font-weight:bold;
	font-size:10pt;
}
.regtitles{
	verticle-align:top;
	text-align:left;
}
.regreqfield{
	color:red;
}
/** **/
.instruction{
	color: #666;
}

/** **/
#userinfo0 input {
	width: 210px;
}
#userinfo0 td {
}
#userinfo0 div.separator{
	background: #ccc;
	height: 1px;
	font-size: 0pt;
	margin: 5px 0px;
}
#userinfo0 td < td{
	padding-left: 10px;
}

/** edit community / group styles **/
#groupedit{
}
#groupedit th{
	text-align:right;
	padding-right: 10px;
}
#groupedit .textinput{
	width: 210px;
}
#groupedit fieldset{
	width: 444px;
	clear: both;
}
#groupedit legend{
	font-weight:bold;
}