/*---------------------------------------------- Reset -----------------------------------------------*/

* { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, textarea { font-size: 100%; }
a {
	cursor: pointer;
	color: #258ebe;
	text-decoration: none;
}
a:hover { color: #225476; }
li { list-style: none;}
hr, .hidden { display: none; }
img { border: none; }
td { vertical-align: top; }

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

html
{
	background-color: #e8e8e8;
}

body, textarea
{
	font-size: medium;
	font-family: arial, helvetica, sans-serif;
	color: #939393;
	background-color: #fff;
}

#layout-content
{
	background-color: #fff;
	border-top: 2px solid #3797c3;
	padding-top: 22px;
}

.layout-positioned-content
{
	width: 960px;
	margin: 0 auto;
}

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

#header
{
	width: 960px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
	padding: 13px 0;
	background-color: #fff;
	position: relative;
}

	h1, h1 a
	{
		background-image: url(../../template4/images/branding_sprite.png);
		background-repeat: no-repeat;
	}

	h1
	{
		width: 341px;
		float: left;
		background-position: 100% -100px;
	}
	
	h1 a
	{
		width: 165px;
		height: 50px;
		display: block;
		text-indent: -3000em;
		text-decoration: none;
	}
	
		h1 a:hover
		{
			background-position: 0 -50px;
		}

/*----------------------------------------- Navigation main ------------------------------------------*/

#navigation-main
{
	float: right;
	font-size: 80%;
	color: #1c72ae;
	position: absolute;
	right: 0;
}
	
	#navigation-main li
	{
		float: left;
		padding-right: 2px;
	}
	
		#navigation-main li:last-child
		{
			padding-right: 0px;
		}
	
	#navigation-main li a
	{
		color: #1c72ae;
		text-decoration: underline;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: 1px center;
		padding: 0 6px 0 14px;
		cursor: pointer;
	}
		
		#navigation-main li:last-child a
		{
			padding-right: 0px;
		}
	
	/** TODO: These images need to change to a sprite **/
	#nav-home a
	{
		background-image: url(../../template4/images/nav_icon_home.gif);
	}
	#nav-facebook a
	{
		background-image: url(../../template4/images/nav_icon_facebook.gif);
	}
	#nav-login a
	{
		background-image: url(../../template4/images/nav_icon_login.gif);
	}
	#nav-signup a
	{
		background-image: url(../../template4/images/nav_icon_signup.gif);
	}
	
	#navigation-main li#nav-dashboard a,
	#navigation-main li#nav-inbox a
	{
		padding: 0 6px 0 6px;
	}
	
	#nav-dashboard a span
	{
		color: #626262;
	}
	
	#nav-share a
	{
		background-image: url(../../template4/images/nav_icon_share.gif);
	}
	
	#navigation-main li#nav-logout a
	{
		color: #a6a6a6;
		font-size: 85%;
		padding: 0 0px 0 4px;
	}
	
		#navigation-main li a:hover, #navigation-main li a.active
		{
			text-decoration: none;
		}
			
			#navigation-main li a.active
			{
				cursor: default;
			}
		
	#nav-search
	{
		padding-left: 4px;
	}
	
	#nav-search-form fieldset
	{
		border: 1px solid #dadada;
		float: left;
		width: 160px;
		height: 23px;
		top: -3px;
		position: relative;
	}
	
		#nav-search-field
		{
			color: #a6a6a6;
			font-style: italic;
			border-top: none;
			border-left: none;
			border-bottom: none;
			width: 130px;
			height: 19px;
			padding: 2px;
			background: #fff url(../../template4/images/nav_find_bg.gif) repeat-x top left;
			float: left;
		}
		
		#nav-search-field.active
		{
			font-style: normal;
			color: #353535;
		}
		
		#nav-search-button
		{
			float: right;
			padding-top: 23px;
			width: 23px;
			height: 23px;
			background: transparent url(../../template4/images/nav_find_button_sprite.gif) no-repeat top left;
			border: none;
			overflow: hidden;
			cursor: pointer;
		}
			
			#nav-search-button:hover
			{
				background-position: top right;
			}
				
/*--------------------------------------------- Content ----------------------------------------------*/

#content
{
	width: 960px;
	margin: 0 auto;
}

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

	#content-main
	{
		float: left;
		width: 789px;
		overflow: visible;
		padding-right: 3px;
		padding-bottom: 14px;
		position: relative;
	}
	
/*------------------------------------- Content Secondary --------------------------------------------*/	

	#content-secondary
	{
		float: right;
		width: 164px;
	}
	
/*------------------------------------- Skyscraper Banner --------------------------------------------*/

#skyscrapper-banner 
{
    height: 600px;
    width: 160px;
    background: #efefef;
    text-align: center;
	font-size: 70%;
	color: #353535;
}
	
/*---------------------------------------- Twitter Status --------------------------------------------*/

p#twitter-status
{
	clear: both;
	font-size: 72%;
	color: #575757;
	background: transparent url(../../template4/images/sprite_home.png) no-repeat 6px -833px;
	padding: 0px 37px 14px 0;
	text-align: right;
	position: relative;
	top: 3px;
}
	p#twitter-status em
	{
		color: #8D8D8D;
	}
	
/*--------------------------------------------- Footer -----------------------------------------------*/

#layout-footer
{
	clear: both;
	background: #e8e8e8 url(../../template4/images/footer_bg_tile.gif) repeat-x top left;
}

	#footer
	{
		width: 960px;
		margin: 0 auto;
		font-size: 80%;
		padding: 20px 0 30px 0;
		overflow: hidden;
	}
	
/*-------------------------------------- Country Switcher --------------------------------------------*/
	
	#country-switcher
	{
		float: left;
		width: 28px;
		padding-right: 15px;
		border-right: 1px solid #bebebe;
	}
	
		#country-switcher li
		{
			padding: 3px 0;
		}
		
		#country-switcher li a
		{
			display: block;
			width: 26px;
			height: 17px;
			border: 1px solid #cbcbcb;
			background-color: #fff;
			background-repeat: no-repeat;
			background-position: center;
			text-indent: -1000em;
			overflow: hidden;
		}
			
			#country-switcher li a:hover
			{
				border-color: #1c72ae;
			}
			
			/** TODO: Change this to a sprite **/
			#country-us
			{
				background-image: url(../../template4/images/icon_flag_us.png);
			}
			
			#country-uk
			{
				background-image: url(../../template4/images/icon_flag_uk.png);
			}


/*------------------------------------ Navigation Secondary ------------------------------------------*/
	
	#navigation-secondary
	{
		color: #1a6eab;
		font-size: 90%;
		overflow: hidden;
		border-left: 1px solid #fff;
		padding: 0 0 0 15px;
		float: left;
		width: 635px;
	}
		#navigation-secondary li
		{
			padding: 5px 0;
			overflow: hidden;
		}
		
		#navigation-secondary li h4
		{
			float: left;
			color: #5d5d5d;
			padding: 0 0px 0px 0;
		}
		
		#navigation-secondary li ul
		{
			float: left;
		}
		
		#navigation-secondary li ul li
		{
			display: inline;
			padding: 0px 0;
		}
		
		#navigation-secondary li a
		{
			color: #1a6eab;
			text-decoration: none;
			padding: 0 6px;
		}
		
			#navigation-secondary li a:hover
			{
				color: #1c72ae;
				text-decoration: underline;
			}

/*------------------------------------------ Site Meta -----------------------------------------------*/	
	
	#meta-footer
	{
		float: right;
		width: 200px;
		overflow: hidden;
	}
		
		#meta-footer li
		{
			float: left;
		}
		
		#meta-footer #logo-turnitin
		{
			border-right: 1px solid #bebebe;
			padding-right: 14px;
		}
		
		#meta-footer #logo-mcgraw-hill
		{
			padding-left: 14px;
			border-left: 1px solid #fff;
		}
		
		#meta-footer li a
		{
			display: block;
			height: 48px;
			float: left;
			background-color: #e8e8e8;
			background-repeat: no-repeat;
			background-position: center center;
			overflow: hidden;
			text-indent: -1000em;
			text-decoration: none;
		}
		
		#meta-footer #logo-turnitin a
		{
			width: 62px;
			background-image: url(../../template4/images/logo_turnitin.gif);
		}
		
		#meta-footer #logo-mcgraw-hill a
		{
			width: 96px;
			background-image: url(../../template4/images/logo_mcgraw-hill.gif);
		}
		
/*-------------------------------------- Content modules ---------------------------------------------*/	
	
.module-container
{
	clear: both;
	overflow: hidden;
	background: transparent url(../../template4/images/module_container_bg.gif) no-repeat top left;
	margin-bottom: 1em;
	padding-top: 10px;
}
	
	h3.module-container-title
	{
		color: #258ebe;
		padding: 0px 14px 10px 14px;
		font-size: 105%;
	}
	
	.module-wrapper
	{
		background-color: #fbfbfb;
		border: 1px solid #dcdcdc;
		border-top: none;
		overflow: hidden;
		padding: 0 7px 7px 7px;
	}
	
	.module
	{
		overflow: hidden;
		clear: both;
	}
	
	.module-header, .module-header h4,
	.module-header a, .module-header strong, .module-header span, 
	.button span, 
	input.form-button,
	.view-control a,
	.user_major a
	{
		background-image: url(../../template4/images/sprite_core.png);
		background-repeat: no-repeat;
	}
	.module-header
	{
		font-size: 95%;
		color: #FFF;
		background-position: 100% -25px;
		padding-right: 5px;
		position: relative;
	}
		.module-header h4
		{
			background-position: 0 0;
			padding: 4px 7px 2px;
		}
		.module-header a
		{
			position: absolute;
			top: 3px;
			right: 4px;
			background-position: 100% -118px;
			padding-right: 9px;
			font-size: 65%;
			color: #5A5A5A;
		}
			.module-header a:hover { background-position: 100% -154px; }
			.module-header a:hover strong { background-position: 0 -136px; }
			.module-header strong
			{
				background-position: 0 -100px;
				line-height: 18px;
				padding-left: 7px;
				display: block;
			}
			.module-header span
			{
				background-position: 0 -175px;
				padding-left: 16px;
			}

	/*	Blue header*/
	.header-alt { background-position: 100% -75px; }
	.header-alt h4 { background-position: 0 -50px; }
	
	.module-content
	{
		background-color: #fff;
		border: 1px solid #e7e7e7;
		border-bottom: 2px solid #d8d8d8;
		border-top: none;
		overflow: hidden;
		padding: 1px;
		height: 100%;
	}

/*------------------------------- Guru link w/status, name, img --------------------------------------*/
	
#content-main a.guru-tab
{
	display: block;
	border: 1px solid #e4e4e4;
	background: #fff url(../../template4/images/guru_tab_bg_tile.gif) repeat-x top left;
	font-size: 10px;
	overflow: hidden;
	text-decoration: none;
	padding: 3px;
	min-width: 110px;
}
	
	#content-main a.guru-tab:hover
	{
		border: 1px solid #9e9e9e;
	}
	
	#content-main a.guru-tab img
	{
		border: 1px solid #2d92c0;
		float: left;
		margin-right: 4px;
	}
	
	#content-main a.guru-tab span
	{
		font-size: 80%;
		padding-left: 40px;
		display: block;
		color: #676767;
		background: transparent url(../../template4/images/contributor_status_sprite.png) no-repeat 28px 2px;
		position: relative;
	}

		#content-main a.guru-tab span.status-uber { background-position: 29px 2px; }
		#content-main a.guru-tab span.status-gold { background-position: 29px -45px; }
		#content-main a.guru-tab span.status-silver { background-position: 29px -92px; }
		#content-main a.guru-tab span.status-bronze { background-position: 29px -138px; }
		#content-main a.guru-tab span.status-author { background-position: 29px -184px; }
		#content-main a.guru-tab span.status-member { background-position: 29px -230px; }
		
/*------------------------------- Common buttons, controls, etc --------------------------------------*/

	/*	Global button */	
	.button, .button:hover { color:#6E6E6E; }
	.button
	{
		border: 1px solid #C0C0C0;
		color: #DDD;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 5px 9px;
		background-image: url(../../template4/images/btn_bg.png);
		background-repeat: repeat-x;
		background-color: #FFF;
		text-decoration: none;
		color: #5A5A5A;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
	}
	.button:hover { background-position: 0 -26px; }
	.button span { background-position: 0 -172px; padding-left: 16px; }

	/*	Large Button */
	.made-large { background-position: 0 4px; padding: 8px 7px 8px 3px; }

	.made-large:hover strong { background-position: 0 -400px; }
	.made-large span { padding: 1px 0 1px 26px; }
	
	/*	Header button icons */
	#content-main .invite-classmates-icon span { background-position: 0 -194px; }
	#content-main .share-notes-icon span { background-position: 2px -209px; }
	#content-main .leave-feedback-icon span { background-position: 2px -224px; }

	/*	Large button Icons*/
	#content-main .made-large.invite-classmates-icon span { background-position: 1px -302px; }
	#content-main .made-large.share-notes-icon span { background-position: 4px -346px; }
	#content-main .made-large.add-a-class-icon span { background-position: 3px -439px; }
	#content-main .made-large.download-notice-icon span { background-position: 100px -545px; }
	#content-main .made-large.join-class-icon span { background-position: 2px -302px; }

	.edit-account-icon {
		padding: 0 5px;
		font-size: 10px;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
	}
	.edit-account-icon span { background-position: 2px -239px; }

	.join-class-icon span { background-position: 2px -439px; }

	.download-notice-icon span { padding-left: 0; }
	.download-notice-icon strong { padding: 0; text-align: center; }

#content-main .content-msg
{
	text-align: center;
	color: #515151;
	padding: 4px;
	font-size: 80%;
	font-weight: bold;
}

#preloader-inline
{
	width: 88px;
	height: 11px;
	display: block;
	background: transparent url(../../template4/images/preloader_inline_fountain.gif) no-repeat top left;
}

/*------------------------------------------------ Infotip -------------------------------------------*/
	
#infotip
{
	position: absolute;
	z-index: 100;
	text-align: center;
}

	.infotip-content
	{
		overflow: hidden;
	}

	.infotip-leftcap,
	.infotip-rightcap,
	.infotip-text,
	.infotip-tip
	{
		background: transparent url(../../template4/images/infotip_bg_sprite.png) no-repeat top left;
	}

	.infotip-leftcap,
	.infotip-rightcap
	{
		float: left;
		width: 3px;
		height: 14px;
	}
	
	.infotip-rightcap
	{
		float: right;
		background-position: left -14px;
	}
	
	.infotip-text
	{
		float: left;
		font-size: 10px;
		height: 14px;
		color: #fff;
		text-shadow: #353535 1px 1px 1px;
		background-repeat: repeat-x;
		background-position: left -28px;
		padding: 0 2px;
	}
	
	.infotip-tip
	{
		width: 100%;
		height: 4px;
		background-position: center -42px;
	}
	
/*----------------------------------------- Top of page Info banner ----------------------------------*/

#page-info-banner
{
	font-weight: bold;
	border: 1px solid #505050;
	font-size: 80%;
	color: #2d2d2d;
	font-weight: normal;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	width: 99.9%;
	clear: both;
}

	#page-info-banner a#btn-dismiss
	{
		cursor: pointer;
		float: right;
		display: block;
		text-align: center;
		color: #505050;
		text-decoration: none;
		font-weight: bold;
		position: relative;
		top: 2px;
		right: 4px;
	}
	
		#page-info-banner a#btn-dismiss:hover
		{
			color: #222222;
		}
	
	#page-info-banner p
	{
		padding: 12px 0px 12px 10px;
		float: left;
		width: 90%;
	}
	
	#page-info-banner.info
	{
		border-color: #2e86ae;
		background-color: #e5f2f8;
	}

		#page-info-banner.info p
		{	
			background-position: 2px 30%;
		}
	
	#page-info-banner.error
	{
		border-color: #cb1911;
		background-color: #fae8e8;
	}
	
		#page-info-banner.error p
		{
			background-position: 2px 102%;
		}
	
	#page-info-banner.warning
	{
		border-color: #ebd204;
		background-color: #fffbcd;
	}

		#page-info-banner.warning p
		{
			background-position: 2px 4px;
		}
		
	#page-info-banner.confirm
	{
		background-color: #e2f2da;
		border-color: #75d147;
	}

		#page-info-banner.confirm p
		{
			background-position: 2px 66%;
		}

/*--------------------------------------------- Guru Status balloon --------------------------------*/

.cluetip-statuses 
{
	color: #515151;
	font-size: 70%;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	border: 1px solid #ccc;
}

	.cluetip-statuses h4
	{
		color: #258ebe;
		font-size: 130%;
		padding-bottom: 5px;
		overflow: hidden;
		width: 50%;
		float: left;
	}
	
	.clutip-statuses ul
	{
		clear: both;
	}
	
	.cluetip-statuses li
	{
		clear: both;
		padding: 9px 0 9px 35px;
		border-bottom: 1px solid #e0e0e0;
		background: transparent url(../../template4/images/user_status_icons_sprite_large.gif) no-repeat left bottom;
	}
		.cluetip-statuses li:last-child
		{
			border: none;
		}
	
		.cluetip-statuses li#status-uber { background-position: left 11px; }
		.cluetip-statuses li#status-gold { background-position: left -61px; }
		.cluetip-statuses li#status-silver { background-position: left -132px; }
		.cluetip-statuses li#status-bronze { background-position: left -204px; }
		.cluetip-statuses li#status-author { background-position: left -276px; }
		.cluetip-statuses li#status-member { background-position: left -347px; }
	
	.cluetip-statuses li h5
	{
		font-size: 110%;
		padding-bottom: 2px;
	}
	
	.cluetip-statuses li p
	{
		padding-bottom: 2px;
	}
	
	.cluetip-statuses li a
	{
		font-weight: bold;
		color: #258ebe;
	}
	
		.cluetip-statuses li a:hover
		{
			text-decoration: none;
		}
	
	.cluetip-statuses #cluetip-title 
	{
		display: none;
	}
		
	.cluetip-statuses #cluetip-inner 
	{
		padding: 14px;
	  	background: #fff;
		border-top: none;
	  	position: relative;
	}
	
	.cluetip-statuses div#cluetip-close 
	{ 
		width: 10%;
		float: right;
		text-align: right;
		background: transparent;
	}
	
	.cluetip-statuses div#cluetip-close a 
	{
		color: #b0b0b0;
		text-decoration: none;
	}
		
		.cluetip-statuses div#cluetip-close a:hover
		{
			text-decoration: underline;
			color: #E02A2A;
		}
		
/*----------------------------------------- Star Rating Slider ---------------------------------------*/

#rating-slider 
{
	width: 215px;
	border: none;
	position: absolute;
	right: 13px;
	top: 13px;
}

	#rating-slider fieldset
	{
		border-width: 0;
	}
	
	#rating-slider label 
	{
		display: block;
		width: 120px;
		font-size: 85%;
		padding: 3px 0px 3px 8px;
		float: left;
		text-align: right;
		font-weight: bold;
		border-left: 1px solid #D8D8D8; 
	}

	#rating-slider fieldset div 
	{
		width: 80px;
		float: right;
	}

	#rating-slider select, 
	#rating-slider legend 
	{
		display: none;
	}

	#rating-slider .ui-slider 
	{
		border: none;
		width: 68px;
		background: #f9f9f9 url(../../template4/images/rating_filter_sprite.gif) no-repeat left bottom;
	}

	#rating-slider .ui-slider .ui-slider-range 
	{
		top: 3px;
		background-color: #CACACA;
		height: 2px;
		width: 100%;
	}

	#rating-slider .ui-slider-handle 
	{
		margin-left: -5px;
		height: 12px;
		border: none; 
		background: transparent url(../../template4/images/rating_filter_handle.png) no-repeat center top;
	}

	#rating-slider .ui-slider li span.ui-widget-content, #rating-slider .ui-slider dd span.ui-widget-content {
		border: none;
	}

	#rating-feedback {
		left: 7px;
		position: relative;
		float: right;
		overflow: hidden;
		width: 75px;
		padding-top: 3px;
		height: 10px;
		background-color: #F9F9F9;
	}

		#rating-feedback li {
			float: left;
			padding-right: 2px;
		}

		#rating-feedback li a {
			width: 11px;
			height: 10px;
			display: block;
			text-indent: -300em;
			background: #F9F9F9 url(../../template4/images/rating_filter_sprite.gif) no-repeat right top;
		}

		#content-main #rating-feedback li a.active {
			background-position: right -10px;
		}

			#rating-feedback li.rated-zero {
				padding-right: 5px;
			}

			#rating-feedback li.rated-zero a {
				position: relative;
				top: 4px;
				width: 3px;
				height: 3px;
				text-indent: 0;
				background-image: none;
				background-color: #e2e2e2;
			}
			
/*---------------------------------------- Note Table Star Ratings -----------------------------------*/
			
.rating { width: 50px; }
.rating b { display: none; }
.rating, .rating span
{
	background: transparent url(../../template4/images/notes_rating_sprite.png) no-repeat 10px center;
}

.rating span 
{
	display: block;
	text-indent: -300em;
	background-position: -89px center;
}
	.stars-half span{ width: 10%; }
	.stars-one span{ width: 20%; }
	.stars-one-half span{ width: 28%; }
	.stars-two span{ width: 40%;}
	.stars-two-half span{ width: 46%; }
	.stars-three span{ width: 55%; }
	.stars-three-half span{ width: 65%; }
	.stars-four span{ width: 75%;}
	.stars-four-half span{ width: 82%; }
	.stars-five span{ width: 100%; }	

/*------------------------------------ Note Table Contributor Status ---------------------------------*/

.contributor span 
{
	background-image: url(../../template4/images/contributor_status_sprite.png);
	background-repeat: no-repeat;
	padding-left: 14px;
}
	.contributor.status-uber span { background-position: 0px 2px; }
	.contributor.status-gold span { background-position: 0px -45px; }
	.contributor.status-silver span { background-position: 0px -92px; }
	.contributor.status-bronze span { background-position: 0px -138px; }
	.contributor.status-author span { background-position: 0px -184px; }
	.contributor.status-member span { background-position: 0px -230px; }

/*------------------------------------------ General Modal styles ------------------------------------*/

#cboxLoadedContent
{
	background: #fff url(../../template4/images/modal_bgtile.png) repeat-x left bottom;
}

.modal-content
{
	width: 550px;
}

.modal-content h3
{
	background-color: #fafafa;
	border-bottom: 1px solid #f4f4f4;
	color: #6f6f6f;
	font-size: 110%;
	padding: 3px 6px;
}

.modal-content .modal-info
{
	font-size: 75%;
	background-color: #cff0ff;
	color: #364554;
	font-weight: bold;
	padding: 6px 8px;
	clear: both;
	line-height: 1.5em;
	margin-bottom: 8px;
}

	.modal-content div.modal-info p
	{
		padding: 0;
		border-bottom: none;
	}

.modal-content a
{
	color: #258ebe;
	text-decoration: underline;
}

	.modal-content a:hover
	{
		color: #225476;
		text-decoration: none;
	}

.modal-content fieldset
{
	border: none;
	padding: 16px 18px;
}

.modal-content p
{
	padding: 11px 0;
	overflow: hidden;
	border-bottom: 1px solid #EEEEEE;
}

	.modal-content .field-info
	{
		display: block;
		font-style: normal;
		font-size: 70%;
		padding-top: 2px;
	}

	.modal-content label
	{
		display: block;
		float: left;
		text-align: right;
		cursor: pointer;
		font-size: 80%;
		color: #2d2d2d;
		padding: 4px 10px 0 0;
		width: 90px;
	}
		
		.modal-content label em
		{
			color: #888888;
			font-size: 85%;
			top: -4px;
			position: relative;
		}
		
	.modal-content p .input-container
	{
		display: block;
		margin-left: 100px;
	}
	
	.modal-content p input
	{
		position: relative;
		border: 1px solid #cacaca;		
		font-weight: bold;
		font-style: normal;
		color: #5a5a5a;
		font-size: 85%;
		padding: 4px;
		width: 300px;
	}
	
		.modal-content p .button
		{
			width: auto;
		}
		
		.modal-content p input.inactive
		{
			font-weight: normal;
			font-style: italic;
			color: #BEBEBE;
		}
	
	.modal-content fieldset p input.error
	{
		border-color: #FF8F8F;
		background-color: #FFF7FB;
	}
	
	.modal-content .select-container
	{
		display: block;
		margin-left: 100px;
	}
	
		.modal-content .select-container.error
		{
			border-color: #FF8F8F;
			background-color: #FFF7FB;
		}
		
		.modal-content .modal-select
		{
			width: 305px;
		}
	
	.modal-content .submit-parent
	{
		border-bottom: none;
		text-align: right;
		font-size: 90%;
	}
	
	.modal-content div.submit-parent
	{
		border-width: 0;
		padding: 8px 10px 20px 0;
		font-size: 85%;
		font-weight: bold;
	}

		.modal-content #button-back
		{
			font-size: 70%;
			text-decoration: none;
			padding-left: 4px;
		}
		
			.modal-content #button-back i
			{
				font-size: 70%;
			}
				
/*------------------------------ Modal Form Suggestion Boxes General Styles --------------------------*/

.form-suggest-container
{
	position: absolute;
	border: 2px solid #ebebeb;
	background-color: #fff;
	overflow: auto;
	font-size: 75%;
	z-index: 99;
	max-height: 250px;
}

	.form-suggest-container ul
	{
		background-color: #fff;
		border: 1px solid #C9C9C9;
		padding: 4px;
		overflow: hidden;
	}
	
	.form-suggest-container ul li a
	{
		display: block;
		padding: 6px 2px;
		color: #75b5d2;
		cursor: pointer;
	}
	
	.form-suggest-container ul li a b
	{
		color: #258ebe;
		background-color: #FFF58B;
	}
		
		.form-suggest-container ul li.active a,
		.form-suggest-container ul li a:hover
		{
			background-color: #E2F9FF;
			color: #225476;
		}
		
/*------------------------------------- Top of page message banner -----------------------------------*/
		
.alert-banner
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 90%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 9999;
	width: 100%;
}

	.alert-banner p
	{
		padding: 7px 0;
		text-align: center;
		color: #2d2d2d;
	}

	.alert-banner.confirmation
	{
		border-bottom-color: #91ef43;
		background-color: #c4ffa9;
	}

/*------------------------------------- Rewards explanation page -------------------------------------*/
	
#rewards #content-main
{
	float: none;
	width: 960px;
	padding-right: 0px;
}

	#rewards #content-main h3
	{
		font-family: "Lucida Grande", "Lucida Sans", arial, sans-serif;
		color: #21435b;
		font-size: 155%;
		line-height: 1.58em;
		text-shadow: #c5d1d9 2px 1px 1px;
		background: transparent url(../../template4/images/rewards_header.jpg) no-repeat left top;
		padding: 40px 500px 0 35px;
		height: 190px;
	}
	
	#rewards-content
	{
		padding-bottom: 18px;
		width: 885px;
		margin: 0 auto;
		position: relative;
		color: #2a2a2a;
		font-size: 90%;
		line-height: 1.5em;
		background: transparent url(../../template4/images/rewards_content_tile.gif) repeat-y center top;
	}
	
	#rewards #rewards-biline
	{
		font-size: 115%;
		font-weight: bold;
		padding: 0 0 40px 35px;
		color: #4d4d4d;
		position: relative;
		top: -40px;
		margin-bottom: -40px;
	}
	
	#rewards-content .module
	{
		width: 410px;
		float: left;
		padding-bottom: 30px;
	}
	
		#rewards-content .module.right
		{
			clear: right;
			float: right;
		}
	
	#rewards-content h4
	{
		padding: 2px 0 2px 28px;
		color: #1475b9;
		font-size: 120%;
		background: transparent url(../../template4/images/rewards_heading_bg.gif) no-repeat left top;
	}
	
	#rewards-content .module p
	{
		padding: 12px 0;
	}
	
	#rewards-content .signup-link,
	#rewards-content #share-link
	{
		height: 52px;
		text-indent: -3000em;
		margin: 0 auto;
		text-align: center;
		display: block;
		clear: both;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#rewards-content .signup-link 
	{
		width: 227px;
		background-image: url(../../template4/images/rewards_signup_btn.png);
	}
	
	#rewards-content #share-link
	{
		width: 252px;
		background-image: url(../../template4/images/rewards_share_btn.png);
	}
	
		#rewards-content .signup-link:hover,
		#rewards-content #share-link:hover
		{
			background-position: center top;
		}
		
		#rewards-content .signup-link:active,
		#rewards-content #share-link:active
		{
			background-position: right top;
			outline: none;
		}
		
	#rewards-partners
	{
		background: transparent url(../../template4/images/rewards_partners_bg.png) no-repeat center top;
		clear: both;
		font-size: 90%;
		padding-bottom: 15px;
	}
		
		#rewards-partners h5
		{
			padding: 30px 0 10px 0;
			color: #595959;
		}
		
		#rewards-partners p
		{
			font-size: 90%;
			text-align: right;
			background: transparent url(../../template4/images/rewards_content_tile.gif) repeat-x left center;
		}
		
			#rewards-partners p em
			{
				background-color: #fff;
			}
		
		#rewards-partners ul
		{
			padding-bottom: 10px;
		}
		
		#rewards-partners li
		{
			display: inline;
			padding-right: 27px;
		}
	
#rewards #content-secondary
{
	display: none;
}