/* CSS for the course search and listing controls */
/* $Id: 0615courselistingsearch.css 214 2010-09-09 13:04:57Z BrownRY $ */

#main div.sys_course-control,
#main div.sys_courses-search-control  {
	height: auto;
	margin: 0 0 8px 0;
}

#main div.sys_courses-search-control  {
	padding: 11px;
}

#main div.sys_course-atoz-list
{
	padding-bottom: 11px;
}

/* Change the colour and stick a line across the top if it's a search or an a-to-z result */
#main div.sys_courses-search-control,
#main div.sys_course-atoz-list
  {
	border-top:1px solid #cccccc;
	}

	/* Set the colour for the search or the options at the top of an Z to Z */
	#main div.sys_courses-search-control,
	#main div.sys_course-atoz-list h2.sys_course-title,
	#main div.sys_course-atoz-list div.sys_atoz-control,
	#main div.sys_course-atoz-list div.sys_academiclevelradios 
	{
		background: #f3f5f7;
	}

	/* Because the 3 top sections of the A to Z are coloured, have to set the padding on the 
		individual sections of the control as well as the search control*/ 
	#main div.sys_courses-search-control,
	#main div.sys_course-atoz-list div.sys_atoz-control,
	#main div.sys_course-atoz-list div.sys_academiclevelradios
	{
		padding-left: 11px;
		padding-right: 11px;
	}

	/* Headers for the search control and the a to z list */
	#mainContent div.sys_course-control h2.sys_course-title, 
	#wideContent div.sys_course-control h2.sys_course-title, 
	#mainContent div.sys_courses-search-control h2,
	#wideContent div.sys_courses-search-control h2
	{
		margin-bottom: 0;
	}

	/* Headers for the search control and the a to z list */
	#mainContent div.sys_course-atoz-list h2.sys_course-title, 
	#wideContent div.sys_course-atoz-list h2.sys_course-title, 
	#mainContent div.sys_courses-search-control h2,
	#wideContent div.sys_courses-search-control h2
	{
		color:#333333;
		font-size:2.2em;
		height:auto;
		height:32px;
		min-height:32px;
		padding: 0;
	}
	
	/* Over rides settings in style.css to set h2 as Georgia */
	#wideContent div.sys_course-atoz-list h2,
	#wideContent div.sys_courses-search-control h2,
	#mainContent div.sys_course-atoz-list h2,
	#mainContent div.sys_courses-search-control h2
	{
		font-family: "Georgia", "Times new Roman";	
	}
	
	/* Icon and padding for search header */
	#wideContent div.sys_courses-search-control h2, 
	#mainContent div.sys_courses-search-control h2
	{
		padding-left: 32px;
		background: url(/Images/website/icons/icosearchselected.gif)  no-repeat;
	}
	
	/* Icon and padding for a to z header */
	#mainContent div.sys_course-atoz-list h2.sys_course-title,
	#wideContent div.sys_course-atoz-list h2.sys_course-title
	{
		padding-left: 43px;
		padding-right: 11px;
		padding-top: 11px;
		background: #f3f5f7 url(/Images/website/icons/icoazselected.gif) 11px 11px no-repeat;
	}

	/*Basic settings for textboxes */
	#main div.sys_course-control input.sys_text, #main div.sys_courses-search-control input.sys_text {
		margin-top: 5px;
		width:400px;
		border:1px solid #cccccc;
	}
	
	/* Labels on the search control*/
	#main div.sys_courses-search-control div.sys_search-row label{
		line-height:1.5em;
		font-size: 1.3em;
		color: #666;
		}
	
	/* Submit buttons on the search page */
	#main div.sys_courses-search-control .sys_submit {
		line-height: 1.5em;
		font-size:1.5em;
		color:#990066;
		padding:5px 9px;
		background:#e5e9ee;
		border:none;
		margin:0 0 0 1em;
	}
	
	#main div.sys_courses-search-control .sys_reset {
		background:url("/Images/website/clear.gif") no-repeat scroll 0 0 transparent;
		border:medium none;
		/*clear:left;*/
		color:#666699;
		/*float:left;*/
		font-size:1.2em;
		font-weight:bold;
		height:auto !important;
		margin:.5em 0 0 0;
		min-height:21px;
		padding:.2em 2.5em;
		text-align:left;
		display:block;
	}
	
	/*Unordered lists for the A to Z letters need to refer to both mainContent and wideContent 
		because of li definitions at the mainContent level with padding used to maintain design */
	#mainContent div.sys_course-control div.sys_atoz-control ul,
	#wideContent div.sys_course-control div.sys_atoz-control ul {
		clear:both;
		margin:0 0 0 0;
		padding-top: 1em;
		padding-bottom: .3em;
		overflow:hidden;
	}

		/* Added a font-size: 1em to return the basic li to normal size */
		#mainContent div.sys_course-control div.sys_atoz-control ul li,
		#wideContent div.sys_course-control div.sys_atoz-control ul li {
				float:left;
				margin-right:2px;
				background: none no-repeat 0 0 transparent;
				padding-left: 0px;
				font-size: 1em;
			}

		#mainContent div.sys_course-control div.sys_atoz-control ul li a,
		#wideContent div.sys_course-control div.sys_atoz-control ul li a,
		#mainContent div.sys_course-control div.sys_atoz-control ul li span,
		#wideContent div.sys_course-control div.sys_atoz-control ul li span
		 {
				display:block;
				text-align:center;
				padding:5px 0;
				font-weight:bold;
				background:#ffffff;
				border:1px solid #e1e1e1;
			}

		#mainContent div.sys_course-control div.sys_atoz-control ul li a,
		#mainContent div.sys_course-control div.sys_atoz-control ul li span
		 {
				font-size:1.2em;
				width:1.2em;
			}


		#wideContent div.sys_course-control div.sys_atoz-control ul li a,
		#wideContent div.sys_course-control div.sys_atoz-control ul li span
		 {
				font-size:1.5em;
				width:1.5em;
			}
			
		#mainContent div.sys_course-control div.sys_atoz-control ul li a,
		#wideContent div.sys_course-control div.sys_atoz-control ul li a
		{
			
				color:#990066;
		}
		
		#mainContent div.sys_course-control div.sys_atoz-control ul li.sys_selected a,
		#wideContent div.sys_course-control div.sys_atoz-control ul li.sys_selected a {
					background:#66a300;
					color:#ffffff;
				}
	
	/*  These are the radio buttons for the undergraduate and postgraduate under the a to z */
	/* Moved a margin in here as padding to maintain design and extend colour*/
	#main div.sys_course-control div.sys_academiclevelradios
	{
		padding-bottom: 1em;
	}
	#mainContent ul.sys_radios,
	#wideContent ul.sys_radios 
	{
		
		clear:both;
		margin:0 0 0 0;
		overflow:hidden;
	}

		#mainContent ul.sys_radios li,
		#wideContent ul.sys_radios li {
			float:left;
			margin-right:28px;
			background-image: none;
			font-size:1.2em;
		}

			/* Overrides of the standard LI settings */
			#mainContent ul.sys_radios li,
			#wideContent ul.sys_radios li {
				padding-left: 0;
				margin-bottom: 0;
			}
			
			#mainContent ul.sys_radios li a,
			#wideContent ul.sys_radios li a {
				padding:0 0 0 24px;
				color:#666666;
				font-weight:bold;
				background:url(/Images/website/radio.gif) no-repeat 3px 0;
				border:none;
		}

				#mainContent ul.sys_radios li.sys_selected a,
				#wideContent ul.sys_radios li.sys_selected a{
				background:url(/Images/website/radioselected.gif) no-repeat 3px 0;
			}
	
	/* Heading which contains the description of the search*/
	#mainContent div.sys_course-control h2.sys_results,
	#wideContent div.sys_course-control h2.sys_results {
		color:#66A300;
		margin: 0 0 0 0;
	}
	
	/* Use the design values for the A to Z Search results description */
	#mainContent div.sys_course-atoz-list h2.sys_results,
	#wideContent div.sys_course-atoz-list h2.sys_results
	{
		font-size:2.2em;
		margin-top: 1em;
	}

		#mainContent div.sys_course-control h2.sys_results em,
		#wideContent div.sys_course-control h2.sys_results em {
			color:#666699;
			font-size:0.9em;
			font-style:normal;
		}
	
	/* Put a margin on the top so that whatever is above it is spaced as in design*/
	#main div.sys_course-control div.sys_datarepeatercontrol
	{
		margin-top: 1em;
	}
	
	/* Use the design margin for the a to z lists and put the bottom padding in as well */
	#main div.sys_course-atoz-list div.sys_datarepeatercontrol
	{
		margin-top: 2em;
		padding-bottom: 11px;
	}
	
	/* Reduce the top padding for the ul of courses */
	#mainContent ul.sys_itemslist
	{
		margin-top: 10px;
		
	}
	/* Shows the number of records on each page */
	#main div.sys_course-control div.sys_paginginfo {
		clear:both;
		font-size:1.5em;
		color:#666666;
		padding:0.5em 0 1em 0;
	}

	#main div.sys_course-control div.sys_paginginfo span.sys_paginginfocurrentrecord,
		#main div.sys_paginginfo span.sys_paginginfomaxrecord,
		#main div.sys_paginginfo span.sys_paginginforecordcount  {
		color:#333333;
		font-weight: bold;

	}
	
	/* The styling for the previous/next and paging options */
	#main div.sys_course-control div.sys_navigation
	{
		clear:both;
		margin:0.5em 0 2em 0;
		padding:0;
	}

	#main div.sys_course-control div.sys_navigation span
	{
		display:inline;
	}

	#main div.sys_course-control div.sys_navigation span span{
		font-size:1.4em;
		color:#666666;
		padding: 0 0 0 14px;
	}

	/* Make the previous stay to the left */	
	#main div.sys_course-control div.sys_navigation span.sys_navigationprevious span{
		padding: 0 0 0 0;
	}
	

		#main div.sys_course-control div.sys_navigation span a {
			color:#990066;
			font-size:1.4em;
			padding: 0 0 0 14px;
		}

	#main div.sys_course-control div.sys_navigation span.sys_navigationprevious a {
		padding:0 0 0 0;
	}

			#main div.sys_course-control div.sys_navigation span.sys_selected a {
				color:#333333;
				font-weight:bold;
			}