/* -----------------------------------
	Generic Object Styles
   ---------------------------------*/
.object {
	position: absolute;
	z-index: 200;
}
.object.active { z-index: 210; }

	.object_content {
		position: relative;
		z-index: 1;
		cursor: default;
	}

/* Resize Handles */
.resize_handle {
	position: absolute;
	width: 12px;
	height: 12px;
	background: none;
}

.resize_nw { left: -5px; top: -5px; cursor: nw-resize; background: url("../../img/com/resize_nw.png"); }
.resize_ne { right: -5px; top: -5px; cursor: ne-resize; background: url("../../img/com/resize_ne.png"); }
.resize_se { right: -5px; bottom: -5px; cursor: se-resize; background: url("../../img/com/resize_se.png"); }
.resize_sw { left: -5px; bottom: -5px; cursor: sw-resize; background: url("../../img/com/resize_sw.png"); }
.resize_n  { left: 50%; top: -5px; height: 4px; width: 12px; margin-left: -6px; cursor: n-resize; background: url("../../img/com/resize.png") top center repeat-x;}
.resize_e  { right: -5px; top: 50%; width: 4px; height: 12px; margin-top: -6px; cursor: e-resize; background: url("../../img/com/resize.png") center right repeat-y;}
.resize_s  { left: 50%; bottom: -5px; height: 4px; width: 12px; margin-left: -6px; cursor: s-resize; background: url("../../img/com/resize.png") bottom center repeat-x;}
.resize_w  { left: -5px; top: 50%; width: 4px; height: 12px; margin-top: -6px; cursor: w-resize; background: url("../../img/com/resize.png") center left repeat-y;}

/* Frame */

.object_frame {
	position: absolute;
	left: -1px;
	top: -22px;
	width: 100%;
	z-index: 0;
	border: 1px solid #69f;
	display: none; /* No frame for now */
}
	.object_frame * {
		filter: alpha(opacity=80);
		opacity: 0.8;
	}
	.active .object_frame {
		border: 1px solid #36c;
	}
	.active .object_frame * {
		opacity: 0.9;
	}
	.object_label {
		padding: 0 10px;
		font-size: 12px;
		line-height: 20px;
		background: url("../../img/com/bg_dialog_top.png") repeat-x 0px -14px;
		color: #111;
		cursor: move;
	}
	.deleteObject {
		display:block;
		font-size:13px;
		font-weight:bold;
		padding:2px 3px;
		position:absolute;
		right:3px;
		text-decoration:none;
		top:0px;
	}
	.object_frame_w {
		left: -10px;
		width: 10px;
		height: 100%;
	
		border-left: 1px solid #666;
		display: none;
	}
	.object_frame_s {
		left: -10px;
		right: -10px;
		bottom: -10px;
		height: 10px;
	
		border: 1px solid #666;
		border-top: none;
		display: none;
	}
	.object_frame_e {
		right: -10px;
		width: 10px;
		height: 100%;
	
		border-right: 1px solid #666;
		display: none;
	}
.inactive > .resize_handle,
.inactive > .selection,
.inactive > .object_frame { display: none; }

/* Selection Box */
.selection {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid #36c;
}
.object:hover > .selection {
	display: block;
	border: 1px solid #8bf;
}
.active:hover > .selection {
	border: 1px solid #36c;
}

/* Loading bar (mostly for images) */
.object .loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -110px;
}

.object:hover > .object_frame {
	display: block;
}

/* Overlay */
.objectOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	/*overlay should have a backgroundcolor to mask something inIE7*/
    *background:#FFFFFF;
    *filter: Alpha(Opacity=10);
	
}

.dropReady,
.object .dropReady > form {
	background: #c2d3f0;
}

/***
	OBJECT PARTICULARS
***/
/**** Canvas - hide a lot of stuff ****/
.canvas.object {
	z-index: 0;
	overflow: visible !important;
}
	.canvas > .object_content {
		width: 100%;
		height: 100%;
	}
	/* Should the html for these just be removed? */
	.canvas > .selection { display: none !important; }
	.canvas > .object_frame { display: none !important; }
	.canvas > .dropReady { background: transparent; }


/**** Other objects ****/
.object_proxy {
	background: #eee;
}
	.object_proxy .selection {
		display: block;
		border-color: #ccc;
	}

.object_heading h1 {
	line-height: 40px;
	font-size: 24px;
	font-weight: normal;
}

.object_column > .object_content {
	min-height: 100px;
	border: 1px solid #ccc;
}

.object_formText,
.object_formLabel,
.object_formTextarea,
.object_formDropdown,
.object_formRadio,
.object_formCheckbox {
	position: static;
}
.object_formRadio,
.object_formCheckbox {
	float: left;
}
/*	.object_formRadio .object_content,
	.object_formCheckbox .object_content {
		position: relative;
	}*/

.object_formObject .object > .object_content {
	margin-right: 6px;
}
.object_formObject .object.object_formDropdown > .object_content {
	margin-right: 0;
}
	.object_formObject input,
	.object_formObject textarea {
		padding: 2px;
		width: 100%;
	}
	.object_formObject select {
		width: 100%;
	}
	.object_radio input,
	.object_checkbox input {
		width: auto;
	}
	
.object_groupLabel {
	width: 100% !important;
}

.container_column {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-left: 1px solid #bbd;
	border-right: 1px solid #bbd;
}

/* Form Labels */
/*.object_formLabel > .object_content {
	position: static;
}*/


/* HR Object */
.object_hr hr {
	border-left: none;
	border-right: none;
	border-top: none;
	height: 1px;
	*line-height:1px;
	*margin-top:-7px;
	background: #919191;
	
	border-bottom:1px solid #BFBFBF;
	
	

}

/* Link Buttons */
.object_linkButton .object_content {
	background: #fff url("../../img/com/bg_btn.png") repeat-x left center;
	border: 1px solid #ddd;
	border-color: #eee #ddd #ccc;
	text-align: center;
}



/* Form Submit-type Input */
.object_formButton input[type='submit'] {
	border: 1px solid #86a9d3;
	border-color: #96b9e3 #86a9d3 #7699c3;
	background-color: #b5d6fc !important;
	}


/* Page Header */
.object_pageHeader {
	top: 0px;
	left: 0px;
}
	.object_pageHeader:hover > .object_frame {
		display: none;
	}
	.object_pageHeader > .backing {
		position: absolute;
		left: -10px;
		top: 0px;
		right: -10px;
		bottom: -10px;
		z-index: -1;
	}
	.object_pageHeader .container_column { display: none; }
	.header_label_float{
		float:right
	}
	.object_headerLabel:hover > .object_frame {
		display: none;
	}
		
	/* Nav Bar */
.object_navBar {
/*
	left: -10px;
	background: #999;	
	padding: 0 10px 0;
	font-size: 1.1em;
	line-height: 30px;
*/
}

	.object_navBar .object_content ul {
		list-style-type: none;
	}
	.object_navBar .object_content li {
		  float:left;
		  /*margin-right:10px;*/
	}
	.object_navBar .object_content a {		
		display: block;
		font-size:12px;
		line-height:17px;
		width:100px;
		
		
		/*
		background-color:red;
		text-decoration:none;
		padding-left: 5%;
		*/
	}
	.object_navBar .object_content a:hover {
	/*
		 background-color:black;
		 color:red;
		 text-decoration:underline;
	*/	 
	}	
	
	.object_navBar .object_content a.current {
		text-decoration: underline;
		font-weight: bold;
	}	
	
/* twitter object */
.object_twitter{
background:#939393;
height:100%;
}

.object_twitter .twHeader{
/* background:#FFF;*/
 padding:10px;
 position:relative;
}

.object_twitter .twSimpleHeader{
	padding-left:10px;
	*padding-top:2px; /* only for ie, if padding-top is 0px, there will appears a top border */
}

.object_twitter .twPic{

float:left;
border:1px solid #999999;
margin-right:10px;
height:48px;
width:48px;

}
.object_twitter .twUsername{
clear:left;
font-size:14px;

line-height:48px;
margin:0;

position:absolute;
top:60px;
*left:10px;

}
.object_twitter .twUsername a{
 color:#444;
 text-decoration:none;	
}
.object_twitter .twUserDetails{
 float:right;
 font-size:11px;
 line-height:18px;
 width:50%;
}
.object_twitter .twUserDetails .twBioContainer{
width:90%;	
}
.object_twitter  .twPicContainer{
float:left;
}



.object_twitter .twUserDetails .twFollowers{
font-size: 11px;
}
.object_twitter .twContainer{
clear:both;
display:none;
/*padding:10px;*/
}
.object_twitter ul.twStatusContainer{
/*margin-top:10px;*/
clear:left;
/*background:#FFF;*/
list-style-type:none;
*padding-top:1px;
}
.object_twitter li.twStatus{
	padding:10px;
	border-bottom:1px dashed #D2DADA;
	position:relative;
}
.object_twitter li.twStatus .twStatusText{
	 width:90%;
	 font-size:12px;
}
.object_twitter li.twStatus .twReplyTo a{
	background-image: url(http://static.twitter.com/images/icon_reply.gif);
	height:16px;
	width:16px;
	display:block;
	text-decoration:none;
	position:absolute;
	right:10px;
	top:35%;
	display:none;
}

.object_twitter li.twStatus .twStatusSubText{
font-family:georgia;
font-size:12px;
font-style:italic;
margin:3px 0 0;
color: #999999;
}
.object_twitter li.twStatus .twStatusSubText a{
 color:	#999999;
}
.object_twitter .twLoading{
height:100%;
background-color:#F2F2F2;
display:none;
font-size:14px;
padding:10px;
}
.object_twitter .twLoading img{
margin-right:10px;
vertical-align:middle;
}

/* Page Footer */
.object_pageFooter {
	top: 100%;
	left: -10px;
}
	.object_pageFooter .object_content {
		border: 1px solid #a8a8a8;
		border-top: none;
		background: #fff;
	}
		.object_pageFooter hr {
			height: 5px;
			margin: 0 -1px;
			*margin-top:-7px;
			border: 1px solid #86a9d3;
			background: #b5d6fc;
		}
		.object_pageFooter p {
			padding: 10px 10px 25px;
			text-align: center;
		}

/* Widget Object */
.div_outsideFrame {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	/*overlay should have a backgroundcolor to mask something inIE7*/
    *background:#FFFFFF;
    *filter: Alpha(Opacity=10);
}

/* Gadgets */
.gadget .object_content {
	width: 100%;
	height: 100%;
	overflow: hidden;
}


/*profile object */
.object_profile .object_content{
overflow:hidden;
/*
width: 100%;
height: 100%;
*/
}

.object_profile ul,
.object_profile li{
list-style:none;
}


.object_profile dl{clear:both; margin-bottom:5px;float:left;}
.object_profile dt,dd{padding:2px 5px;float:left;}
.object_profile dd{ position:absolute;left:10%;}

.object_profile .profile_label{
font-weight:bold;
}

.profile_About_Me .profile_label{
padding-bottom:15px;
}

.profile_About_Me .profile_answer{
padding-bottom:30px;
}


.object_profile .profile_Interests h1{
font-size:14px;
padding-bottom:20px;
}
.profile_Interests .profile_label{
font-size:12px;
}
.profile_Interests .profile_answer{
padding-top:5px;
padding-bottom:20px;
}

.profile_Networking .profile_label{
padding-bottom:15px;
}

.profile_Screen_ID td.profile_label{
width:40%;
}

.object_profile .profile_Basic_Info td{
padding-bottom:10px;
}

.object_profile .profile_Education td{
padding-bottom:1px;
}

.object_profile .profile_Contact_Info .profile_label{
font-weight:normal;
}

.object_profile .profile_Contact_Info .profile_answer{
width:60%;
}
.object_profile .profile_Contact_Info td{
padding-bottom:10px;
}

.object_profile .profile_Details td{
padding-bottom:5px;
}
.object_profile .profile_Screen_ID ul{
padding:0;
margin:0;
}
.object_profile .profile_Screen_ID li{
padding:0;
margin:0;
float:left;
}
.object_profile .profile_URL ul{
padding:0;
margin:0;
}
.object_profile .profile_URL li{
padding:0;
margin:0;
float:left;
}

.object_profile .profile_Screen_ID li.profile_label{
margin-right:3px;
}
.object_profile .profile_URL li.profile_label{
margin-right:3px;
}

.profile_Contact_Info h1,
.profile_Education h1,
.profile_Work_History h1{
padding-bottom:20px;
}



.object_profile td{
border:none;
background:none;
padding:0px 1px 0px 0px;
word-break:break-all;
line-height:16px;

}
.object_profile tr{
background:none;
}
.object_profile h1{
font-size:14px;
}

/* friends list */
.object_friends .object_content {
overflow:hidden;
width: 100%;
height: 100%;
}

.object_friends ul,
.object_friends li{
list-style:none;
}
.object_friends .avatarList li{
float:left; 
margin-left:15px;
}
.object_friends .friendsAvatar{
text-align:center;
}
.object_friends .screenNameArea{
overflow:hidden;
text-align:center;
}

/*rich text editor */
.object_text ul, .object_text li, .object_text ol{
margin-left:20px;
}

.object_text tr{
background:none;
}
.object_text td{
border:none;
padding:0px;
}
#propertiesPanel{
overflow:hidden;
}

/* used in asset */
.assetGroupWrapper{
padding:0;
margin:0;
position: absolute;
top: 35px;
left: 5px;
overflow-x:hidden;
width:100%;
height:130px;
display:none;
}
.active .assetGroupWrapper{
display: block;
}