/* 	Title: 	You2U.net 	*//*		Author: 	Patrick Cole		*//* 	Site: 		www.patrickcole.com 		*/

			/* Reset */
			* { margin: 0; padding: 0; }
			:focus { outline: 0; border: 0; }
	
			/* Elements */
			body { background: #63bddf url('../resources/body-bg.png') top left repeat-x; font-family: Arial, Helvetica, sans-serif; }
			h3 { font-weight: normal; color: #666; letter-spacing: -1px; }
			a img { border-style: none; border-width: 0; }
			input { border-style: solid; border-color: #999; border-width: 1px; }
			input:focus { border-style: solid; border-color: #999; border-width: 1px; }
			textarea:focus { border-style: solid; border-color: #999; border-width: 1px; }
			table { text-align: left; }
			th { margin: 0 0 5px 0; padding: 5px; background-color: #ddd; border-style: solid; border-color: #999; border-width: 0 0 1px 0; }
			td {  padding: 5px; border-style: solid; border-color: #ccc; border-width: 0 0 1px 0; }
			ul { list-style-type: none; }
			
			/* Classes */
			
				/* IE Buttons */
				input.ie-button { display: none; }
				
				/* Clear Fix */
				.clear { clear: both; height: 0;  }
				
			/* Global Layout */
			
				/* Header */
				#header { height: 85px; }
			
				h1#logo a:link, h1#logo a:visited { float: left; display: block; width: 300px; height: 60px; margin: 15px 0 0 10px; text-decoration: none; border-style: none; border-width: 0;
					background: transparent url('../resources/h1-logo-bg.png') 0px 0px no-repeat; text-indent: -10000px; }
				h1#logo a:hover, h1#logo a:active { background: transparent url('../resources/h1-logo-bg.png') 0px -60px no-repeat; text-decoration: none; border-style: none; border-width: 0; }
				h2#school { float: right; display: block; width: 500px; height: 85px; 
					background: url('../resources/h2-school.png') top left no-repeat; text-indent: -10000px; }
				
				/* Page (Global) */
				#page { width: 980px; margin: 10px auto 0 auto; }
				#inner-page { padding: 15px 0 0 0; }
			
				/* Narrow Column */
				#narrow { float: left; width: 220px; }
				#narrow.left { margin: 0 25px 0 35px; }
				#narrow.right { margin: 0 20px 0 25px; }
				
				/* Wide Column */
				#wide { float: left; width: 660px; }
				#wide.left { margin: 0 0 0 35px; }
				#wide.right { margin: 0 15px 0 0; }
				#wide.inner { margin: 20px 160px 0 160px; }
				
				/* Userbar Styles */
				
					/* Userbar Classes */
					.t { height: 24px; background: transparent url('../resources/page-top-bg.png') top left no-repeat; }
					.ub { height: 64px; background: transparent url('../resources/page-top-userbar-bg.png') top left no-repeat; }
					.i { background: transparent url('../resources/page-inner-bg.png') top center repeat-y; }
					.b { height: 32px; background: transparent url('../resources/page-bot-bg.png') bottom left no-repeat; }
					
				#userbar { color: #999; padding: 10px 0 0 20px; }
				#userbar a:link, #userbar a:visited, #userbar a:hover, #userbar a:active { color: #999; }
				ul#ub-items { list-style-type: none; }
				ul#ub-items li { display: inline; float: left; padding: 15px 10px 0 0; }
				ul#ub-items li.ub-right { float: right; padding: 15px 20px 0 10px; }
				
				
				/* Response Messages */
				.success { clear: both; width: 885px; margin: 0 35px 20px 35px; padding: 10px; 
					color: #4f8a10; background-color: #dff2bf; border-style: solid; border-width: 1px;  }
				.problem { clear: both; width: 885px; margin: 0 35px 20px 35px; padding: 10px;
					color: #d8000c; background-color: #ffbaba; border-style: solid; border-width: 1px;  }
				.success,.problem ul { list-style-type: none; }
				
				/* Link Styles */
				#page a:link, #page a:visited { color: #444; text-decoration: none; border-style: dotted; border-color: #888; border-width: 0 0 1px 0;  }
				#page a:hover, #page a:active { color: #444; text-decoration: none; border-style: solid; }
				#userbar ul li a:link, #userbar ul li a:visited, #userbar ul li a:hover, #userbar ul li a:active { color: #999; }
				
				/* Input Buttons */
				.narrow-footer button { float: right; }
				.wide-footer button {float: right; }
				button:focus { outline: 0; border: 0; }
				button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; }
				button::-moz-focus-inner { border: none; }
				button span { position: relative; display: block; white-space: nowrap;	}
				
				/* Fix for Safari & Google Chrome */
				@media screen and (-webkit-min-device-pixel-ratio:0) {
					button span { margin-top: -1px; }
				}
				
				button.action { padding: 0 15px 0 0; margin: 10px 11px 0 0; font-size: 12px; text-align: center; 
					background: transparent url(../resources/button.png) no-repeat right -140px;  }
				button.action span { padding: 4px 0 0 15px; height: 24px; 
					background: transparent url(../resources/button.png) no-repeat left top; color:#fff; }
				button.action:hover, button.action-hover { background-position: right -210px; }
				button.action:hover span, button.action-hover span { background-position: 0 -70px; }
				
				
				/* User Information Area (Global) */
				#user-info { padding: 0 0 3px 0; margin: 0 0 10px 0; border-style: solid; border-color: #ccc; border-width: 0 0 1px 0; }
				#user-info .name { float: left; width: 300px; margin: 0 20px 0 0; }
				#user-info .school { float: right; width: 300px; margin: 0; padding: 3px 0 0 0; text-align: right; }
				
			
				/* Narrow Column Module */
				.narrow-module { margin: 0 0 20px 0; }
				.narrow-header { display: block; width: 220px; height: 55px; background: transparent url('../resources/narrow-header.png') top left no-repeat; }
				.narrow-header h3 { padding: 10px 0 0 10px; font-weight: normal; color: #666; letter-spacing: -1px; }
				.narrow-middle { display: block; width: 220px; background: transparent url('../resources/narrow-middle.png') top center repeat-y; }
				.narrow-inner { width: 190px; margin: 0 20px 0 15px; font-size: 12px; line-height: 20px; }
				.narrow-inner ul { list-style-type: none; }
				.narrow-inner ul li { padding: 0px 0 5px 0; }
				.narrow-inner input { width: 180px; padding: 5px; }
				.narrow-footer { display: block; width: 220px; height: 42px; background: transparent url('../resources/narrow-footer.png') top left no-repeat; }
				.narrow-footer input { float: right; margin: 10px 15px 0 0; }
				
				.narrow-inner.badge { width: 190px; margin: 0 10px 0 10px; }
				.badge img { -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: rgba(5,5,5,1) 0px 0px 1px; }

				/* Wide Column Module */
				.wide-module { margin: 0 0 20px 0; }
				.wide-header { display: block; width: 660px; height: 55px; background: transparent url('../resources/wide-header.png') top left no-repeat; }
				.wide-header h3 { padding: 10px 0 0 10px; font-weight: normal; color: #666; letter-spacing: -1px; }
				.wide-middle { display: block; width: 660px; background: transparent url('../resources/wide-middle.png') top center repeat-y; }
				.wide-inner { width: 600px; margin: 0 20px 0 20px; font-size: 12px; line-height: 20px; }
				.wide-footer { display: block; width: 660px; height: 42px; background: transparent url('../resources/wide-footer.png') top left no-repeat; }
				.wide-footer input { float: right; margin: 10px 15px 0 0; }
				.wide-footer p { padding: 15px 0 0 15px; }
				.wide-footer small { float: left; padding: 15px 0 0 20px; font-size: 12px; color: #666; }
				
				/* Account Wide Styles */
				.wide-inner .account-cell { float: left; width: 280px; margin: 0 10px 0 10px; }
				.wide-inner .account-cell label { clear: both; }
				.wide-inner .account-cell input { width: 100%; }
				.wide-inner .account-cell-long { float: left; width: 560px; margin: 0 10px 0 10px; }
				.wide-inner .account-cell-long textarea { width: 580px; }
				
				/* Compose Wide Styles */
				.wide-inner .compose-long { width: 600px; padding: 0 0 10px 0; }
				.wide-inner .compose-long select { width: 125px; }
				.wide-inner .compose-long input, textarea { width: 600px; }
				
				.wide-inner input { padding: 5px; }
				.wide-inner textarea { padding: 5px; }
				
			/* Index Page */
			
				/* Tutorial Scroller */
				#slider { width: 660px; margin: 0 auto; position: relative; }
				.steps { list-style-type: none; margin: 0 0 0 10px; }
				.steps li { display: inline; float: left; padding: 10px 20px 0 0; }
				
				.scroll { height: 452px; width: 660px; overflow: auto; position: relative; clear: left; }
				.scrollContainer div.panel { padding: 0px 20px 20px 20px; height: 412px; width: 600px; }
				.scrollButtons { position: absolute; top: 260px; cursor: pointer; }
	
				.scrollButtons.left { left: -15px; z-index: 9; }
				.scrollButtons.right { right: -15px; z-index: 8;}
				.panel img { background-color: #fff; border-style: solid; border-color: #555; border-width: 1px; padding: 5px; margin: 0 10px 0 10px; }
				.panel  h3 { padding: 5px 10px 5px 10px; }
				.panel p { padding: 5px 10px 5px 10px; font-size: 12px;  }
				.panel ol { list-style-position: inside; text-indent: 10px; }
				
			/* Dashboard Page */
				.subscription{ width: 590px; margin: 0 0 10px 0; padding: 5px 5px 5px 5px; }
				.subscription_thumb { float: left; display: block; width: 87px; height: 72px; background: transparent url('../resources/thumb_action.png') top left no-repeat; }
				.subscription_thumb img { padding: 6px 0 0 6px; }
				.subscription_desc { float: left; width: 450px;  }
				
				/* Request List */
				ul#request-list { list-style-type: none; }
				
				/* Course List */
				ul#course-list { list-style-type: none; }
				
			/* Register Page */
			
				/* Register [Form] Column */
				#register p { padding: 15px 0 15px 0; }
				#register p label { display: block; width: 600px; clear: both; }
				#register p input { width: 100%; padding: 5px; }
				
			/* Profile Page */
				
				td.post { width: 450px; }
				td.date { width: 300px; text-align: right; }
				
				.shout { width: 590px; margin: 0 0 10px 0; padding: 10px 5px 0 10px; }
				.shout_thumb { float: left; width: 80px; height: 66px; background: transparent url('../resources/thumb_speak.png') top left no-repeat; }
				.shout_thumb img { padding: 3px 0 0 3px; }
				.shout_info { float: left; width: 350px; }
				.shout-top { width: 590px; background: transparent url('../resources/shout_top.png') top left no-repeat;  }
				.shout-middle { width: 590px; padding: 10px 10px 0 10px; }
				.shout-bottom { width: 590px; height: 15px; background: url('../resources/shout_bot.png') top left no-repeat; }
				
				/* Shout Template */
				.shout-header { display: block; width: 490px; height: 37px; background: transparent url('../resources/shout_header.png') top left no-repeat; }
				.shout-header h4 { float: left; width: 365px; padding: 5px 0 0 10px; }
				.shout-header input { float: left; background: transparent; padding: 7px 0 0 0; border-style: none; border-width: 0; }
				.shout-header input:hover { cursor: pointer; border-style: solid; border-width: 0 0 1px 0; }
				.shout-inner { width: 490px; background: transparent url('../resources/shout_inner.png') top center repeat-y;}
				.shout-inner p { padding: 0 10px 0 10px; }
				.shout-inner textarea { width: 460px; }
				.shout-footer { width: 490px; height: 29px; background: transparent url('../resources/shout_footer.png') top left no-repeat; }
				.shout-footer h5 { padding: 5px 10px 0 10px;  }
				
				
			/* Account Page */
			input.file { width: 90%; border-style: none; border-width: 0px; }
			button#ufb { float: right; margin: 10px 10px 0 0; }
				
				/* Thumbnail Editor */
				#preview { width: 60px; height: 60px; overflow:hidden; }
			
			/* Course Page */
			.admin { font-weight: bold; }
			
			/* Search Page */
			ul#results-list { margin: 0 0 10px 0; }
			ul#results-list li { width: 620px; padding: 5px; margin: 10px 0 10px 0; border-style: solid; border-color: #999; border-width: 1px 0 1px 0; background-color: #fff; }
			ul#results-list li span.search_thumb { float: left; width: 100px; }
			ul#results-list li span.search_info { float: left; width: 400px; }
			
			/* Friends Page */
			ul#friends-list { margin: 0 0 10px 0; }
			ul#friends-list li { width: 620px; padding: 5px; margin: 10px 0 10px 0; border-style: solid; border-color: #999; border-width: 1px 0 1px 0; background-color: #fff; }
			ul#friends-list li span.friend_thumb { float: left; width: 100px; }
			ul#friends-list li span.friend_info { float: left; width: 400px; }
			
			/* Messages Page (Inbox) */
			.title { width: 400px; }
			.author { width: 100px; }
			.date { width: 150px; text-align: right; }
			.unread { background-color: #f1f1f1; }

	/* Footer Styles */
	#footer { margin: 20px 0 10px 0; font-size: 12px; text-align: center; }