@charset "utf-8";
/* CSS Document */
	/* { border:1px solid #f00; } */
	body, form, html { margin:0; padding:0; }
	
	#body
	{
		margin:0;
		padding:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#2A4F61;
		background-color:#fff;
	}
	
	#logged_in
	{
		clear:right;
		float:right;
		margin:3px;
		width:200px;
	}
	
	#content
	{
		width:1008px;
		margin:1px auto;
		padding-bottom:10px;
	}
	
	#header
	{
		width:auto;
		height:75px;
		margin-bottom:10px;
		padding:3px 10px 0px 10px;
		border-bottom:2px inset #aaa;
	}
	
	#header h1 { float:left; }
	#header h2 { clear:left; float:left; }
	
	#header .image { float: left; margin: 5px;}
	#header .image img { border: none; }
	
	#header #title 
	{ 
		float: left; 
		width:500px; 
		margin:20px auto;
		font-size:12px;
		font-weight:bold;
		color:#9F4432;
	}
		
	div span.frame_heading
	{ 
		position:absolute;
		display:block; 
		margin:-20px 0 0 0;		
		background:transparent url(images/background_padding.jpg) left center repeat-x;	 
		font-weight:bold;
		padding:0 5px 0 5px;  
		z-index:9;
	}
	
	form div span { background-color:#fff; background-image:none; font-size:14px; }
	form .container { background-color:#fff; background-image:none; }
	
	.container { position:relative; background:transparent url(images/background_padding.jpg) left center repeat-x;	 margin:-12px 0 0 0; padding:0; height:8px; }
	
	#player, #playlist, #page, #material, #signup
	{		
		float:left;
		margin:19px 0 0 17px;
		width:477px;
		padding:12px 5px;
		overflow:auto;
	}
	
	/****************************************
	 *	Menu
	 ****************************************/
	div#menu
	{
		position:absolute;
		top:0;
		width:660px;
	}
	
	div#menu p:first-child { float:left; }
	div#menu p 
	{ 
		float: right; 
		margin:10px; 
		padding:0; 
		display:inline;
		font-size:14px;
		color:#000;
	}
	div#menu p a { color:#000; }
	div#menu p a:hover { color:#fff; }
	
	
	/****************************************
	 *	Signup
	 ****************************************/
	#signup { width:400px; margin:12px auto auto 30%; }
	#signup table { width:100%; }
	#signup table tr th { text-align:left; }
	
	/****************************************
	 *	Player
	 ****************************************/
	#player { clear:both;border:none; width:auto; padding:0; margin:14px 0 0 18px; overflow:visible;}
	#player * { margin:0; padding:0; }
	
	/****************************************
	 *	Playlist
	 ****************************************/
	#playlist { clear:left; float:left; width:446px; height:161px; margin:25px 0 0 19px; overflow:auto; }
	#playlist ul { width:auto; }
	
	
	/****************************************
	 *	Competency Page
	 ****************************************/
	#competency-layout
	{
		background:#fff url(images/competency_background.jpg) top center no-repeat;
		width:1000px;
		height:700px;
		margin:1px auto;
		padding:0;
	}
	
	#page, #material
	{
		height: 460px;
		
	}
	
	#page
	{
		height:460px;
		width:477px;
		margin:19px 0 0 0;
	}
	
	#page p { margin-top: 0; }
	
	/****************************************
	 *	Material
	 ****************************************/
	#material
	{		
		height:90px;
		margin:28px 0 0 0px;
	}
	#material ul { margin-top:5px; margin-bottom:0; }
	
	/****************************************
	 *	Footer
	 ****************************************/
	#footer 
	{ 
		clear:both; 
		width:auto; 
		border-top:1px solid #ddd; 
		border-bottom:1px solid #ddd; 
		padding:10px; 
		font-size:11px;
		text-align:center;
		color:#ccc;		
	}
	#footer ul { list-style-type:none; margin:0; padding:0; }
	#footer ul li { display:inline; margin:10px 0px 10px 5px; border-left:1px solid #ddd; padding-left:5px; }
	#footer ul li:first-child { border:none; }
	
	
	/* COMMON */
	a { background-color:transparent; color:#0066CC; text-decoration:none; }
	a:hover { color:#FFCC00; }
	
	h1 { font-size: 18px; margin:3px; padding:0; }
	h2 { font-size: 14px; color:#145D92; margin:3px; padding:0; }

	input { border:1px solid #ccc; }
	input.button { background-color:#eee; }
	input.radio { border:none; }
	
	/**********************
	 * Login
	 **********************/
	#login
	{
		background:#fff url(images/background.jpg) top center no-repeat;
		height:340px;
		margin:0 0 1in 0;
		padding:3px 0 0 90px;
	}
	
	#login h2
	{
		margin:0;
	}
	
	#login table
	{
		width:300px;
		margin:90px auto;
		padding:0;
	}
	
	#login table td
	{
		margin:0; 
		padding:0;
		height:22px;
	}
	
	#login table th	
	{ 
		color:#fff;
		margin:0;
		padding:0;
	}
		
	#login table th.label:first-letter { color:#f90; }
	
	#login input 
	{ 
		border:1px solid #000; 
		background-color:#ddd;
		color:#000;
		font-size:12px;
		height:16px;
	}
	
	#login select
	{
		height:20px;
		width:180px;
	}
	
	
	

	/*********************/
	h3 
	{ 
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#54707E;
		font-weight:normal;
		margin:10px 0 10px 0;
	}
	
	h4
	{
		font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#9F4432;
		font-weight:lighter;
		margin:0;
	}
	
	div.page_heading 
	{ 
		float:left;
		background:#fff url(images/page_title_background.gif) top left repeat-x; 
		width:660px;
		height:48px;
	}
	
	div.column_image
	{
		background:#fff url(images/why_ulearn.gif) top left no-repeat;
		width:331px;
		height:249px;
		float:left;
	}
	
	div.column_image h3 
	{ 
		position:relative; 
		top: 210px; 
		left:25px; 
		font-weight:normal;	
	}
	
	div.section
	{
		float:left;
		width:350px;
	}
	
	div.columns
	{
		width:135px;
		float:left;
		margin-left:25px;
		margin-top:15px;
	}
	
	div.columns p, div.section p 
	{ 
		text-align:justify; 
		font-family:Arial, Helvetica, sans-serif;		
		font-size:11px; 
		margin-top:0;
		color:#000;
	}
	
	
	table.contact_info
	{
		font-size:10px;
		font-weight:lighter;
		width:100%;
		position:relative;
		top:100px;
		color:#000;
	}
	
	div.ebridge_logo
	{
		background:#fff url(images/ebridge_side_image.gif) top left no-repeat;
		float:right;
		width:340px;
		height:612px;
	}
	
	div.ebridge_logo p.heading
	{
		position:relative;
		background-color:#000;
		font-family:Arial, Helvetica, sans-serif;
		top:290px;
		font-weight:normal;
		font-size:14px;
		margin:5px 0 5px 125px;
		color:#fff;
	}
	
	div.ebridge_logo p.bio
	{
		position:relative;
		top:310px;
		margin:10px 20px 0 20px;
		font-size:10px;
	}
	
	table.contact_info a.contact_link { color:#9F4432; }
	
	
	table.contact_info a { color:#000; }
	table.contact_info a:hover { text-decoration:underline; }
	
	table.contact_info th 
	{ 
		color:#9F4432; 
		text-align:right;
		font-weight:lighter;
	}
		
	table.contact_info td
	{
		text-align:left;
	}
	
	
/* Message Centre */
.InvalidFormField
{
	border:1px solid #faa;
	background-color:#f88;
	color:#000;
}

#message_centre
{ 
	display:none;
	width:6in;
	height:30px;
	clear:left;	
	margin:5px auto;
	padding:0;
	margin-bottom:0.5in;
}

#message_centre p
{
	padding:7px 5px 7px 5px;
	color:#000;
}

#message_centre p.error { border:1px solid #f11; background-color:#f88; }
#message_centre p.success { border:1px solid #1f1; background-color:#afa; }