/* Rewards Card Site CSS Document 
Page created: 5/16/08 KJ
T.I.S. Group
Web Department
Last Modified: 1/21/09 KJ
*/

html {
	background: #EEC23A url('img/bg_rewards.gif') repeat fixed;
}

	body {
		margin: 0 auto;
		width: 802px;
		max-height: 100%;
		background: #FFFFFF url('img/bg_body.gif') top center repeat-y;
		font-family: "Myriad Pro", "Myriad Web", "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif;
		font-size: 14px;
		display: block;
	}
	
		a:link { color: #0055A6; text-decoration: underline; }
		a:visited { color: #0055A6; text-decoration: underline; }
		a:hover { color: #980C38; text-decoration: none; }
		
		div#header {
			height: 132px;
			background: #C8CDE6 url('img/masthead.jpg') top no-repeat;
			display: block;
		}
		
		ul#topnav {
			margin: 0;
			padding: 0;
			height: 32px;
			background-color: #0055A6;
			display: block;
			z-index: 30;
		}
		
			ul#topnav li {
				margin: 0;
				padding: 0;
				height: 32px;
				list-style: none;
				float: left;
			}
			
				ul#topnav li.home { background: url('img/navbar_homeon.gif') top left no-repeat; }
				ul#topnav li.gifts { background: url('img/navbar_giftson.gif') top left no-repeat; }
				ul#topnav li.faqs { background: url('img/navbar_faqson.gif') top left no-repeat; }
				ul#topnav li.refer { background: url('img/navbar_referon.gif') top left no-repeat; }
				ul#topnav li.contact { background: url('img/navbar_contacton.gif') top left no-repeat; }
				ul#topnav li.bookstores { background: url('img/navbar_bookstoreson.gif') top left no-repeat; }
			
			ul#topnav li a {
				display: block;
				margin: 0;
				padding: 0;
				min-width: 60px;
				height: 32px;
				background-color: #FCB74B;
				color: #0055A6;
				text-decoration: none;
				cursor: pointer;
				cursor: hand;
			}
			
				ul#topnav li a em { visibility: hidden; }
				ul#topnav li a:hover { background-color: #990C39; color: #FFFFFF; }
				
				
				ul#topnav li a#home { width: 80px; height: 32px; background: url('img/navbar_homeoff.gif') top left no-repeat; }
				ul#topnav li a#home:hover { width: 80px; height: 32px; background: url('img/navbar_homeon.gif') top left no-repeat; }
				ul#topnav li a#gifts { width: 201px; height: 32px; background: url('img/navbar_giftsoff.gif') top left no-repeat; }
				ul#topnav li a#gifts:hover { width: 201px; height: 32px; background: url('img/navbar_giftson.gif') top left no-repeat; }
				ul#topnav li a#faqs { width: 66px; height: 32px; background: url('img/navbar_faqsoff.gif') top left no-repeat; }
				ul#topnav li a#faqs:hover { width: 66px; height: 32px; background: url('img/navbar_faqson.gif') top left no-repeat; }
				ul#topnav li a#refer { width: 136px; height: 32px; background: url('img/navbar_referoff.gif') top left no-repeat; }
				ul#topnav li a#refer:hover { width: 136px; height: 32px; background: url('img/navbar_referon.gif') top left no-repeat; }
				ul#topnav li a#contact { width: 111px; height: 32px; background: url('img/navbar_contactoff.gif') top left no-repeat; }
				ul#topnav li a#contact:hover { width: 111px; height: 32px; background: url('img/navbar_contacton.gif') top left no-repeat; }
				ul#topnav li a#bookstores { width: 208px; height: 32px; background: url('img/navbar_bookstoresoff.gif') top left no-repeat; }
				ul#topnav li a#bookstores:hover { width: 208px; height: 32px; background: url('img/navbar_bookstoreson.gif') top left no-repeat; }
			
			ul#topnav li div#points {
				position: absolute;
				visibility: hidden;
				margin: 0;
				padding: 0 0 8px 0;
				width: 199px;
				background: url('img/navbar_gifts_bottom.gif') bottom left no-repeat;
				font-family: "Myriad Web", "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 16px;
				display: block;
			}
			
				ul#topnav li div#points a {
					position: relative;
					display: block;
					margin: 0;
					padding: 5px 12px 4px 12px;
					width: auto;
					height: 18px;
					white-space: nowrap;
					text-align: left;
					text-decoration: none;
					background-color: #EBB654;
					color: #0055A6;
				}
				
				ul#topnav li div#points a:hover { background-color: #990C39; color: #FFF; }
			
			ul#topnav li div#tis {
				position: absolute;
				visibility: hidden;
				margin: 0;
				padding: 0 0 8px 0;
				width: 206px;
				background: url('img/navbar_bookstores_bottom.gif') bottom left no-repeat;
				font-family: "Myriad Web", "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 20px;
				display: block;
			}
			
				ul#topnav li div#tis a {
					position: relative;
					display: block;
					margin: 0;
					padding: 5px 12px 4px 12px;
					width: auto;
					height: 18px;
					white-space: nowrap;
					text-align: left;
					text-decoration: none;
					background-color: #EBB654;
					color: #0055A6;
				}
				
				ul#topnav li div#tis a:hover { background-color: #990C39; color: #FFF; }
			
		div#tabpoints {
			margin-left: 347px;
			height: 16px;
			background: url('img/tab_50points.gif') top left no-repeat;
			display: block;
		}
		
		div#main {
			margin: 0 0 20px 0;
			padding: 0;
			width: 559px;
			float: left;
		}
		
			div#button {
				margin-top: 10px;
				display: block;
				clear: both;
				cursor: pointer;
				cursor: hand;
			}
		
				div#button a em { display: none; visibility: hidden; }
				
				div#button a#signupbsu { margin-left: 4px; width: 260px; height: 42px; background: url('img/button_signupoff_bsu.gif') top left no-repeat; float: left; }
				div#button a#signupbsu:hover { margin-left: 4px; width: 260px; height: 42px; background: url('img/button_signupon_bsu.gif') top left no-repeat; float: left; }
				
				div#button a#signupiu { margin-left: 4px; width: 260px; height: 42px; background: url('img/button_signupoff_iu.gif') top left no-repeat; float: left; }
				div#button a#signupiu:hover { margin-left: 4px; width: 260px; height: 42px; background: url('img/button_signupon_iu.gif') top left no-repeat; float: left; }
				
				div#button a#signupui { margin-left: 4px; width: 260px; height: 42px; background: url('img/button_signupoff_ui.gif') top left no-repeat; float: left; }
				div#button a#signupui:hover { margin-left: 4px; width: 260px; height: 42px; background: url('img/button_signupon_ui.gif') top left no-repeat; float: left; }
				
				/*div#main div#button a#activate { margin-left: 13px; width: 338px; height: 42px; background: url('img/button_activateoff.gif') top left no-repeat; float: left; }
				div#main div#button a#activate:hover { margin-left: 13px; width: 338px; height: 42px; background: url('img/button_activateon.gif') top left no-repeat; float: left; }*/
		
			div#main div#rotatingimage {
				margin-top: 10px;
				width: 176px;
				height: 489px;
				background: url('img/img_loading.gif') center center no-repeat;
				display: block;
				float: left;
			}
			
			div#main div#middle {
				margin-top: 20px;
				margin-left: -5px;
				margin-right: 0;
				padding: 0 10px 0 20px;
				width: 338px;
				float: left;
			}
			
				div#main div#middle div#advantages_title {
					padding-bottom: 10px;
					width: 338px;
					background: url('img/graphic_smallstar.gif') bottom left repeat-x;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 15px;
					font-style: italic;
					font-weight: bold;
					color: #0055A6;
					white-space: nowrap;
					display: block;
				}
				
				div#main div#middle ul#advantages {
					margin: 0;
					padding: 10px 0 12px 0;
					width: 338px;
					background: url('img/graphic_smallstar.gif') bottom left repeat-x;
					list-style: none;
				}
				
					div#main div#middle ul#advantages li {
						margin: 8px 0 10px 0;
						padding: 0 0 0 18px;
						background: url('img/graphic_largestar.gif') top left no-repeat;
						clear: both;
					}
					
						div#main div#middle ul#advantages li div#extra { 
							font-size: 15px; 
							font-weight: bold;
							color: #0055A6;
							line-height: 15px;
							white-space: nowrap;
							word-spacing: normal;
							display: block;
						}
						
							div#main div#middle ul#advantages li div#extra span#sup { 
								margin-right: 5px;
								min-width: 195px;
								font-size: 28px; 
								font-weight: bold;
								color: #0055A6;
								word-spacing: -3px;
								line-height: normal;
								text-align: left;
								display: inline;
								float: left;
							}
						
						div#main div#middle ul#advantages li span.title { 
							font-size: 17px; 
							font-weight: bold;
							color: #0055A6;
							white-space: nowrap;
						}
						
						div#main div#middle ul#advantages li span.larger { 
							font-family: Arial, Helvetica, sans-serif;
							font-size: 21px; 
						}
						
						div#main div#middle ul#advantages li span.smaller { font-size: 13px; }
		
		div#sub_main {
			margin: 0 0 20px 0;
			padding: 0;
			width: 607px;
			float: left;
		}
		
			div#sub_main div#middle {
				margin: 0;
				padding: 10px 17px 0 17px;
			}
			
				div#sub_main div#middle div#title {
					margin: 0;
					width: 95%;
					border-bottom: 2px solid #FCB74B;
					font-size: 25px;
					font-weight: bold;
					color: #0055A6;
				}
				
				div#sub_main div#middle div.title_center {
					font-size: 23px;
					font-weight: bold;
					text-align: center;
					color: #0055A6;
				}
					
				div#sub_main div#middle div.points_title {
					margin: 0 auto;
					width: 80%;
					font-size: 17px;
					text-align: center;
					color: #0055A6;
				}
					
					div#sub_main div#middle div.points_title span#pforp {
						background-color: #FFDE97;
						font-weight: bold;
					}
					
				div#sub_main div#middle div#pointswork {
					width: 100%;
					height: 250px;
					background: url('img/graphic_pointswork.jpg') top center no-repeat;
				}
				
				div#sub_main div#middle div#name {
					font-size: 18px;
					color: #666666;
				}
				
				div#sub_main div#middle table.gifts { border: none; }
				
					div#sub_main div#middle table.gifts th {
						font-size: 11px;
						font-weight: normal; 
					}
					
					div#sub_main div#middle table.gifts tr.row1 { background-color: #d2d6ea; }
					
					div#sub_main div#middle table.gifts tr.row2 { background-color: #e6eaf8; }
					
				div#sub_main div#middle div.partner_units {
					margin: 10px 10px 20px 0; 
					width: 180px; 
					height: 80px; 
					text-align: center; 
					float: left;
				}
				
				div#sub_main div#middle a#bookstores_muncie {
					margin-right: 15px;
					padding-top: 110px;
					width: 175px;
					height: 37px;
					background: url('img/bookstores_muncie.jpg') top left no-repeat;
					text-align: center;
					display: block;
					float: left;
				}
				
				div#sub_main div#middle a#bookstores_bloomington {
					margin-right: 15px;
					padding-top: 110px;
					width: 175px;
					height: 37px;
					background: url('img/bookstores_bloomington.jpg') top left no-repeat;
					text-align: center;
					display: block;
					float: left;
				}
				
				div#sub_main div#middle a#bookstores_champaign {
					padding-top: 110px;
					width: 175px;
					height: 37px;
					background: url('img/bookstores_champaign.jpg') top left no-repeat;
					text-align: center;
					display: block;
					float: left;
				}
				
				div#sub_main div#middle div.formlayout { padding: 3px 0px 0px 0px; clear: both; }
				div#sub_main div#middle div.formlayout .label {
					width: 45%;
					text-align: right;
					float: left;
				}
				div#sub_main div#middle div.formlayout .formw {
					width: 54%;
					text-align: left;
					float: right;
				}
				div#sub_main div#middle div.formlayout .label2 {
					width: 25%;
					text-align: right;
					float: left;
				}
				div#sub_main div#middle div.formlayout .formw2 {
					width: 74%;
					text-align: left;
					float: right;
				}
		
		div#right {
			margin: 0 0 20px 0;
			padding: 0;
			width: 243px;
			float: left;
		}
		
			div#right div#right_top {
				margin-top: 10px;
				width: 230px;
				height: 8px;
				background: url('img/right_bg_top.gif') bottom left no-repeat;
				font-size: 7px;
				display: block;
			}
			
			div#right div#right_bg {
				width: 230px;
				background: url('img/right_bg_center.gif') bottom left repeat-y;
				display: block;
			}
			
				div#right div#right_bg div#title {
					margin-left: 12px;
					font-size: 19px; 
					color: #0055A6;
				}
				
				div#right div#right_bg p {
					margin: 8px 0 0 10px;
					padding-right: 12px;
					font-size: 13px;
				}
				
				div#right div#right_bg form {
					margin: 8px 0 0 12px;
					padding-right: 12px;
					font-size: 13px;
				}
				
					div#right div#right_bg a#card { 
						margin-top: 2px; 
						height: 10px;
						vertical-align: bottom; 
						float: right;
					}
				
					div#right div#right_bg form input[type="text"] { width: 202px; }
					div#right div#right_bg form input.signin {
						margin-top: 6px;
						width: 85px;
						height: 30px;
						background: url('img/button_signinoff.gif') no-repeat;
						outline: none;
						border: none;
					}
					
					div#right div#right_bg form input.signin:hover,input.signin:active,input.signin:focus  {
						background: url('img/button_signinon.gif') no-repeat;
					}
			
			div#right div#right_bottom {
				margin-bottom: 25px;
				width: 230px;
				height: 8px;
				background: url('img/right_bg_bottom.gif') top left no-repeat;
				font-size: 7px;
				display: block;
			}
			
			div#right a#special_top {
				margin: 0;
				width: 230px;
				height: 99px;
				background: url('img/special_bg_top.gif') bottom left no-repeat;
				text-decoration: none;
				display: block;
				cursor: pointer;
				cursor: hand;
			}
			
			div#right a#special_bottom {
				margin: 0 0 25px 0;
				width: 230px;
				height: 204px;
				/*background: url('img/special_bg_bottom.gif') top left no-repeat;*/
				text-decoration: none;
				display: block;
				cursor: pointer;
				cursor: hand;
			}
			
			div#right a#special_button_top {
				margin: 0;
				width: 230px;
				height: 99px;
				background: url('img/special_button_top.gif') bottom left no-repeat;
				text-decoration: none;
				display: block;
				cursor: pointer;
				cursor: hand;
			}
			
			div#right a#special_button_bottom {
				margin: 0 0 25px 0;
				width: 230px;
				height: 20px;
				background: url('img/special_button_bottom.gif') top left no-repeat;
				text-decoration: none;
				display: block;
				cursor: pointer;
				cursor: hand;
			}
		
		div#sub_right {
			margin: 0 0 20px 0;
			padding: 0;
			width: 195px;
			float: left;
		}
		
			div#sub_right div#right_top {
				margin-top: 10px;
				width: 182px;
				height: 8px;
				background: url('img/sub_bg_top.gif') bottom left no-repeat;
				font-size: 7px;
				display: block;
			}
			
			div#sub_right div#right_bg {
				width: 182px;
				background: url('img/sub_bg_center.gif') bottom left repeat-y;
				display: block;
			}
			
				div#sub_right div#right_bg div#title {
					margin-left: 10px;
					font-size: 15px; 
					color: #0055A6;
				}
				
				div#sub_right div#right_bg p {
					margin: 8px 0 0 10px;
					padding-right: 12px;
					font-size: 13px;
				}
				
				div#sub_right div#right_bg form {
					margin: 8px 0 0 10px;
					padding-right: 12px;
					font-size: 13px;
				}
				
					div#sub_right div#right_bg form input[type="text"] { width: 156px; }
					
					div#sub_right div#right_bg form input.signin {
						margin-top: 6px;
						width: 77px;
						height: 27px;
						background: url('img/sub_button_signinoff.gif') no-repeat;
						outline: none;
						border: none;
					}
					
					div#sub_right div#right_bg form input.signin:hover,input.signin:active,input.signin:focus  {
						background: url('img/sub_button_signinon.gif') no-repeat;
					}
					
				div#sub_right div#right_bg a#signup {
					margin-left: 10px;
					width: 163px;
					height: 42px;
					background: url('img/sub_button_signupoff.gif') top left no-repeat;
					display: block;
					cursor: pointer;
					cursor: hand;
				}
				
				div#sub_right div#right_bg a#signup:hover { background: url('img/sub_button_signupon.gif') top left no-repeat; }
				div#sub_right div#right_bg a#signup em { display: none; visibility: hidden; }
				
				div#sub_right div#right_bg a#activate {
					margin: 10px 0 0 10px;
					width: 163px;
					height: 42px;
					background: url('img/sub_button_activateoff.gif') top left no-repeat;
					display: block;
					cursor: pointer;
					cursor: hand;
				}
				
				div#sub_right div#right_bg a#activate:hover { background: url('img/sub_button_activateon.gif') top left no-repeat; }
				div#sub_right div#right_bg a#activate em { display: none; visibility: hidden; }
			
			div#sub_right div#right_bottom {
				margin-bottom: 25px;
				width: 182px;
				height: 8px;
				background: url('img/sub_bg_bottom.gif') top left no-repeat;
				font-size: 7px;
				display: block;
			}
			
			div#sub_right a#special_top {
				margin: 0;
				width: 182px;
				height: 95px;
				background: url('img/special_sub_bg_top.gif') bottom left no-repeat;
				text-decoration: none;
				display: block;
				cursor: pointer;
				cursor: hand;
			}
			
			div#sub_right a#special_bottom {
				margin: 0 0 25px 0;
				width: 182px;
				height: 161px;
				/*background: url('img/special_sub_bg_bottom.gif') top left no-repeat;*/
				text-decoration: none;
				display: block;
				cursor: pointer;
				cursor: hand;
			}
			
			div#sub_right a#special_button_top {
				margin: 0;
				width: 182px;
				height: 95px;
				background: url('img/special_sub_button_top.gif') bottom left no-repeat;
				text-decoration: none;
				display: block;
				cursor: pointer;
				cursor: hand;
			}
			
			div#sub_right a#special_button_bottom {
				margin: 0 0 25px 0;
				width: 182px;
				height: 15px;
				background: url('img/special_sub_button_bottom.gif') top left no-repeat;
				text-decoration: none;
				display: block;
				cursor: pointer;
				cursor: hand;
			}
		
		a#partners_title {
			margin: 15px 0 0 13px;
			width: 300px;
			height: 27px;
			background: url('img/title_partners.gif') left no-repeat;
			display: block;
			clear: both;
		}
		
		div#partners {
			position: relative;
			margin-left: 13px;
			width: 776px;
			height: 80px;
			background: url('img/bg_partners.gif') top left repeat-x;
			display: block;
			clear: both;
			overflow: hidden;
		}
		
			div#partners a#left {  
				width: 27px;
				height: 80px;
				background: url('img/button_left.gif') top left no-repeat;
				float: left;
			}
			
				div#partners a#left strong { display: none; }
			
				div#partners div#slider { 
					position: relative;
					overflow: hidden;
					width: 722px;
					height: 80px;
					text-align: left;
					float: left;
				}
				
				div#partners div#slider div.slidercontent { 
					position: absolute; 
					top: 50%; 
					margin-top: -33px; 
					padding: 0 10px;
					height: 80px; 
					white-space: nowrap; 
				}
					
					div#partners div#slider div.slidercontent a { margin: 0 10px; vertical-align: middle; display: inline; }
			
			div#partners a#right {  
				width: 27px;
				height: 80px;
				background: url('img/button_right.gif') top left no-repeat;
				float: left;
			}
				
				div#partners a#right strong { display: none; }
		
		div#copyright {
			padding: 19px 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #666;
			text-align: center;
			clear: both;
		}
		
			div#copyright a:link { color: #333; font-size: 12px; text-decoration: underline; }
			div#copyright a:visited { color: #333; font-size: 12px; text-decoration: underline; }
			div#copyright a:hover { color: #333; font-size: 12px; text-decoration: none; }
	
	.red { color: #FF0000; }
	.blue { color: #0055A6; }
	.burgundy { color: #B30537; }
	.brown { color: #593939; }
	.gray { color: #464444; }
	.clear { clear: both; }
	.small { font-size: 10px; }