#main #contentArea #mainContent h3.sub { font-size:18px; }

#sidebar #info {
	padding:20px;
	width:268px;
	background:url(images/lt-sidebar-info-bg.gif) no-repeat top right;
}
	#sidebar #info h5 {
		width:104px;
		height:19px;
		text-indent:-9999px;
		background:url(images/lt-getstarted-title.gif) no-repeat 0 0;
	}
	#sidebar #info p {color:#414246;}
	#sidebar #info ul {
		font-size:12px;
		color:#414246;
		list-style:none;
	}
		#sidebar #info ul li {
			margin:10px 0;
			padding:0 0 0 15px;
			background:url(images/lt-list-item.gif) no-repeat 0 3px;
		}
			#sidebar #info ul li a {color:#84A23B;}
			#sidebar #info ul li a:hover {color:#808285;}
#sidebar #feedback {
	margin:0 10px;
	width:288px;
	border-top:1px solid #808285;
	border-bottom:1px solid #808285;
}
#sidebar .widget {
	margin:10px;
}

/* PROFILE */


#sidebar .user-info {
	margin:10px -5px;
	padding:15px 10px;
	width:169px;
	background:#fff;
	border-bottom:1px solid #808285;
	border-right:1px solid #808285;
	word-wrap: break-word;
	overflow: hidden;
	float:left;
	clear:left;
	position:relative;
	display:inline;
}
	#sidebar .user-info .mem-avatar {
		margin:5px;
		padding:0;
		width:159px;
		text-align:center;
		border:none;
	}

	#profile-details .prof-widget {
		margin:0 0 10px 0;
		padding:0 0 10px 0;
	}
		#profile-details .prof-widget h5 {
			padding:5px 10px;
			font-size:14px;
			color:#0991ac;
			text-transform:uppercase;
			font-weight:normal;
			background:#EEE;
		}
			#profile-details .prof-widget p {padding:0 10px; word-wrap: break-word; overflow: hidden; }
			
/** fix link colors **/
#sidebar .user-info a:link,
#sidebar .user-info a:visited,
#sidebar .user-info a:active { color:#0991ac; }
#sidebar .user-info a:hover { color:#84A23B; }


#gallery-grid {width: 708px;}
	#gallery-grid div.thumb-container {
		width: 215px;
		border: 1px solid #e2e2e2;
		height: 238px;
		float: left;
		padding: 4px;
		margin-right: 9px;
		margin-top: 5px;
		margin-bottom: 8px;
	}
		#gallery-grid div.thumb-container div.img-container {
			/* this container will hold a 216 x 140 image */
			width: 210px;
			height: 140px;
			padding: 1px;
			margin-bottom: 4px;
			text-align: center;
			background-color: #ffffff;
			border-bottom: 1px solid #E2E2E2;
			overflow: hidden;
		}
		
		#gallery-grid div.thumb-container div.img-container img { border: 0; margin-left: auto; margin-right: auto; }
		
		#gallery-grid div.thumb-container div.doc-name {
			font-size: 12px;
			font-weight: bold;
			padding: 4px;
			word-wrap: break-word;
	    overflow: hidden;
		}
		#gallery-grid div.thumb-container div.doc-description {
			font-size: 11px;
			color: #6c6d70;
			padding: 4px;
			height: 26px;
			overflow: hidden;
			margin-bottom: 4px;
		}
		#gallery-grid div.thumb-container div.doc-rating {
			background-color: #f0f0f1;
			height: 30px;
		} 
			#gallery-grid div.thumb-container div.doc-rating div.fav {
				float: right;
				font-size: 11px;
				margin-right: 8px;
				margin-top: 7px;
			}
			#gallery-grid div.thumb-container div.doc-rating div.stars {
				padding-top: 6px;
				padding-left: 8px;
			}
      
      
      
      
 #setup-meter {	
	float:left;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	width:928px;
}
	#setup-meter a {
		float:left;
		margin:0 5px 0 0;
		padding:8px 0 0 0;
		width:117px;
		height:33px;
		font-size:14px;
		color:#6C6D70;
		text-align:center;
		text-transform:uppercase;
		text-decoration:none;
		background:url(/images/profile-meter-buttons.gif) no-repeat 0 -82px;
	}
	#setup-meter a:hover {
		color:#333;
		background:url(/images/profile-meter-buttons.gif) no-repeat 0 -41px;
	}
		#setup-meter a.active {
			color:#333;
			background:url(/images/profile-meter-buttons.gif) no-repeat 0 0;
		}
table.setup {margin:10px 0;}
	table.setup th {
		padding:10px 5px;
		font-size:12px;
		color:#6C6D70;
		text-transform:uppercase;
		background:#F0F0F1;
	}
	table.setup td {
		padding:10px 5px;
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#6C6D70;
		border-top:1px solid #f9f9f9;
	}
		table.setup td span {font-size:11px;}
	table.setup input, table.setup textarea, table.setup select {
		padding:3px 2px;
		border:1px solid #909193;
	}
		table.setup input.checkbox {border:none;} /* Remove borders from checkboxes in IE7+ */
		table.setup input.form-button {
			padding:2px 2px 3px 2px;
			font-size:12px;
			color:#6C6D70;
			text-transform:uppercase;
			background:#CAE0E7;
			border:1px solid #728EA9;
		}
		
		table.setup input.im {
		  width: 100px;
		}
		
			table.setup input.form-button.submit {
				color:#fff;
				font-weight:bold;
				background:#84A23B;
				border:1px solid #84A23B;
			}
	table.setup a {color:#0991ac;}
	table.setup td.error {background:#ffd;}
		table.setup td.error strong {color:#f22;}
		table.setup td.error input, table.setup td.error textarea {border-color:#f22;}

#contentArea .profile-item-b {
  background:#EEE none repeat scroll 0 0;
  margin:5px 0;
  padding:10px;
  line-height:10px;
}

#contentArea .profile-item-b p {margin:0;}
#contentArea .profile-item-b a {color:#84A23B;}
#contentArea .profile-item-b a:hover {color:#808285;}

#contentArea .profile-item-b .app-buttons {padding-top:7px;margin-top:5px;border-top:1px solid #cdcdcd;}


#contentArea .profile-item p {margin:0;}
#contentArea .profile-item a {color:#84A23B;}
#contentArea .profile-item a:hover {color:#808285;}
	
#contentArea .profile-item {
	margin:5px 0;
	padding:10px;
	background:#FFF4EF;
}

#contentArea .more-event {
  color: #0991ac;
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
}

#contentArea .more-event:hover {
  color:#84A23B;
}
	
/************************************
Create Profile Portfolio
************************************/
#profile-portfolio {
	margin:10px 0;
	padding:0 5px;
	width:916px;
	border:1px solid #808285;
}
	.port-item {
		float:left;
		margin:10px 5px;
		padding:10px;
		width: 180px;
		height: 250px;
		overflow: hidden;
		word-wrap: break-word;
		border:1px solid #E2E2E2;
	}
	   
	   .port-item strong, .port-item span {
	     float: left;
	     margin:5px 0;
	     font-size: 12px;
  	   color:#6C6D70; 
  	   font-weight: bold;
	   }
	   
    .port-item span {
      margin-left: 3px;
  		font-weight:normal;
    }
    
    .port-item span input {
      width: 170px;
    }
    
    .port-item span.port-img-name {
      font-weight: bold;
    }
  
/** drag droppables for the creation steps **/

.droppable-active {
  background-color: #FFF19C;
}

  .droppable-hover {
  background-color: #B2D281;
  }
  
  
  .gspcr, .gspcr-hover, .gspcr-active {
  height: 130px;
  width: 5px;
  margin: 10px 5px 10px 5px;
  float: left;
  }
  
  .gspcr-active {
  width: 3px;
  border: 1px solid #DAD9DC
  }
  .gspcr-hover {
  width: 3px;
  background-color: #DAD9DC;
  border: 1px solid #000;
}

#savecontainer {
  float: left;
  padding-left: 5px;
  width: 40%;
}

#addcontainer {
  float: right;
  margin-top: 10px;
  text-align: right;
  width: 40%;
  
} 

/** error table bg color **/
table.setup tr.errorbg {background:#ffd;}


p#add-skill a, p#add-train a, p#add-emp a, p#add-edu a { font-size: 14px; color: #0991ac; font-weight: bold; }
p#add-skill a:hover, p#add-train a:hover, p#add-emp a:hover, p#add-edu a:hover { color:#84A23B; }
/**** TABS *****/
/* Skin */

#main #contentArea #mainContent .ui-tabs-hide { display: none; }
#main #contentArea #mainContent .ui-tabs-panel { float:left; padding:10px 0; }
#main #contentArea #mainContent ul.ui-tabs-nav { float:left; height:25px; padding:10px 10px 0 10px; list-style-type:none; background-color:#808285; /*border-bottom:1px solid #385575;*/ }
#main #contentArea.col-s #mainContent ul.ui-tabs-nav,
#main #contentArea.col-s #mainContent .ui-tabs-panel { width:908px; }
#main #contentArea.col-l #mainContent ul.ui-tabs-nav,
#main #contentArea.col-l #mainContent .ui-tabs-panel { width:708px; }
#main #contentArea.col-r #mainContent ul.ui-tabs-nav,
#main #contentArea.col-r #mainContent .ui-tabs-panel { width:590px; }
#main #contentArea #mainContent ul.ui-tabs-nav li { float:left; margin:0 5px 0 0; border: none; padding:4px 9px 5px 9px; background-image:none; color:#84A23B;  background-color:#808285; }
#main #contentArea #mainContent ul.ui-tabs-nav li a,
#main #contentArea #mainContent ul.ui-tabs-nav li a span { color: #FFF; text-decoration:none; }
#main #contentArea #mainContent ul.ui-tabs-nav li.ui-tabs-selected a,
#main #contentArea #mainContent ul.ui-tabs-nav li.ui-tabs-selected a span { color:#84A23B; text-decoration:none; }
#main #contentArea #mainContent ul.ui-tabs-nav li.ui-tabs-selected { border-bottom:1px solid #FFF; border-top: 1px solid #385575; border-left: 1px solid #385575; border-right: 1px solid #385575; background-color:#FFF; }
#main #contentArea #mainContent ul.ui-tabs-nav li.ui-tabs-disabled { color:#CCC; background-color:transparent; }

#tools-learn {
	float:left;
	width:928px;
}
.tools-headline {padding:10px 0 0 0;height:100px;}
#featured-resource {
	float:left;
	padding-right:40px;
	width:557px;
}
.secondary h6 {
	color:#6C6D70;
	font-size:14px;
	margin:10px 0;
	padding:0;
	text-transform:none;
}
.res-thumb {
	float:left;
	margin:0 10px 0 0;
	padding:5px;
	width:218px;
	background:#eee;
}
.res-details {
	float:left;
	padding:0 20px 0 0;
	width:299px;
}
#other-resource {
	float:left;
	width:331px;
}
	#other-resource ul li span {
		font-size:11px;
		color:#999;
	}
	#other-resource p span {
		font-weight:bold;
		color:#84A23B;
	}
.res-cloud {
	margin:10px 0;
	padding:10px;
	border:1px solid #e2e2e2;
}
#main #contentArea #mainContent .secondary .rating {
	margin:0;
	background-color:#fff;
	height:27px;
}


