/*---------------------- Stylesheet for the User Dashboard, Profile, Account -------------------------*/

/*--------------------------------------- User pages header -------------------------------------------*/

#usercontent-header
{
	margin-bottom:25px;
	position:relative;
	z-index: 8;
}

	#usercontent-header h3
	{
		color:#6f6f6f;
		font-size:110%;
		padding:6px 0 0 0px;
		text-align:left;
		width:70%;
	}

/*----------------------------------------- Drop Down Menus ------------------------------------------*/

#content-main .drop-menu
{
	color: #b0b0b0;
	font-weight: bold;
	padding: 5px 0 0 6px;
	width: 178px;
	height: 28px;
	background-position: -184px 0;
}

	#content-main .drop-menu, 
	#content-main .drop-menu a	{
		background-image: url(../images/drop_menu_sprite.png);
		background-repeat: no-repeat;
	}

	#content-main .drop-menu-items
	{
		border: 1px solid #e2e2e2;
		border-bottom: 1px solid #D6D6D6;
		background-color: #fff;
		width: 176px;
		display: none;
		font-size: 90%;
		margin-left: -3px;
	}
	
	#content-main .drop-menu a
	{
		text-decoration: none;
		display: block;
		border-bottom: 1px solid #e2e2e2;
		padding: 5px 0 5px 22px;
	}
	
		#content-main .drop-menu-items a:hover
		{
			background-color: #ebf9ff;
		}
		
		#content-main .drop-menu-items li.active a
		{
			cursor: default;
			background-color: #D4F2FF;
			color: #225476;
		}
		
	#content-main .drop-menu-title a
	{
		font-size: 90%;
		color: #949494;
		background-color: transparent;
		border-bottom: none;
		padding-top: 4px;
	}
	
		#content-main .drop-menu-title a:hover
		{
			background-color:transparent;
			color:#828282;
		}

/*------------------- User pages navigation [Dashboard, Account, Profile] ----------------------------*/

#content-main #navigation-user-content
{
	top:0;
	right:0;
	cursor:pointer;
	position:absolute;
	z-index: 9;
}
	
	#content-main #navigation-user-content.active .drop-menu-items
	{
		display:block;
	}
	
	#navigation-user-content:hover,
	#navigation-user-content.active
	{ 
		background-position:left top;
	}
	
		#navigation-user-content li#user-nav-dashboard a { background-position:4px -77px; }
		#navigation-user-content li#user-nav-profile a { background-position:4px -108px; }
		#navigation-user-content li#user-nav-account a { background-position:4px -138px; }

/*--------------------------------------- Semester Select --------------------------------------------*/

#content-main #semester-select
{
	position: absolute;
	left: 7px;
	width: 218px;
	background-position: -224px -38px;
	z-index: 7;
}
	
	#content-main #semester-select .drop-menu-items
	{
		width: 216px;
		font-size: 80%;
	}
	
	#semester-select .drop-menu-items li a
	{
		padding: 6px 0 6px 8px;
		background-image: none;
	}
	
	#content-main #semester-select.active .drop-menu-items
	{
		display: block;
	}
	
	#content-main #semester-select:hover,
	#content-main #semester-select.active
	{ 
		background-position: left -38px; 
	}
	
	#content-main #semester-select li#semester-active a
	{
		background-position: 4px -168px;
	}
	
/*---------------------------------------- Type / Semester Note Filters ---------------------------------------*/

#content-main .filter-cell .drop-menu
{
	margin: 4px 0 0 4px;
}

	#content-main .filter-cell .drop-menu-title a
	{
		background-position: -432px -153px;
	}
	
		#content-main .filter-cell .drop-menu-title.active a
		{
			background-position: -432px -123px;
		}
	
	#content-main .filter-cell .drop-menu-items
	{
		width: 250px;
		font-size: 70%;
	}
	
		#content-main .filter-cell .drop-menu-items.two-col
		{
			width: 500px;
			overflow: hidden;
		}
	
		#content-main .filter-cell .drop-menu.active .drop-menu-items
		{
			display: block;
		}
		
		#content-main .filter-cell .drop-menu:hover,
		#content-main .filter-cell .drop-menu.active
		{
			background-position: left top;
		}
	
		#content-main .filter-cell .drop-menu-items.two-col ul
		{
			width: 249px;
			float: left;
		}
		
		#content-main .filter-cell .drop-menu-items ul
		{
			border-right: 1px solid #e2e2e2;
		}
	
	#content-main .filter-cell .drop-menu-items li a
	{
		color: #353535;
		font-weight: normal;
		padding: 6px 0 6px 22px;
		background-position: -432px -72px;
	}
		
		#content-main .filter-cell .drop-menu-items li.active a
		{
			background-position: -432px -93px;
			font-weight: bold;
		}
		
/*------------------------------------ Note Sharing Drop Menu ----------------------------------------*/

#content-main .notes-table .drop-menu
{
	position: relative;
	width: 65px;
	height: auto;
	color: #575757;
	padding: 0 0 0 0;
}

	#content-main .notes-table .drop-menu, 
	#content-main .notes-table .drop-menu a	
	{
		background-image: none;
	}
	
	#content-main .notes-table .drop-menu-items
	{
		display: none;
		position: absolute;
		z-index: 555;
		width: auto;
		margin-top: -2px;
		margin-left: 0px;
		font-size: 100%;
		border: 1px solid #C5C5C5;
		border-bottom: 2px solid #9C9C9C;
	}
	
		#content-main .notes-table .drop-menu.active .drop-menu-items
		{
			display:block;
		}
	
	#content-main .notes-table .drop-menu-items a
	{
		padding: 7px 14px 7px 24px;
		background: #fff url(../images/sprite_note_table_share.png) no-repeat left top;
	}
	
		#content-main .notes-table .drop-menu-items .note-share-facebook a
		{
			background-position: 2px -23px;
		}
		
		#content-main .notes-table .drop-menu-items .note-share-twitter a
		{
			background-position: 4px -58px;
		}
		
		#content-main .notes-table .drop-menu-items .note-share-email a
		{
			background-position: 4px -90px;
		}
	
		#content-main .drop-menu-items a:hover
		{
			background-color: #ebf9ff;
		}
		
	#content-main .notes-table .drop-menu-items .note-share-url span
	{
		display: block;
		padding: 5px 4px 5px 24px;
		background: transparent url(../images/sprite_note_table_share.png) no-repeat 4px -118px;
	}
		
		#content-main .notes-table .drop-menu-items .note-share-url span input
		{
			font-size: 100%;
			width: 130px;
		}
		
	
	#content-main .notes-table .drop-menu-title a
	{
		border: 1px solid #d1d1d1;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		text-align: right;
		text-shadow: #fff 1px 1px 1px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
		background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
		background-color: #f5f5f5;
		color: #575757;
		padding: 4px 0 4px 0;
	}
	
		#content-main .notes-table .drop-menu-title a:hover,
		#content-main .notes-table .drop-menu.active .drop-menu-title a
		{
			color: #353535;
			background-color: #f0f0f0;
			background-image: none;
		}
		
	#content-main .notes-table .drop-menu-title a span
	{
		background: transparent url(../images/sprite_note_table_share.png) no-repeat center 1px;
		padding: 0 8px 0 50px;
	}
	
/*------------------------------------ Dashboard User Stats-------------------------------------------*/

#dashboard-user-stats
{
	overflow: hidden;
	padding-bottom: 30px;
	float: left;
	width: 100%;
}
	
	#dashboard-user-stats li
	{
		float: left;
		width: 22.4%;
		border-right: 1px solid #e4e4e4;
	}
		
		#dashboard-interim #dashboard-user-stats li
		{
			width: 19.8%;
		}
		
		#dashboard-user-stats li#user-avatar
		{
			border-right: none;
			width: 75px;
		}
		
		#dashboard-user-stats li:last-child
		{
			border: none;
		}
	
		#dashboard-user-stats li h4
		{
			background-color: #fafafa;
			border-bottom: 1px solid #e4e4e4;
			padding: 5px 8px;
			font-size: 87%;
			color: #6f6f6f;
		}
		
		#dashboard-user-stats li p
		{
			padding: 15px 8px;
			font-weight: bold;
			color: #515151;
		}
		
			#dashboard-user-stats li p a
			{
				vertical-align: middle;
			}
		
		#dashboard-user-stats .user-stats-status
		{
			font-size: 95%;
			padding: 6px 0 0px 28px;
			background: transparent url(../images/user_status_icons_sprite_large.gif) no-repeat left bottom;
		}
					
			#dashboard-user-stats #status-uber { background-position: left 0px; }
			#dashboard-user-stats #status-gold { background-position: left -74px; }
			#dashboard-user-stats #status-silver { background-position: left -145px; }
			#dashboard-user-stats #status-bronze { background-position: left -217px; }
			#dashboard-user-stats #status-author { background-position: left -288px; }
			#dashboard-user-stats #status-member { background-position: left -361px; }
		
		#user-stats-what-is
		{
			font-size: 65%;
			font-weight: normal;
			padding: 2px 0 0 4px;
			display: inline-block;
			text-decoration: underline;
		}
		
		#user-stats-rating
		{
			display:block;
			text-indent:-3000em;
			overflow:hidden;
			height:17px;
			width:100px;
			background:transparent url(../images/dashboard_rating_sprite.gif) no-repeat left bottom;
			font-size:1%;
		}
		
			#user-stats-rating span
			{
				display:block;
				height:100%;
				background:transparent url(../images/dashboard_rating_sprite.gif) no-repeat top left;
			}
		
			#user-stats-rating.stars-half span{ width:10%; }
			#user-stats-rating.stars-one span{ width:20%; }
			#user-stats-rating.stars-one-half span{ width:30%; }
			#user-stats-rating.stars-two span{ width:40%;}
			#user-stats-rating.stars-two-half span{ width:50%; }
			#user-stats-rating.stars-three span{ width:60%; }
			#user-stats-rating.stars-three-half span{ width:70%; }
			#user-stats-rating.stars-four span{ width:80%;}
			#user-stats-rating.stars-four-half span{ width:90%; }
			#user-stats-rating.stars-five span{ width:100%; }
			
			
/*-------------------------------------- Dashboard Navigation ----------------------------------------*/

#dashboard-navigation
{
	clear:both;
	height:32px;
	background:#fff url(../images/dashboard_nav_bg_tile.gif) repeat-x left top;
}
	
	#dashboard-navigation li
	{
		float:left;
	}
	
	#dashboard-navigation li a
	{
		color:#f7f7f7;
		font-size:80%;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		display:block;
		float:left;
		margin-top:5px;
		padding-top:5px;
		height:21px;
		width:71px;
		border-left:1px solid #cacaca;
		border-right:1px solid #909090;
	}
	
		#dashboard-navigation li:nth-child(3) a
		{
			border-right: none;
		}
	
		#dashboard-navigation li a:hover
		{
			color:#fff;
			text-decoration:underline;
		}
		
		#dashboard-navigation li a.active
		{
			cursor:default;
			color:#515151;
			margin-top:0px;
			padding-top:8px;
			height:24px;
			border:none;
			background:#fff url(../images/dashboard_nav_sprite.png) no-repeat left top;
		}
		
		#dashboard-navigation li a.active:hover
		{
			color:#515151;
			text-decoration:none;
		}
	
	#dashboard-navigation #dashboard-ratings-tab
	{
		float:right;
	}
	
	#dashboard-navigation #dashboard-ratings-tab a
	{
		float:right;
		padding-top:0px;
		margin-top:0px;
		width:33px;
		height:32px;
		text-indent:-300em;
		overflow:hidden;
		background:#fff url(../images/dashboard_nav_sprite.png) no-repeat left bottom;
		border:none;
	}
	
		#dashboard-navigation #dashboard-ratings-tab a:hover
		{
			background-position: -33px bottom;
		}
		
		#dashboard-navigation #dashboard-ratings-tab a.active
		{
			cursor:default;
			background-position: right bottom;
		}
			
/*--------------------------------------- Dashboard Global Styles ------------------------------------*/

#dashboard-section-container
{
	background-color: #fafafa;
	border: 1px solid #e1e1e1;
	border-top: 0px;
	min-height: 150px;
	padding: 15px 9px 9px 9px;
}

	#dashboard-content-heading
	{
		background: #fafafa url(../images/dot.gif) repeat-x center;
		height: 33px;
		margin-bottom: 16px;
	}
	
	.module-info
	{
		background-color: #cff0ff;
		clear: both;
		color: #364554;
		font-size: 72%;
		font-weight: bold;
		height: 1%;
		padding: 6px;
		text-align: center;
	}
	
	#dashboard-section-container .table-default td
	{
		font-size: 85%;
		padding: 10px 9px;
	}
	
	#dashboard-section-container .module,
	#dashboard-section-container .module-content
	{
		overflow: visible;
	}
	
	#dashboard-section-container .dashboard-zero-content
	{
		border-top: 1px solid #e7e7e7;
		display: none;
	}
	
		#dashboard-section-container .dashboard-zero-content .module-content
		{
			padding: 6px;
		}
		
			#dashboard-section-container .dashboard-zero-content .module-content .zero-state-message
			{
				padding: 25px;
				position: relative;
				overflow: hidden;
			}
			
			#dashboard-section-container .dashboard-zero-content .module-content .zero-state-message img
			{
				float: left;
				width: auto;
				margin-right: 25px;
			}
			
				#dashboard-section-container .dashboard-zero-content .module-content .zero-state-message img#classes-zero-state-icon
				{
					margin-right: 45px;
					margin-left: 10px;
				}
			
			#dashboard-section-container .dashboard-zero-content .module-content .zero-state-message img.embed
			{
				float: none;
				display: inline-block;
				margin: 0 0 -5px 0;
			}
			
			#dashboard-section-container .dashboard-zero-content .module-content .zero-state-message p
			{	
				float: left;
				width: 500px;
				margin-top: 20px;
			}
	
	#dashboard-loading
	{
		background-color: #7A7A7A;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		height: 75px;
		left: 32%;
		margin-top: 40px;
		opacity: 0.8;
		position: absolute;
		width: 320px;
		z-index: 199;
	}
	
		#dashboard-loading span
		{
			background: transparent url(../images/dashboard_section_loader.gif) no-repeat 34%;
			color: #fff;
			display: block;
			font-size: 100%;
			font-weight: bold;
			padding: 6px 0;
			position: relative;
			text-align: center;
			text-indent: 15px;
			top: 30%;
		}

/*------------------------------------ Dashboard - Activity ------------------------------------------*/

#dashboard-activity
{
	background-color:#fff;
	border:1px solid #e8e8e8;
	border-bottom:2px solid #d8d8d8;
	padding:10px;
}

	#dashboard-activity dl
	{
		color:#353535;
		font-size:80%;
		overflow:hidden;
	}
	
		#dashboard-activity dl span.day-container
		{
			display:block;
			padding-bottom:25px;
		}
		
			#dashboard-activity dl span.day-container:last-child
			{
				padding-bottom:10px;
			}
	
	#dashboard-activity dt
	{
		color:#464646;
		font-size:80%;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	#dashboard-activity dd
	{
		font-size:90%;
		padding-top:6px;
	}
		
	#dashboard-activity li
	{
		border-bottom:1px solid #efefef;
		padding:6px 0;
		text-indent:10px;
		position: relative;
	}

	#dashboard-activity li b
	{
		display:block;
		overflow:hidden;
		text-indent:-200em;
		width:8px;
		height:8px;
		float:left;
		margin-top:3px;
	}
	
		#dashboard-activity li.type-notes b { background-color:#fff94c; }
		#dashboard-activity li.type-points b { background-color:#b5f333; }
		#dashboard-activity li.type-ratings b { background-color:#ffd34c; }
		#dashboard-activity li.type-university b { background-color:#6cbfe2; }

	#dashboard-activity #more-activity-link
	{
		font-size:70%;
		font-weight:bold;
		text-decoration:none;
		color:#858585;
		display:block;
		padding:6px 6px 6px 20px;
		cursor:pointer;
		background:#f6f6f6 url(../images/headerSortDown.gif) no-repeat 6px center;
	}
	
		#dashboard-activity #more-activity-link:hover
		{
			text-decoration:underline;
			color:#565656;
		}
		
		#dashboard-activity #more-activity-link.disabled,
		#dashboard-activity #more-activity-link.disabled:hover
		{
			cursor:default;
			background-image:none;
			color:#f6f6f6;
		}

/*------------------------------------ Dashboard - Classes -------------------------------------------*/
	
	#semester-loading
	{
		position: relative;
		margin: 0 auto;
		top: 20px;
		width: 40px;
		height: 40px;
		background:transparent url(../images/course_browse_loader.gif) no-repeat 43%;
	}
	
	#dashboard-add-class-btn,
	#dashboard-share-notes-btn
	{
		float:right;
		font-size:75%;
	}
	
	#class-list .empty-message
	{
		text-align: center;
		padding-top: 18px;
		color: #6D6D6D;
	}
	
		#class-list .empty-message a
		{
			display: inline-block;
		}
	
	#class-list li
	{
		background-color: #fff;
		margin-top: 12px;
		position: relative;
		border: 1px solid #e8e8e8;
		border-bottom: 2px solid #d8d8d8;
	}
	
		#class-list li:hover,
		#class-list li.hover
		{
			cursor: pointer;
			background-color: #f5fdff;
			border: 1px solid #d8d8d8;
			border-bottom: 2px solid #d8d8d8;
		}
		
		#class-list li:hover h3 a, #class-list li.hover h3 a
		{
			text-decoration:underline;
		}
		
	#class-list h3
	{
		padding:10px 0 0px 10px;
		width:90%;
	}
	
		#class-list h3 a
		{
			text-decoration:none;
		}
	
	#class-list h4
	{
		padding:0 0 10px 10px;
		color:#bec0c1;
		font-size:80%;
		width:90%;
	}
	
	#class-list li:last-child
	{
		margin-bottom:0px;
	}
	
	#class-list .class-controls
	{
		width: 70px;
		height: 28px;
		position: absolute;
		right: -2px;
		top: -3px;
		overflow: hidden;
		display: none;
	}
	
	#class-list li:hover .class-controls, 
	#class-list li.hover .class-controls
	{
		display:block;
	}
	
		#class-list .class-controls a
		{
			display:block;
			float:left;
			width:35px;
			height: 28px;
			text-indent:-200em;
			background:transparent url(../images/dashboard_class_controls_sprite.png) no-repeat left top;
		}
			
			#class-list .class-controls a:hover { background-position:left bottom; }
			#class-list .class-controls a.class-control-invite { background-position:right top; }
			#class-list .class-controls a.class-control-invite:hover { background-position:right bottom; }
	
		#class-list li .class-meta
		{
			background-color:#fbfbfb;
			border-top:1px solid #e8e8e8;
			padding:5px 10px;
		}
	
		#class-list li .class-meta li
		{
			display: inline;
			border:none;
			margin-bottom:0px;
			font-size:70%;
			font-weight:bold;
			color:#848484;
			border-right:1px solid #dadada;
			padding:0 10px 0 17px;
			margin-left:10px;
			background: transparent url(../images/class_meta_icons_sprite.gif) no-repeat 0 2px;
		}
			#class-list li .class-meta li.meta-prof { margin-left:0px; }
			#class-list li .class-meta li.meta-section { background-position:0 -101px; }
			#class-list li .class-meta li.meta-notes { background-position:0 -202px; }
			#class-list li .class-meta li.meta-mates { background-position:0 -303px; border-width:0; }
		
		#class-list li .class-meta li.class-remove-link
		{
			position: absolute;
			right: 9px;
			bottom: 7px;
			border: none;
			display: none;
			padding: 0px;
			background-image: none;
			text-align: right;
			width: 99px;
		}
		
			#class-list li:hover .class-meta li.class-remove-link, 
			#class-list li.hover .class-meta li.class-remove-link
			{
				display:block;
			}
		
		#class-list li .class-meta li.class-remove-link a
		{
			color:#949494;
			font-style:italic;
			font-weight:normal;
		}
		
			#class-list li .class-meta li.class-remove-link a:hover
			{
				text-decoration:none;
				color:#E20000;
			}
/*-------------------------------------- Dashboard - Notes -------------------------------------------*/

#notes-share-queue
{
	margin-bottom: 18px;
	display: none;
}

	#notes-share-queue .module-content
	{
		padding: 10px;
	}
	
	#queue-list
	{
		padding-top: 16px;
		color: #353535;
		font-size: 80%;
	}
	
	#queue-list dt
	{
		color: #717171;
		font-size: 80%;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#queue-list dd
	{
		padding: 6px 0 18px 0;
	}
	
		#queue-list dd:last-child
		{
			padding-bottom: 0;
		}
	
	#queue-list dd li
	{
		font-size: 95%;
		padding: 8px;
		border-bottom: 1px solid #efefef;
		position: relative;
		font-weight: bold;
	}
	
	#queue-list dd li strong a
	{
		color: #353535;
	}
	
		#queue-list dd li strong a:hover
		{
			color: #225476;
		}
	
	#queue-list dd li span
	{
		color: #efefef;
		position: absolute;
		right: 8px;
	}
	
	#queue-list dd li span a
	{
		background: transparent url(../images/sprite_note_queue_icons.gif) no-repeat center 3px;
	}
	
		#queue-list dd li span a.complete
		{
			background-image: none;
		}
	
		#queue-list dd li span a.delete
		{
			display: inline-block;
			text-indent: -300em;
			width: 16px;
			height: 16px;
		}
	
		#queue-list dd li span a.delete:hover
		{
			background-color: #FFDBDB;
		}
		
		#queue-list dd li.note-pending span a
		{
			background-position: left -59px;
			padding-left: 12px;
			color: #636363;
		}
		
			#queue-list dd li.note-pending span a:hover
			{
				color: #225476;
			}
			
		#queue-list dd li.note-error
		{
			background-color: #ffe8e8;
		}
		
		#queue-list dd li.note-error span a
		{
			background-position: left -29px;
			padding-left: 14px;
			color: #b20101;
		}
		
			#queue-list dd li.note-error span a:hover
			{
				color: #353535;
			}
		
/*----------------------------- Dashboard Notes - Share Note Details Modal ---------------------------*/

#notes-shared-container
{
	display: none;
}
	
	#note-filename-parent
	{
		padding-bottom: 12px;
	}
	
		#note-filename-parent a
		{
			font-size: 80%;
		}
	
	#note-semester
	{
		width: 120px;
		margin-right: 8px;
	}
	
	#note-class
	{
		width: 180px;
	}
	
	#note-details-class a
	{
		display: inline-block;
		font-size: 75%;
		padding: 4px 0 0 4px;
	}
	
	#share-note-details input.form-button.large
	{
		width: 126px;
		height: 33px;
		border-width: 0;
	}

/*------------------------------------- Dashboard - Favorites ----------------------------------------*/

#dashboard-saved .module-content
{
	margin-top: 10px;
	border-top: 1px solid #e7e7e7;
}

/* removes extra margin and border in saved zero state */
#dashboard-saved .zero-state
{
	margin-top: 0px;
	border-top: none;
}

	#dashboard-saved .module-info strong
	{
		background: transparent url(../images/sprite_note_icons.png) no-repeat -4px -88px;
		width:12px;
		height:12px;
		display:inline-block;
		text-indent:-300em;
		overflow:hidden;
	}

/*-------------------------------------- Dashboard - Ratings -----------------------------------------*/

#dashboard-ratings .module-content
{
	margin-top: 10px;
	overflow: visible;
}
	
	#dashboard-ratings .content-msg
	{
		background: #fff url(../images/temp/temp_dashboard_ratings_ok.png) no-repeat 16% center;
	}

	.notes-table .rating-col
	{
		width: 100px;
	}
	
	.notes-table .rating-col .rating-confirmation
	{
		display: block;
		position: absolute;
		z-index: 10;
		color: #4c9505;
		width: 100px;
		text-align: center;
	}
	
	.notes-table .dismiss-col
	{
		width: 40px;
		text-align: center;
	}
		
		#dashboard-ratings .notes-table .dismiss-col a
		{
			color: #b0b0b0;
		}
		
		#dashboard-ratings .notes-table .dismiss-col a:hover
		{
			color: #E02A2A;
		}
		
		#dashboard-ratings p.action
		{
			text-align:right;
			font-size:70%;
			padding-right:4px;
		}
		
		#dashboard-ratings #btn-ratings-dismiss-all 
		{ 
			color: #E02A2A; 
		}
		
/*-------------------------------------- Star Rating Controls ----------------------------------------*/

.star-rating,
.star-rating a,
.star-rating .current-rating
{
	background: url(../images/dashboard_ratings_star_sprite.png) repeat-x left -1000px;
}

.star-rating
{
	position:relative;
	width:95px;
	height:17px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left bottom;
}

	.star-rating li
	{
		display: inline;
	}
	
	.star-rating a,
	.star-rating .current-rating
	{
		position:absolute;
		top: 0;
		left: 0;
		text-indent: -1000em;
		height: 17px;
		line-height: 17px;
		overflow: hidden;
	}

		.star-rating a:hover
		{
			background-position: left top;
		}
		
	.star-rating .current-rating
	{
		z-index:1;
		background-position: left center;
	}
	
	.star-rating a.stars-1
	{
		width:20%;
		z-index:6;
	}
	
	.star-rating a.stars-2
	{
		width:40%;
		z-index:5;
	}
	
	.star-rating a.stars-3
	{
		width:60%;
		z-index:4;
	}
	
	.star-rating a.stars-4
	{
		width:80%;
		z-index:3;
	}
	
	.star-rating a.stars-5
	{
		width:100%;
		z-index:2;
	}

/*-------------------------------------- Avatar display/switch ---------------------------------------*/

#content-main #user-avatar-switch
{
	display:block;
	text-decoration:none;
	position:relative;
	overflow:hidden;
}

	#dashboard #user-avatar-switch
	{
		width:71px;
		height:71px;
	}
	
	#profile #user-avatar-switch
	{
		width:132px;
		height:132px;
	}
	
	#user-avatar-switch:hover strong
	{
		display:block;
	}
	
	#user-avatar-switch strong
	{
		display:none;
		position:absolute;
		top: 4px;
		right: 4px;
		padding: 1px 15px 1px 3px;
		font-size: 60%;
		font-weight:normal;
		text-decoration: none;
		background: #FFF url(../images/icon_edit.gif) no-repeat 92% 50%;
		opacity:0.9;
	}
	#user-avatar-switch strong
	{
		top: 10px;
		right: 10px;
	}
	#user-avatar-switch span
	{
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		background: transparent url(../images/user_avatar_overlay_mid.gif) no-repeat top left;
	}
		
	#profile #user-avatar-switch span
	{
		background-image: url(../images/user_avatar_overlay_full.gif);
	}
	.avatar-status 
	{
		position:relative;
		top:-9px;
		display:block;
		width:132px;
		height:28px;
		background:transparent url(../images/user_profile_avatarStatus_sprite.png) no-repeat left top;
	}
	
		.avatar-status span
		{
			display:none;
		}
		
		.avatar-status em
		{
			right:4px;
			top:11px;
			position:absolute;
			text-indent:-100em;
			display:block;
			width:12px;
			height:12px;
			background:transparent url(../images/icon_avatarStatus_info.png) no-repeat top left;
		}
	
		#status-uber.avatar-status { background-position: left top; }
		#status-gold.avatar-status { background-position: -132px top; }
		#status-silver.avatar-status { background-position: -264px top; }
		#status-bronze.avatar-status { background-position: -396px top; }
		#status-author.avatar-status { background-position: -528px top; }
		#status-member.avatar-status { background-position: -660px top; }
		
		#dashboard #dashboard-user-stats li#user-avatar 
		{ 
			width: 75px; 
		}
		
		#dashboard #dashboard-user-stats li 
		{ 
			width: 30%;
		}

/*---------------------------------- Dashboard Interim Callouts --------------------------------------*/

#dashboard-callouts
{
	padding-top:10px;
	clear:both;
}

	#dashboard-callouts ul li a
	{
		color:#9b9b9b;
		font-weight:normal;
		font-size:100%;
		text-decoration:none;
		padding:12px 0;
		display:block;
		border-bottom:1px solid #e4e4e4;
		background:#f4f4f4 url(../images/dashboard_btn_actions_bg_tile.gif) repeat-x top left;
	}

		#dashboard-callouts ul li a strong
		{
			font-size:110%;
			font-weight:bold;
			color:#258ebe;
			background:transparent url(../images/dashboard_btn_actions_icons_sprite.gif) no-repeat 5px top;
			padding-left:34px;
		}

			#dashboard-callouts ul li#callout-invite a strong
			{
				background-position:5px center;
			}

			#dashboard-callouts ul li#callout-university a strong
			{
				background-position:5px bottom;
			}

		#dashboard-callouts ul li#callout-university a
		{
			border:none;
		}

		#dashboard-callouts ul li a:hover
		{
			background-position:bottom left;
			color:#258ebe;
		}

			#dashboard-callouts ul li a:hover strong
			{
				text-decoration:underline;
			}

/*-------------------------------------- Accounts Page -------------------------------------*/
#account .module-header
{
	color: #258EBE;
	font-size: 17px;
	background-image: none;
	margin-bottom: 5px;
}
	#account .module
	{
		clear: none;
		padding: 14px;
		border-bottom: 1px solid #CCC;
		color: #333;
		overflow: visible;
	}
	#account .module div label, 
	#account .module div a { font-weight: bold; }
	#account .module-content
	{
		font-size: 88%;
		border-width: 0;
		background-color: transparent;
		overflow: visible;
	}
		#account .module-content:after
		{
		    display: block;
		    clear: both;
		    content: " ";
		}
		#account .module-content div
		{
			margin-bottom: 4px;
			line-height: 2;
			overflow: visible;
		}
			#account .module-content div label
			{
				float: left;
				width: 100px;
			}
			#account .module-content textarea.inputbox { height: 80px; }
			#account .module-content .error, #account .module-content .error:hover
			{
				border: 1px solid #FF8F8F;
				background-color: #FFF7FB;
				margin: 0;
			}
			#account .module-content div.user-major { margin-top: 3px; }
			#account .module-content .user-major .user-major .inputbox
			{
				width: 96.8%;
				color: #BBB;
			}
			#account .form-status
			{
				font-size: 13px;
				padding: 9px;
				margin-bottom: 9px;
				text-align: center;				
			}
/* Personal Info */
#personal-info
{
	background: #FBFBFB url("../images/note_filters_bg_tile.gif") repeat-x 0 100%;
	border-top: 1px solid #CCC;
}
	#personal-info .inputbox { width: 80%; }
	#personal-info .module-header { font-size: 20px; }
	#personal-info textarea.inputbox { line-height: 1.5; }
	#personal-info div.module-content
	{
		padding-left: 180px;
		border-width: 0;
	}

/* Change your Password */
.change-pw
{
	margin: 30px 0 0 -9px;
	padding: 0 0 12px 9px;
}
	.change-pw h3 span {
		font-size: 15px;
		color: #258EBE;
		cursor: pointer;
		padding: 1px 0 1px 20px;
		background-position: 0 -578px;
	}
	.change-pw h3 span:hover { background-position: -30px -608px; }
	.change-pw div
	{
		display: none;
		margin-top: 4px;
	}
.change-pw-opened
{
	border-top: 1px solid #FDD97D;
	background-color: #FEF8D5;
	margin-top: 29px;
}
.change-pw-opened h3 span, 
.change-pw-opened h3 span:hover { background-position: -30px -648px; }

/* Avatar */
#profile-avatar
{
	
}
#profile-avatar {
	width: 139px;
	position: absolute;
	background-color: #F1F1F1;
	border: 1px solid #E4E4E4;
	padding: 4px 0 0 4px;
}
	#profile-avatar object {
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
		position: absolute;
		top: 4px;
		left: 3px;
		width: 135px;
		height: 156px;
	}
	#profile-avatar strong
	{
		display: none;
		position: absolute;
		top: 8px;
		right: 8px;
		padding: 1px 15px 1px 3px;
		font-size: 60%;
		font-weight: normal;
		text-decoration: none;
		background: #FFF url(../images/icon_edit.gif) no-repeat 92% 50%;
	}
	#profile-avatar:hover strong
	{
		display: block;
	}

/*Personal Details*/
#personal-details .module-content div
{
	float: left;
	width: 50%;
}
	#personal-details .inputbox { width: 60%; }

/* Account Settings Cell*/
#account #account-settings label { width: 180px; }
#account #account-settings .inputbox { width: 30%; }
#account p.email-updates
{
	clear: left;
	padding-top: 9px;
}
#account p.email-updates label {
	font-weight: normal;
	font-size: 13px;
}

.module_left 
{
	float: left;
	width: 28em;
	position: relative;
}

.module_right 
{ 
	margin-left: 29em; 
}

#account .module-content .inputbox 
{
	font-size: 13px;
}
	.module-content .disabled
	{
		border-width: 0;
		background-color: transparent;
		color: #333;
	}

.module-action
{
	text-align: right;
	margin-top: 1px;
	padding: 5px 9px;
}
	.module-action .made-large
	{
		padding: 8px 7px;
	}
	.output
	{
		font-size: 13px;
		position: absolute;
		margin-top: 2px;
		background-repeat: no-repeat;
	}

	.success
	{
		color: #25A324;
		background-image: url(../images/icon_validation_sprite.png);
		padding: 2px 0 2px 23px;
	}

	.user-major { position: relative; }
	.user-major a
	{
		width: 16px;
		height: 16px;
		text-indent: -99999px;
		position: absolute;
		right: 12px;
		top: 6px;
		background-position: -19px -530px;
		outline: 0;
	}
	.user-major a:hover { background-position: -19px -546px; }

	.user-major .user-major { margin-left: 100px; }

	.add-major { background-position: -19px 0; }

	a.remove-major { background-position: 0 -530px; }
	a.remove-major:hover { background-position: 0 -546px; }
	
	#btn-delete-account
	{
		position: absolute;
		left: 9px;
		margin-top: 9px;
		font-size: 11px;
		color: #E02A2A;
	}

/*-------------------------------------- Profile Specific Styles -------------------------------------*/

#start_date 
{ 
	font-size: 60%; 
	position: relative; 
	top: -3px; 
	margin-bottom: -3px; 
}
#profile .global-header 
{ 
	padding: 6px 2px 8px 3px; 
}
	#profile div.user-info-cell 
	{ 
		padding: 0; 
		font-size: 85%; 
		margin-bottom: 1em; 
	}
	#profile .user-info-cell .rating 
	{ 
		width: 110px; 
		background-position: -41px -20px; 
	}
	#profile .user-info-cell .rating span 
	{ 
		background-position: 2px 3px; 
	}
	#profile .user-info-cell .stars-half span { width: 6%; }
	#profile .user-info-cell .stars-one span { width: 9%; }
	#profile .user-info-cell .stars-one-half span { width: 14.5%; }
	#profile .user-info-cell .stars-two span { width: 18%; }
	#profile .user-info-cell .stars-two-half span { width: 22.5%; }
	#profile .user-info-cell .stars-three span { width: 27%; }
	#profile .user-info-cell .stars-three-half span { width: 30.5%; }
	#profile .user-info-cell .stars-four span { width: 36%; }
	#profile .user-info-cell .stars-four-half span { width: 38.5%; }
	#profile .user-info-cell .stars-five span { width: 43%; }
	#profile .module_left 
	{
		width: 132px;
		overflow: hidden;
	}
	#profile .module_right 
	{
		margin-left: 0;
		float: right;
		width: 645px;
	}
	#profile .module_right table 
	{ 
		width: 99%; 
		border-collapse: collapse; 
	}
	#profile .module_right td { font-size: 85%; }
	#profile .module_right td { padding: 6px 7px; }
	#profile .module_right th 
	{
		padding: 4px 7px;
		border-bottom: 1px solid #E1E1E1;
		background-color: #F8F8F8;
		text-align: left;
	}
	#profile td.td_about 
	{
		font-size: 95%;
		width: 350px;
		line-height:1.6em;
		color:#747474;
	}
	.td_about { border-left: 1px solid #E1E1E1; }
	#profile .user-info-cell { border-width: 0; }

	.module-container .module-container { margin-bottom: 7px; }
	.module-container .module-container .table-default th, 
	.module-container .module-container .table-default td 
	{ 
		border: 1px solid #E1E1E1; 
	}
	.module-wrapper .module-wrapper { padding: 0 4px 4px; }
	.module-wrapper .module-wrapper h5 { padding: 0 4px 4px; }
	.module_container_bg_inner { background-image: url(../images/module_container_bg_inner.gif); }
	#profile-notes-table td { font-size:85%; }