/*---------------------------------------------- Reset -----------------------------------------------*/
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
hr { display:none; }
li { list-style:none; }
img { border:none; }

/*---------------------------------------------- Global ----------------------------------------------*/

body
{
	font-family:arial, helvetica, sans-serif;
	font-size:medium;
	background:#f0f0f0 url(../images/body_bg_tile.gif) repeat-x left top;
	color:#747474;
}

a 
{
	color:#2692c0;
}

	a:hover
	{
		text-decoration:none;
	}

/*---------------------------------------------- Header ----------------------------------------------*/

h1
{
	width:780px;
	height:60px;
	padding-top:10px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

	h1 span
	{
		position:absolute;
		display:block;
		width:247px;
		height:49px;
		background:transparent url(../images/branding.gif) no-repeat left center;
	}

/*----------------------------------------- Content Main ---------------------------------------------*/

#content-main
{
	width:850px;
	margin:20px auto 0 auto;
	background:#f0f0f0 url(../images/content_bg_tile.gif) repeat-y center top;
}

#content-main #intro 
{
	width:850px;
	height:93px;
	position:relative;
}
	
	#content-main #intro span
	{
		position:absolute;
		z-index:1;
		display:block;
		width:100%;
		height:100%;
		background:transparent url(../images/bg_components_sprite.gif) no-repeat center top;
	}
	
	#content-main #intro em
	{
		position:absolute;
		z-index:2;
		display:block;
		text-indent:-300em;
		overflow:hidden;
		width:194px;
		height:57px;
		background: transparent url(../images/intro_extra.png) no-repeat center top;
		bottom:-20px;
		right:165px;
	}
	
		.ie-six #content-main #intro em
		{
			background-image: url(../images/intro_extra.gif);
		}
	
/*--------------------------------------------- Tools ------------------------------------------------*/

#tool-list
{
	width:771px;
	margin:0 auto;
	padding:20px 0 10px 0;
}

#tool-list li
{
	width:771px;
	background:#fff url(../images/tool_container_tile.gif) repeat-y center top;
	overflow:hidden;
	position:relative;
	margin-bottom:18px;
}

	#tool-list li:last-child
	{
		margin-bottom:0px;
	}

	#tool-list .tool-layout-wrapper
	{
		width:771px;
		background:transparent url(../images/tool_container_btm.gif) no-repeat center bottom;
		overflow:hidden;
	}
	
	#tool-list .tool-layout-wrapper-inner
	{
		width:772px;
		background:transparent url(../images/bg_components_sprite.gif) no-repeat center -697px;
		overflow:hidden;
	}

	
	#tool-list div.tool-info
	{
		padding:20px 0 0 10px;
		width:128px;
		float:left;
		overflow:hidden;
	}
	
	#tool-list .tool-deliverable
	{
		padding-left:20px;
	}
	
	#tool-list .tool-deliverable strong
	{
		display:block;
		width:88px;
		height:74px;
		text-indent:-300em;
		overflow:hidden;
		background:transparent url(../images/tool_install_text.gif) no-repeat left top;
	}
	
	#tool-list .tool-ff-ext
	{
		margin:14px auto 0 auto;
		display:block;
		width:90%;
		font-size:70%;
		text-decoration:none;
		border: 1px solid #e1e1e1;
		color:#3c668a;
		padding:3px;
		background-color:#fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed), color-stop(0.65, #fff));
	}
	
		#tool-list .tool-ff-ext strong
		{
			padding:0px 0 1px 15px;
			color:#dd3e00;
			background: transparent url(../images/tool_install_browsers_sprite.gif) no-repeat left top;
		}
		
		#tool-list .tool-ff-ext:hover
		{
			border-color:#c9c9c9;
		}
		
		#tool-list .tool-ff-ext:hover strong
		{
			text-decoration:underline;
		}
	
	#tool-list .tool-share-links
	{
		margin-top:15px;
		padding:15px 0 0 3px;
		border-top:1px solid #ececec;
		font-size:60%;
	}
	
		#tool-list .tool-share-links li
		{
			display:block;
			width:99%;
			margin-bottom:6px;
		}
		
		#tool-list .tool-share-links a
		{
			text-decoration:none;
			display:block;
			background:#fff url(../images/icon_sprite_soc_nets.gif) no-repeat 2px 2px;
			padding:2px 2px 2px 20px;
			border:1px solid #ececec;
		}
		
			#tool-list .tool-share-links a:hover
			{
				text-decoration:underline;
				border-color:#ccc;
			}
			
			#tool-list .tool-share-links a.share-facebook
			{
				background-position:2px -26px;
			}
			
	#tool-list .tool-content
	{
		width:565px;
		padding:25px 40px 30px 0;
		float:right;
		font-size:80%;
	}
	
	#tool-list .tool-content h3
	{
		padding-bottom:15px;
		text-indent:-300em;
		overflow:hidden;
		border-bottom:1px solid #eeeeee;
		background-color:#fff;
		background-repeat:no-repeat;
	}
	
	#tool-list .tool-content p
	{
		line-height:1.5em;
		padding:9px 0;
	}
	
	#tool-list .tool-content a.btn-video
	{
		margin-top:15px;
		display:block;
		width:565px;
		height:41px;
		text-indent:-300em;
		overflow:hidden;
		background:transparent url(../images/tool_btn_sprite_video.gif) no-repeat left top;
	}

		#tool-list .tool-content a.btn-video:hover
		{
			background-position:right top;
		}
		
	
	#tool-list .tool-content .tool-type
	{
		width:96px;
		height:29px;
		position:absolute;
		top:8px;
		right:0px;
		overflow:hidden;
		text-indent:-300em;
		background-color:transparent;
		background-image:url(../images/tool_type_sprite.gif);
		background-repeat:no-repeat;
	}

	#tool-list a.tool-icon
	{
		display:block;
		width:90px;
		height:90px;
		overflow:hidden;
		outline:none;
	}

/*---------------------------------------- Tool Installation -----------------------------------------*/
		
	#tool-list .tool-content .tool-installation-trigger
	{
		padding:30px 0 0px 10px;
		background:transparent url(../images/tool_btn_sprite_install_arrow.gif) no-repeat left 90%;
	}
	
	#tool-list .tool-content .tool-installation-trigger.open
	{
		background-position:-9px 90%;
	}
	
	
	#tool-list .tool-content .tool-installation-trigger a
	{
		display:block;
		font-size:105%;
		color:#2692c0;
		text-decoration:none;
		background:#fff url(../images/tool_install_trigger_bg.gif) repeat-x left center;
		outline:none;
	}
	
	#tool-list .tool-content .tool-installation-trigger a span
	{
		background-color:#fff;
		padding:0 2px;
		border-bottom:1px solid #fff;
	}
	
	#tool-list .tool-content .tool-installation-trigger a:hover span
	{
		border-bottom:1px solid #2692c0;
	}	
	
	#tool-list .tool-installation
	{
		padding:15px 0 0px 15px;
		font-size:90%;
		color:#363636;
	}
	
	#tool-list .tool-installation dt
	{
		font-weight:bold;
		background:transparent url(../images/tool_install_browsers_sprite.gif) no-repeat left top;
		overflow:hidden;
		padding-left:16px;
	}
	
		#tool-list .tool-installation dt.install-safari
		{
			background-position:left center;
		}
		
		#tool-list .tool-installation dt.install-ie
		{
			background-position:left bottom;
		}
	
	#tool-list .tool-installation dd
	{
		padding:3px 0 15px 0;
		margin-bottom:15px;
		border-bottom:1px dotted #eee;
	}
	
	#tool-list .tool-installation ol li
	{
		width:auto;
		background-image:none;
		list-style:decimal inside;
		overflow:visible;
		padding:2px 0;
		background-color:transparent;
		margin-bottom:0px;
	}
	
	#tool-list .tool-installation dd p
	{
		padding-bottom:0;
	}
	
/*---------------------------------------- Citation Manager ------------------------------------------*/

#tool-citationManager .tool-content h3
{
	background-image:url(../images/tool_name_citationmanager.gif);
	background-position:left top;
}

/*-------------------------------------------- Link List ---------------------------------------------*/

#tool-linkList .tool-content h3
{
	background-image:url(../images/tool_name_linklist.gif);
	background-position:left top;
}

/*--------------------------------------- Tool Suggestion --------------------------------------------*/

#tool-suggest
{
	margin:0 auto;
	height:135px;
	width:782px;
	padding:20px 0 0 0;
	background:transparent url(../images/bg_components_sprite.gif) no-repeat center -123px;
}

	#suggest-intro
	{
		width:380px;
		float:left;
		padding-left:18px;
	}
	
		#suggest-intro h4
		{
			width:375px;
			height:15px;
			overflow:hidden;
			text-indent:-300em;
			padding:8px 0 10px 0;
			background: transparent url(../images/suggest_intro_title.gif) no-repeat left center;
		}
	
		#suggest-intro p
		{
			width:85%;
			padding:8px 0 0 50px;
			line-height:1.4em;
			font-size:80%;
			color:#4c4c4c;
			background: transparent url(../images/suggest_intro_bulb.gif) no-repeat left center;
		}
		
/*--------------------------------------- Tool Suggest Form ------------------------------------------*/

	#tool-suggest-form fieldset
	{
		width:345px;
		float:right;
		border:none;
		border-left:1px solid #e0e0e0;
		padding:0 10px 0 20px;
		position:relative;
	}
		
		#tool-suggest-form p
		{
			padding-bottom:4px;
		}
		
		#tool-suggest-form label
		{
			display:none;
		}
		
		#tool-suggest-form input
		{
			border:1px solid #d4d4d1;
			color:#353535;
			padding:3px;
			width:154px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		#tool-suggest-form textarea
		{
			font-size:70%;
			color:#353535;
			border:1px solid #d4d4d1;
			padding:3px;
			width:320px;
			height:54px;
			font-family:arial, helvetica, sans-serif;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
			#tool-suggest-form .error
			{
				border-color:#FF8080;
				color:#FF2B2B;
			}
		
		#tool-suggest-form #form-button
		{
			font-size:60%;
			color:#686868;
			text-shadow:1px 1px 1px #fff;
			text-align:center;
			font-weight:bold;
			width:328px;
			cursor:pointer;
			background:#fff url(../images/suggest_form_btn_tile.gif) repeat-x left bottom;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
			#tool-suggest-form #form-button:hover
			{
				border-color:#B1B1A4;
				color:#494949;
			}
		
		#tool-suggest-form #confirmation
		{
			z-index:10;
			position:absolute;
			font-size:70%;
			font-weight:bold;
			padding:4px 8px;
			border:1px solid #32A327;
			background-color:#E2FFDD;
			color:#083800;
			text-align:center;
			width:310px;
			bottom:0px;
			opacity:0.8;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}

/*-------------------------------------------- Tooltip -----------------------------------------------*/

div.tooltip
{
	position:absolute;
	font-size:70%;
	width:263px;
	line-height:1.5em;
	color:#000;
	z-index:99;
}

	div.tooltip p
	{
		padding:15px 15px 0 20px;
		background:transparent url(../images/tooltip_bg_top.png) no-repeat left top;
	}
	
	div.tooltip span
	{
		display:block;
		width:100%;
		height:30px;
		background:transparent url(../images/tooltip_bg_btm.png) no-repeat left bottom;
	}
	
	div.tooltip.exploder p
	{
		background-image:url(../images/tooltip_bg_top.gif);
	}
	
	div.tooltip.exploder span
	{
		background-image:url(../images/tooltip_bg_btm.gif);
	}

/*-------------------------------------------- Footer ------------------------------------------------*/

#footer
{
	width:778px;
	margin:18px auto 0 auto;
	background:#f0f0f0 url(../images/bg_components_sprite.gif) no-repeat center -303px;
	padding:2px 2px 50px 2px;
	overflow:hidden;
}

/*-------------------------------------- Footer Email Updates ----------------------------------------*/

	#footer-email-updates
	{
		width:256px;
		float:left;
	}
	
		#footer-email-updates fieldset
		{
			padding:20px 0px 0 14px;
			border:none;
		}
		
		#footer-email-updates fieldset h4
		{
			background:transparent url(../images/footer_updates_title_bg.gif) no-repeat left top;
			text-indent:-300em;
			padding-bottom:6px;
			border-bottom:1px solid #eeeeee;
		}
		
		#footer-email-updates fieldset p
		{
			padding:6px 4px 4px 4px;
			font-size:72%;
			line-height:1.5em;
		}
		
		#footer-email-updates fieldset span
		{
			font-size:60%;
			padding-left:10px;
		}
			
			#footer-email-updates fieldset span.error
			{
				color:red;
			}
			
			#footer-email-updates fieldset span.confirm
			{
				color:green;
			}
		
		#footer-email-updates fieldset label
		{
			display:none;
		}
		
		#footer-email-updates fieldset input
		{
			background:transparent url(../images/footer_updates_input_sprite.gif) no-repeat left top;
		}
		
		#footer-email-updates fieldset #emailAddress
		{
			width:192px;
			height:19px;
			padding:6px 4px 4px 12px;
			border:none;
			color: #B3B3B3; 
			font-style: italic;
			outline:none;
		}
		
		#footer-email-updates fieldset #emailAddress.active
		{
			color:#363636;
			font-style:normal;
		}
		
			#footer-email-updates fieldset #emailAddress:focus
			{
				background-position:left bottom;
			}
			
		#footer-email-updates fieldset #submit
		{
			position:relative;
			right:4px;
			vertical-align:bottom;
			border:none;
			font-size:1%;
			line-height:1px;
			color:#fff;
			height:29px;
			width:29px;
			background-position:top right;
		}
		
			#footer-email-updates fieldset #submit:hover
			{
				cursor:pointer;
				background-position:bottom right;
			}
			
/*------------------------------------------- Footer Signup ------------------------------------------*/	

	#footer-signup
	{
		width:463px;
		height:141px;
		padding:20px 20px 0 20px;
		float:right;
		overflow:hidden;
		color:#fff;
		font-size:85%;
	}
	
		#footer-signup h4
		{
			background:transparent url(../images/footer_signup_title_bg.gif) no-repeat left top;
			text-indent:-300em;
			padding-bottom:10px;
		}
		
		#footer-signup p
		{
			float:left;
			width:52%;
		}
		
		#footer-signup div
		{
			padding-top:15px;
			background:transparent url(../images/footer_signup_divider_tile.gif) repeat-x left top;
		}
		
		#footer-signup a
		{
			display:block;
			width:219px;
			height:51px;
			overflow:hidden;
			text-indent:-300em;
			background:transparent url(../images/btn_sprite_join.gif) no-repeat left top;
			float:right;
		}
		
			#footer-signup a:hover
			{
				background-position:right top;
			}

/*-------------------------------------------- Footer Meta -------------------------------------------*/
	
	#footer-meta
	{
		clear:both;
		padding:10px;
	}
	
		#footer-meta li
		{
			width:50%;
			float:left;
		}
	
		#footer-meta li a
		{
			display:block;
			overflow:hidden;
			text-indent:-300em;
			background:transparent url(../images/footer_links_sprite.gif) no-repeat left top;
		}
		
		#footer-meta li #link-gradeguru
		{
			height:21px;
			width:220px;
		}
		
			#footer-meta li #link-gradeguru:hover
			{
				background-position:right top;
			}
		
		#footer-meta li #link-twitter
		{
			margin-top:6px;
			float:right;
			height:15px;
			width:145px;
			background-position:left bottom;
		}
		
			#footer-meta li #link-twitter:hover
			{
				background-position:right bottom;
			}