/*----------------------------------------------- Note Page ------------------------------------------*/

#note .module-wrapper, 
#note .module-container 
{ 
	overflow: visible;
}

#note .module-wrapper:after,
#note .module-container:after,
#note-overview:after,
#note-control-bar:after,
#note-details:after
{
    display: block;
    clear: left;
    content: " ";
}
#note .module 
{ 
	margin-top: 9px; 
}

#note .module-left 
{ 
	float: left; 
	width: 61%; 
}

#note .module-right 
{ 
	margin-left: 62%; 
}

#note .module-content 
{ 
	padding: 7px; 
	font-size: 11px; 
}

/*--------------------------------------------- Note - User Avatar -----------------------------------*/

#note .user-avatar 
{ 
	float: left;
}

	#note .user-avatar span 
	{
		background-image: url(../images/user_avatar_overlay_sml.gif);
		width: 41px;
		height: 41px;
		display: block;
		position: absolute;
	}
	
	#note .user-avatar img 
	{ 
		vertical-align: middle; 
	}

/*----------------------------------------------- Note Overview --------------------------------------*/

#note-overview
{
	font-size: 11px;
	position: relative;
	background: transparent url(../images/forms_fb_opt_divider.gif) repeat-x 50% 35%;
	padding-bottom: 8px;
	height: 1%;
	overflow: visible;
}

/*------------------------------------------ Note Overview - Owner -----------------------------------*/

#note-owner
{ 
	background-color: #FBFBFB; 
	float: left; 
	padding-right: 9px;
	font-weight: bold;
}
	
	#note-owner a 
	{ 
		font-size: 15px;
	}
	
	#note-owner .user-avatar 
	{
		width: 41px;
		float: left;
		margin-right: 9px;
	}

	#note-owner .star-rating 
	{
		font-size: 12px;
		padding: 1px 0 1px 22px;
		margin-left: 49px;
		background-image: url(../images/user_status_icons_sprite_med.gif);
		background-repeat: no-repeat;
		width: auto;
		height: auto;
		display: block;
		overflow: visible;
	}
	
	#note-owner span.status-uber { background-position: 0 -1px; }
	#note-owner span.status-gold { background-position: 0 -50px; }
	#note-owner span.status-silver { background-position: 0 -99px; }
	#note-owner span.status-bronze { background-position: 0 -148px; }
	#note-owner span.status-author { background-position: 0 -197px; }
	#note-owner span.status-member { background-position: 0 -246px; }

/*------------------------------------------ Note Overview - Rating ----------------------------------*/

#note-rating-container 
{
	float: right;
	padding: 3px 10px 0 10px;
	background-color: #FBFBFB;
	width: 244px;
}
	
	#note-rating-container label 
	{
		font-weight: bold;
		font-size:120%;
		padding:6px 8px 0 0;
		display:block;
		float:left;
	}
	
	#note-rating-container .star-rating,
	#note-rating-container .star-rating a,
	#note-rating-container .star-rating .current-rating
	{
		background: url(../images/dashboard_ratings_star_sprite_large.png) repeat-x left -1000px;
	}

	#note-rating-container .star-rating
	{
		float:right;
		width:135px;
		height:26px;
		background-position: left bottom;
	}

		#note-rating-container .star-rating a,
		#note-rating-container .star-rating .current-rating
		{
			height:26px;
			line-height:27px;
		}
		
		#note-rating-container .star-rating a:hover
		{
			background-position: left top;
		}
		
	#note-rating-container .star-rating .current-rating
	{
		background-position: left center;
	}

/*------------------------------------------ Note Content Container ----------------------------------*/

#note-content-container 
{
	border: 1px solid #E7E7E7;
	padding: 1px;
	font-size: 11px; 
}

/*--------------------------------------------- Note Details -----------------------------------------*/

#note-details 
{
	background: #F1F8FD url(../images/bg_note_details.png) repeat-x bottom;
	margin: 0 -7px 9px;
	border-top: 2px solid #DADFE3;
	font-size: 11px;
}
	
	#note-details a 
	{ 
		text-decoration: underline; 
	}
	
	#note-details p 
	{ 
		margin-bottom: 7px; 
	}
	
		#note-details p strong 
		{ 
			float: left; 
			width: 7em; 
		}
	
	#note-details dl
	{
		padding: 13px 12px 13px 100px; 
	}
	
		#note-details dt
		{
			position: absolute;
			left: 0;
			margin-left: 24px;
			font-size: 9px;
			color: #FFF;
			width: 60px;
			text-align: center;
			line-height: 16px;
			font-weight: bold;
			background: #6AA6C7 url(../images/bg_note_details_flag.png) repeat-x 0 100%;
		}
		
		#note-details dd 
		{ 
			min-height: 59px; 
		}
		
			dd.col-left 
			{
				float: left;
				width: 279px;
				border-right: 1px solid #CBCBCB;
				color: #626262;
			}
			
			dd.col-right 
			{
				margin-left: 280px;
				border-left: 1px solid #FFF;
				padding-left: 20px;
			}
	
/*-------------------------------------------- Note Control Bar --------------------------------------*/

#note-control-bar 
{
	padding-left: 5px;
	background: #F9F9F9 url(../images/bg_control_bar.png) repeat-x bottom;
	position: relative;
	border-bottom: 1px solid #FFF;
	height: 1%;
}

	#note-control-bar li 
	{
		float: left;
		border-right: 1px solid #BABABA;
		border-left: 1px solid #FFF;
		font-size: 11px;
	}
	
		#note-control-bar li:hover, 
		#note-control-bar .active 
		{ 
			background-color: #f0f0f0;
		}
		
		#note-control-bar li li:hover { background-color: transparent; }

	#note-control-bar a
	{ 
		padding: 0 20px 0 26px;
		color: #606060; 
		font-weight: bold;
		display: block;
		text-align: center;
		text-decoration: none;
		background: transparent url(../images/sprite_note_icons.png) no-repeat;
		line-height: 32px;
	}
	
		#note-control-bar a:hover 
		{ 
			color: #444444;
		}

/*------------------------------------------ Note Control Bar - Note URL -----------------------------*/

li#control-link
{ 
	border-left: 0;
}
	
	li#control-link:hover
	{ 
		background-image: none; 
		background-color: transparent;
	}
	
	li#control-link label
	{
		display: block;
		line-height: 32px;
		padding: 0 9px 0 21px;
		background: transparent url(../images/sprite_note_icons.png) no-repeat 0px 11px;
	}
	
	li#control-link input 
	{ 
		width: 145px; 
		border: 1px solid #bababa;
		border-right-color: #fff;
		border-bottom-color: #fff;
		padding: 4px;
	}
	
/*------------------------------------------- Note Control Bar - Share -------------------------------*/

#control-share
{
	position:relative;
}

	#control-share a 
	{ 
		background-position: 8px -19px;
	}
	
	#control-share .bubble 
	{
		display:none;
		top: -50px;
		left: -15px;
		width: 108px;
		
		background: transparent url(../images/balloon_share.png) no-repeat 0 0;
		line-height: 52px;
		padding: 3px 0 10px 3px;
		position: absolute;
	}
	
		#control-share .bubble img 
		{ 
			vertical-align: middle; 
		}
	
		#control-share .bubble span 
		{ 
			background-image: none; 
		}
	
		#control-share .bubble li 
		{
			text-indent: -99999px;
			border-left-width: 0;
			padding-right: 0;
		}
		
		#control-share .bubble li:hover
		{
			background-color: #F5F5F5;
		}
	
	#control-share .bubble a 
	{
		padding: 0;
		width: 34px;
		height: 39px;
	}
	
		#bubble-email a
		{ 
			background-position: 8px -198px; 
		}
	
		li#bubble-facebook 
		{ 
			border-right: 0;
		}
		
		#bubble-twitter a 
		{ 
			background-position: 8px -226px; 
		}
		
		#bubble-facebook a 
		{ 
			background-position: 6px -257px; 
		}
		
/*-------------------------------------------- Note Control Bar - Cite -------------------------------*/	

	#control-cite .bubble 
	{
		display:none;
		padding-right: 0;
		width: 267px;
		line-height: 1;
		text-align: left;
		top: -119px;
		padding-bottom: 7px;
		background: transparent url(../images/balloon_cite.png) no-repeat 0 100%; 
		position: absolute;
	}
	
	#control-cite a 
	{ 
		background-position: 9px -49px; 
	}
	
	.bubble-inner 
	{ 
		padding: 0 3px 5px; 
		background: transparent url(../images/balloon_cite.png) no-repeat 100% 0; 
	}
	
	.bubble-inner-inner 
	{ 
		padding: 8px 5px 4px;
	}
	
	.bubble-cell 
	{ 
		border: 1px solid #E1E1E1; 
		padding: 4px; 
		background-color: #FFF; 
	}
	
	#cite-content 
	{ 
		font-size: 10px; 
	}
	
		#cite-content h5 
		{ 
			color: #353535; 
			font-size: 12px; 
		}
		
		#cite-content p 
		{ 
			margin: 2px 0; 
		}
		
		#cite-content a 
		{
			color: #258EBE;
			font-weight: normal;
			font-style: italic;
			background-image: none;
			text-align: left;
			padding: 0;
			line-height: 1;
		}
	
	#cite-settings 
	{
		text-align: right;
		overflow: visible;
		padding: 9px 0 4px;
		position: relative;
	}
		
		#cite-settings li 
		{
			float: none;
			border-width: 0;
			background-image: none; 
		}
		
		#cite-settings a 
		{ 
			display: inline; 
			padding: 0; 
			background-image: none; 
			line-height: 1;
		}
		
		#cite-style 
		{ 
			position: absolute; 
			left: 0; 
		}
		
			#cite-style li 
			{ 
				border: 0; 
			}
			
			#cite-style a 
			{ 
				color: #258EBE; 
				font-weight: normal; 
				padding: 0; 
			}
			
			#cite-style > a 
			{
				background: transparent url(../images/img_down_arrow.png) no-repeat 100% 5px;
				padding: 0 12px 0 0;
				display: inline;
			}
			
			#cite-style-menu 
			{
				position: absolute;
				left: 0;
				top: 9px;
				width: 65px;
				text-align: left;
				background-color: #FBFCFE;
				border: 1px solid #C3C2C0;
				display: none;
				margin-top: 3px;
				margin-left: -1px;
			}
			
			#cite-style-menu li 
			{ 
				display: block; 
				padding: 0; 
			}
			
			ul#cite-style-menu a 
			{
				padding: 3px 5px;
				display: block;
				background-image: none;
			}
			
	#cite-footer 
	{
		font-size: 10px;
		border-width: 1px 0 0;
		background: #3CA2C5 url(../images/bg_bubble_footer.png) repeat-x bottom;
		text-align: right;
		color: #FFF;
	}		
	
		#cite-footer img 
		{ 
			vertical-align: middle; 
		}
		
		#cite-footer a 
		{
			padding: 0;
			line-height: 1;
			display: inline;
			background-image: none;
		}

/*------------------------------------- Note Control Bar - Basic buttons -----------------------------*/

#control-save a 
{ 
	background-position: 4px -79px; 
}

	#control-save.user-saved
	{
		background-color: #f0f0f0;
	}
	
		#control-save.user-saved a
		{
			color: #6f6f6f;
			background-position: 4px -109px;
		}
		
		#control-save.user-saved a:hover
		{
			color: #444444;
		}

#control-download a 
{ 
	background-position: 5px -139px;
}

li#control-fullscreen 
{
	position: absolute;
	right: 0;
	text-indent: -9999px;
	border-left-color: #CBCBCB;
	border-right-width: 0;
}

	#control-fullscreen a 
	{
		line-height: 0;
		padding: 0;
		background-position: 9px -170px;
		width: 34px;
		height: 32px;
	}

#note-download-btn-container 
{
	padding: 3px;
	background-color: #EBF7FC;
}

	#note-download-btn-container a 
	{ 
		font-size: 10.5px; 
	}

/*-------------------------------------------- Note Feedback -----------------------------------------*/

#note-feedback li
{
	padding-bottom:6px;
}

	.feedback-content, 
	.feedback-content-inner 
	{ 
		background-image: url(../images/user-content.png); 
	}

	.feedback-content 
	{
		width: 405px;
		background-color: #FAFAFA;
		margin: 4px 0 4px 50px;
	}
	
		li.note-owner-feedback .feedback-content 
		{ 
			background-color: #E9F9FF; 
		}

		.feedback-content h5, 
		.feedback-content p 
		{ 
			margin-bottom: 8px;
		}

			.feedback-content h5 em 
			{ 
				font-weight: normal; 
			}

		.feedback-content p 
		{ 
			color: #363636; 
		}

		.feedback-content-inner 
		{ 
			padding: 10px 14px 5px 14px; 
			background-position: 100% 100%;
		}

/*------------------------------------------ Note Feedback Form --------------------------------------*/

#feedback-form-container 
{ 
	background-color: #FEFFE8; 
}

	#leave-feedback-form .error
	{
		border-color: #FF8F8F;
		background-color: #FFF7FB;
	}
	
	#leave-feedback-form label 
	{ 
		font-weight: bold; 
	}
	
	#leave-feedback-form textarea
	{
		width: 371px;
		border: 1px solid #CACACA;
		padding: 4px;
		color: #5A5A5A;
		font-size: 12px;
	}
	
	#leave-feedback-form .button
	{
		width: 382px;
	}

/*-------------------------------------------- Similar Notes -----------------------------------------*/

#similar-notes .module-content li 
{ 
	background: transparent url(../images/bg_similar_notes.png) repeat-x 0 100%; 
}

#similar-notes .module-content a
{
	background: transparent url(../images/sprite_note_icons.png) no-repeat;
	border-bottom: 1px solid #E8E8E8;
	padding: 14px 9px 14px 40px;
	display: block;
	font-weight: bold;
	font-size: 14px;
}
	
	#similar-notes #notes-from-user a { background-position: 12px -334px; }
	#similar-notes #notes-from-class a { background-position: 12px -399px; }
	#similar-notes #notes-from-book a { background-position: 12px -461px; }
	#similar-notes #notes-from-university a { background-position: 12px -524px; }
	
	#similar-notes .module-content a span 
	{
		color: #939393;
		font-style: italic;
		display: block;
		font-weight: normal;
		font-size: 11px;
	}

#share-to
{
	font-size: 72%;
}