@media screen
{

	/*wrapper for img and breadcrumb on newsDisplay.master*/
	#imageteaserNews
	{
		float: left;
		color: #fff;
		height: 115px;
	}

	/*wrapper for img andteaser*/
	#imageteaser
	{
		float: left;
		background: #7cb7d5;
		color: #fff;
		display: block; /*width:740px; height:115px;*/
	}

	/*min height for IE
		div#imageteaser{ 
		min-height:208px;
		height:expression(this.scrollHeight > 208 ? "auto":"208px"); 
		}*/

	#imageteaser p
	{
		/*background-color:red; border: 1px solid red;*/
		width: 728px;
	}
	#teasertext
	{
		/*background-color:red;*/
		width: 729px;
		padding: .5em;
	}


	/*pageheadline*/
	#pageheadline
	{
		width: 737px;
		height: 30px;
		position: absolute;
		margin: 83px 0 0 4px;
	}

	#pageheadline h2
	{
		font-size: .9em;
		font-weight: normal;
		background: url(  '../img/arroworange.gif' ) 9px 10px no-repeat #FF9900;
		padding: .8em 2.5em;
		padding-right: .7em;
		float: left;
		color: #fff;
		font-weight: bold;
	}
	/*breadcrumbs*/
	#pageheadline h2 a
	{
		color: #fff;
	}
	#pageheadline h2 a:visited, #pageheadline h2 a:active, #pageheadline h2 a:hover
	{
		color: #fff;
		background: none;
	}
	/* | in between breadcrumbs*/
	#pageheadline span.separator
	{
		padding: 0 .2em 0 .2em;
	}
	/*login*/
	/*
		#studentlogin {
		background:url('../img/login.gif') repeat-x #a5c2e4;
		width:238px;
		height:49px;
		position:absolute;
		margin:0px 0 0 503px;
		z-index:200;
		font-size:.9em;
		}
		#studentlogin p{

		padding:.3em 0 0 .6em;
		margin:0;
		float:left;
		width:170px;
		color:#fff;

		}
		#studentlogin a{

		color:#fff;
		padding:.3em 0 0 1.5em;
		margin:0;
		background:url('../img/arrowblue.gif') 0 7px no-repeat;

		height:20px;
		float:left;

		}*/
	/*student login styles*/	/*
		#studentlogin input{

		border:0;

		float:left;
		font-size:.8em;
		margin-left:4px;
		margin-top:2px;
		padding:.4em;
		width:85px;
		height:12px;
		line-height:normal;


		}*/
	/*opera hack*/	/*
		html:first-child #studentlogin input {
		height:20px;

		}
		#studentlogin form {
		width:238px;
		overflow:hidden;
		height:auto;
		float:left;
		}
		#studentlogin .loginbt {


		float:left;
		width:20px;
		height:20px;
		margin:0;
		border:0;
		padding:.2em 0 0 0;

		}
		*/
	/*wrapper for sub nav and content*/
	#middle
	{
		/*border:1px dashed black;*/
		background: url(  '../img/fauxcolumn.gif' ) repeat-y;
		float: left;
		margin: 0;
		width: 915px;
		padding: 0pt;
	}

	#subnav
	{
		background-color: #006699;
		color: #fff;
		float: left;
		margin: 0pt;
		padding: 15px 0pt 0pt;
		width: 170px;
		height: 300px; /*spacing to content & footer*/
		margin-right: 2px;
	}


	#content
	{
		/*border:1px dashed black;*/
		float: left;
		padding: 0pt;
		width: 743px;
	}
	#textgroup
	{
		float: left;
		margin: .2em 0 0 0;
	}
	#textgroup a:hover, #textgroup a
	{
		padding: 0 .2em;
	}

	/*orange headline*/
	#textgroup h1
	{
		display: block;
		float: left;
		width: 737px;
		background: #ff9900;
		font-size: 1em;
		padding: .8em 0;
		padding-left: .5em;
		margin: 0;
		color: #fff;
	}

	/*orange menu*/

	#textgroup .scrollBar
	{
		overflow-x: hidden;
		overflow-y: scroll;
	}


	#textgroup .orangeMenu, .orangeMenu
	{
		display: block;
		width: 727px;
		background: #ff9900;
		float: left;
		height: auto;
	}
	#textgroup .orangeMenu ul, .orangeMenu ul
	{
		width: 727px;
		color: #fff;
		list-style-type: none;
	}

	div.orangeMenu ul
	{
		min-height: 26px;
		height: expression(this.scrollHeight > 26 ?   "auto" : "26px" );
	}


	.orangeMenu ul li
	{
		float: right;
		padding: 0 !important;
		height: auto;
		margin: 0;
		list-style-type: none;
	}
	/*aligns headline on singlecourse page to the left*/
	.orangeMenu ul li.reverseFloat
	{
		float: left !important;
	}
	/*headline used on singlecourse page*/
	.orangeMenu span
	{
		width: auto;
		float: left;
		font-weight: bold;
		color: #fff;
		padding: 0 0 0 .5em;
		margin: 0;
		line-height: 25px;
		width: 400px;
	}
	/*arrow button*/
	.arrowOrangeBt
	{
		color: #fff;
		padding: .5em 1em 0 2.5em !important;
		margin: 0;
		background: #ff9900 url(  '../../../common/img/arroworange.gif' ) 0 -3px no-repeat;
		height: 20px;
		float: left;
		text-align: center;
	}
	.arrowOrangeBt:hover
	{
		color: #fff;
		font-weight: bold;
		background: #ff6600 url(  '../../../common/img/arroworange.gif' ) 0 -32px no-repeat;
	}
	/*back button*/
	.arrowOrangeBtBack
	{
		color: #fff;
		padding: .5em 1em 0 2.5em !important;
		margin: 0;
		background: #ff9900 url(  '../../../common/img/arroworangeBack.gif' ) 0 -3px no-repeat;
		height: 20px;
		float: left;
		text-align: center;
	}
	.arrowOrangeBtBack:hover
	{
		color: #fff;
		font-weight: bold;
		background: #ff6600 url(  '../../../common/img/arroworangeBack.gif' ) 0 -32px no-repeat;
	}
	/*number, prev, next bt used on staff page*/


	.numberMenu
	{
		float: left;
		width: 100%;
		background: #ff9900;
	}
	.numberMenu ul
	{
		list-style-type: none;
		float: right;
		height: 25px;
	}
	.numberMenu ul li
	{
		list-style-type: none;
		float: left;
		height: 25px;
	}

	.next
	{
		color: #fff;
		padding: 0 0 0 1em;
		margin: 0;
		background: #ff9900 url(  '../../../common/img/arroworange.gif' ) 0 -3px no-repeat;
		width: 20px;
		height: 20px;
		float: left;
		text-align: center;
	}
	.next:hover
	{
		color: #fff;
		font-weight: bold;
		background: #ff6600 url(  '../../../common/img/arroworange.gif' ) 0 -32px no-repeat;
		padding-bottom: .5em !important;
	}
	.back
	{
		color: #fff;
		padding: 0 1em 0 0;
		background: #ff9900 url(  '../../../common/img/arroworangeBack.gif' ) 0 -3px no-repeat;
		width: 20px;
		height: 20px;
		float: left;
		text-align: center;
	}
	.back:hover
	{
		color: #fff;
		font-weight: bold;
		background: #ff6600 url(  '../../../common/img/arroworangeBack.gif' ) 0 -32px no-repeat;
		padding-bottom: .5em !important;
	}
	/*active / disabled status of button*/
	li a[disabled="disabled"]
	{
		color: #fff !important;
		font-weight: bold !important;
		background: #ff6600 !important;
	}
	.number, .sf_PagerSelItem, .sf_PagerItem
	{
		color: #fff;
		padding: 0em .5em 0 .5em;
		margin: .5em 0 0 0;
		border-right: 1px solid #fff;
		height: 15px;
		float: left;
		text-align: center;
	}
	.number:hover, .sf_PagerSelItem:hover, .sf_PagerItem:hover
	{
		color: #fff;
		font-weight: bold;
		background: #ff6600;
	}
	/*white menu used on course list page*/
	#textgroup .whiteMenu
	{
		display: block;
		width: 727px;
		background: #fff;
		float: left;
	}
	#textgroup .whiteMenu ul
	{
		width: 727px;
		height: 26px;
		color: #fff;
		list-style-type: none;
	}
	.whiteMenu ul li
	{
		float: right;
		padding: 0 0 0 .2em;
		height: 15px;
		margin: 0;
	}
	/*white menu used on timetable page*/
	.blueMenu
	{
		display: block;
		width: 727px;
		background: #006699;
		float: left;
	}
	.blueMenu ul
	{
		width: 727px;
		height: 26px;
		color: #fff;
		list-style-type: none;
	}
	.blueMenu ul li
	{
		float: right;
		padding: 0 0 0 .2em;
		height: 15px;
		line-height: 15px;
		margin: 0;
	}
	/*blue button, slighztly different from blue button used in login*/
	.blueMenu .arrowBlueBt
	{
		background-position: 0 9px;
		font-weight: normal;
		padding: .5em 1em 0 1.5em !important; /*overwrite a style set in stylesForAll*/
	}
	/*print secure pages button*/
	#Heading .arrowBlueBt
	{
		background-position: 0 2px;
		font-weight: normal;
		padding: 0 1em 0 1.5em !important; /*overwrite a style set in stylesForAll*/
	}
	.bar .arrowBlueBt
	{
		background-position: 0 2px;
		font-weight: normal;
		padding: 0 1em 0 1.5em !important; /*overwrite a style set in stylesForAll*/
	}
	/*print secure pages button*/
	#Heading .arrowBlueBt:hover
	{
		font-weight: bold;
	}
	/*restrict sitefinity when it puts p tags in..control the linebreaks*/
	#teasertext p, #textgroup p
	{
		padding: 0;
		margin: 0;
	}

	#textgroup img
	{
		float: left;
		padding: .5em;
		margin: 1em 1em 1em 0;
		border: 1px solid #dedede;
	}
	.column1, .column2
	{
		float: left;
		width: 380px; /*55%*/
		margin: 0;
		padding: .5em; /*background:red; border-right:1px solid black;*/
	}
	.column2
	{
		width: 310px;
		border: none;
	}
	.column3
	{
		padding: .5em;
		width: 728px;
		overflow: hidden; /*important otherwise layout looks out of proportion*/
	}
	/*used on contact page*/
	.column4
	{
		float: left;
		padding: .5em;
		width: 47%;
	}



	/*create User styles*/
	fieldset.rego
	{
		padding: 1em 0 1em .5em;
		float: left;
		margin: .5em;
		width: 725px;
		border: none;
		font-family: verdana,sans-serif;
		line-height: 1.5em; /*background:url('../img/sep.gif') bottom repeat-x;*/
	}
	fieldset.rego2
	{
		padding: 1em 0 1em .5em;
		float: left;
		margin: .5em;
		width: 580px;
		border: none;
		font-family: verdana,sans-serif;
		line-height: 1.5em; /*background:url('../img/sep.gif') bottom repeat-x;*/
	}
	/*
		.rego legend{
			display:block;
			width:500px;
			padding:1em 0 .5em 0;
		margin:0;
			color:#333;
			font-weight:bold;

			/*background:url('../img/sep.gif') bottom repeat-x;
		}*/



	.rego .item
	{
		float: left;
		width: 360px;
		padding: 0;
		margin: 0;
	}
	fieldset span
	{
		font-size: .8em;
	}
	.rego label
	{
		float: left;
		width: 40%;
		padding: .2em;
		text-align: left;
		font-weight: bold;
		height: 18px;
	}
	.rego2 label
	{
		float: left;
		display: inline-block;
		width: 40%;
		padding: .2em;
		text-align: left;
		font-weight: bold;
		height: 18px;
	}

	.rego2 input, .rego2 .RadComboBox
	{
		padding: .3em;
		margin: 0 0 .3em 0;
		width: 50%;
		clear: right;
	}
	.rego2 input
	{
		border: 1px solid #ccc;
	}
	.rego2 span.checked
	{
		font-size: 1em;
	}
	fieldset .checked input
	{
		border: none;
		width:auto;
		float:left;
		margin: 2px;
	}

	.rego input
	{
		padding: .3em;
		margin: 0 0 .3em 0;
		width: 50%;
		clear: right;
		border: 1px solid #ccc;
	}
	.rego select
	{
		width: 52.5%;
		margin-right: 0.5em;
		padding-top: 0.2em;
	}

	/*error message, invisible*/
	.errorMsg
	{
		border: 1px solid red;
		width: 680px;
		float: left;
		padding: 1em !important;
		margin: 1em !important;
		color: red;
	}
	/*this is used on registration page, indent list*/
	.errorMsg ul
	{
		padding-left: 1em;
	}
	/*FAQ list*/
	/*start headlines*/
	.faqStart
	{
	}
	/*whole list*/
	.faqList
	{
		padding: .5em 0 0 .5em;
		list-style-type: none;
	}
	/*styling of headlines*/
	.faqList span
	{
		font-weight: bold;
	}
	.faqList ul
	{
		list-style-type: none;
	}
	/*styling of headlines*/
	.faqStart li
	{
		display: block;
		height: 1%; /*IE6 needs this, otherwise creates big gaps between each li element*/
	}
	.faqStart li a
	{
		margin-bottom: .2em;
		font-weight: bold;
		padding: .5em .5em !important;
		background: #dedede;
		display: block;
		color: #666;
	}
	.faqStart li a:hover
	{
		font-weight: bold;
		color: #fff;
		background: #999;
	}

	.backtoTopBt
	{
		padding: .65em 0 .65em 2em !important;
		display: block;
		margin: 1em 0 0 0 !important;
		color: #666 !important;
		background: #ccc url(  '../../../common/img/backToTop.gif' ) 6px 0 no-repeat !important;
		clear: left;
		width: 80px;
	}

	.backtoTopBt:hover
	{
		color: #fff !important;
		margin: 1em 0 0 0;
		background: #999 url(  '../../../common/img/backToTop.gif' ) 6px -26px no-repeat !important;
	}
	/*contains backtotop button*/


	/*list item headline */
	.faqList .sf_target_list dt
	{
		font-weight: bold;
		padding: 1em 0 0 0;
		display: block;
	}
	/*headline answers*/
	.faqList .sf_item_head
	{
		padding: 1em 0 !important;
	}
	/*answers*/
	.faqList .sf_item_body
	{
		display: block;
		padding: 0 0 1em 1em;
		background: url(  '../img/sep.gif' ) bottom repeat-x;
	}
	/*for ul lists within body*/
	.faqList dd ul
	{
		margin-left: 1.5em;
		margin-top: 1em;
		list-style-type: square;
	}
	/*hide headline*/
	h3.sf_target_head
	{
		display: none;
	}



	/*Link List*/
	h3.list_header
	{
		display: none;
	}
	ul.sf_list_expanded
	{
		padding: 1em 0 1em .5em;
		list-style-type: none;
	}
	/*description text*/
	ul.sf_list_expanded .sf_item_body
	{
		padding: .5em 2em 1em 0;
	}
	/*link*/
	ul.sf_list_expanded a
	{
		font-size: .9em;
		font-weight: normal;
		background: #dedede url(  '../img/arrowgrey.gif' ) 7px 0 no-repeat;
		padding: .65em 2.5em !important;
		padding-right: 1em !important;
		color: #666;
		line-height: 35px;
	}
	ul.sf_list_expanded a:hover
	{
		background: #999 url(  '../img/arrowgrey.gif' ) 7px -27px no-repeat;
		color: #fff;
	}
	/*headline*/
	ul.sf_list_expanded h5
	{
		display: block;
		background: url(  '../img/sep.gif' ) bottom repeat-x;
		font-size: 1em;
		padding: .8em 0;
		padding-left: .5em;
		margin: 0 0 0 0;
		color: #666;
	}

	/*searchresult display*/
	/*whole  searchlist*/
	#ctl00_column3Region_SearchResult2
	{
		padding: 1em 0 1em .5em;
	}
	/*headline , amount of results*/
	.searchResults .pageTitle a
	{
		display: block;
		background: url(  '../img/sep.gif' ) bottom repeat-x;
		font-size: 1em;
		padding: .8em 0 !important;
		padding-left: .5em !important;
		margin: 0 0 0 0;
		color: #666 !important;
	}
	#ctl00_column3Region_SearchResult2 h2
	{
		display: block;
		padding-left: .5em;
		margin: 0 0 0 0;
		color: #006699;
		font-style: italic;
	}
	/*body wirh results*/
	.searchBody
	{
		padding: .5em 2em 1em 0;
	}
	/*LINK after searchbody*/

	.searchLink a
	{
		font-size: .9em;
		font-weight: normal;
		background: #dedede url(  '../img/arrowgrey.gif' ) 7px 0 no-repeat;
		padding: .65em 2.5em !important;
		padding-right: 1em !important;
		color: #666;
		line-height: 35px;
		font-style: normal;
	}
	.searchLink a:hover
	{
		background: #999 url(  '../img/arrowgrey.gif' ) 7px -27px no-repeat;
		color: #fff;
	}

	/*sitetree positioning*/
	.sitemap
	{
		padding: .5em 2em 1em 0;
	}
	.sitemap span
	{
		text-decoration: none;
		font-size: 1em;
		color: #fff;
	}
	.sitemap .TreeNode
	{
		font-size: 1em;
		padding: .1em;
		text-decoration: none;
		color: #666;
	}
	.sitemap .TreeNode:hover
	{
		font-size: 1em;
		padding: .1em;
		text-decoration: none;
		color: #fff !important;
		background: #999;
	}
	/*otherwise #textgroup img rule is applied here*/
	.sitemap img
	{
		float: none !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/*staff list page*/
	/*startpage North/South of the river*/
	.nrsr
	{
		float: left;
		width: 49%;
	}
	.nrsr p
	{
		float: left;
	}
	/*page 1, list items*/
	#staffList
	{
		background: url(  '../img/staffTile.gif' ) repeat;
		height: auto;
		overflow: hidden;
		width: 730px;
		float: left;
	}
	/*Categories*/
	.staffCat
	{
		padding: .5em;
		background: #FF9900 none repeat scroll 0%;
		float: left;
		margin-bottom: 1em;
		width: 100%;
	}
	.staffCat li
	{
		list-style-type: none;
		float: left;
		border-right: 1px solid #fff;
		padding: 0 .5em;
		color: #fff;
	}
	.staffCat li span
	{
		color: #ffcc66;
	}
	.staffCat li a
	{
		padding: .5em;
		color: #fff;
		background: #ff9900;
	}
	.staffCat li a:hover
	{
		color: #fff;
		background: #ff6600;
	}
	/*item containing pic , job title, name*/
	#staffList li.staffItem
	{
		list-style: none;
		width: 233px;
		height: 108px;
		float: left; /*background:url('../img/sepVer.gif') right repeat-y;*/
		padding-top: 1em;
	}
	/*pic*/
	#staffList li img
	{
		margin: 0 .8em 0 .8em;
		float: left;
		width: 73px;
		height: 88px;
		background: #f5f5f5;
	}
	/*name of staff*/
	#staffList li h4
	{
		font-size: .9em;
		float: left;
		height: 60px;
		width: 120px;
		overflow: hidden;
	}
	/*job*/
	#staffList span
	{
		color: #999;
		float: left;
		font-weight: normal;
		width:100%;
	}
	/*read more bt*/
	ul#staffList a, ul#staffList a:hover
	{
		float: left;
		background: #DEDEDE url(../img/arrowgrey.gif) no-repeat scroll 7px 0pt;
		color: #666666;
		font-size: 0.9em;
		font-weight: normal;
		line-height: 15px;
		padding: 0.65em 1em 0.65em 2.5em;
	}

	ul#staffList a:hover
	{
		background: #999999 url(../img/arrowgrey.gif) no-repeat scroll 7px -27px;
		color: #FFFFFF;
	}

	/*page 2, staff details*/
	.staffDetail
	{
		float: left;
		width: 720px;
		padding: 1em;
	}
	.staffDetail img
	{
		float: left;
		padding: 0 1em 1em 0;
		background: #dedede;
	}
	.staffDetail h2
	{
		width: 540px;
		font-size: 1em;
		float: left;
		background: url(  '../img/sep.gif' ) bottom repeat-x;
		padding: 3em 0 1em 0;
		color: #333;
	}
	.staffDetail h2 .staffTitle
	{
		display: block;
		color: #666;
	}


	.staffDetail div.quotes
	{
		width: 540px;
		font-weight: bold;
		float: left;
		padding-top: .5em;
		padding-left: .5em;
		margin-top: .5em;
		margin-bottom: .5em;
		text-indent: 2em;
		background: url(../img/quotes.gif) .2em -2px no-repeat;
	}
	.staffDetail p
	{
		padding-top: 1em !important;
		font-weight: normal;
		background: none;
	}
	/*Logged in user styles*/
	/*scroll, necessary for results page*/
	.column3 #secureSection
	{
		width: 725px !important;
		overflow-x: scroll;
	}

	/*table styles for all tables in worklog report, results, timetable, work log experience*/
	.column3 #secureSection table
	{
		margin: 1em 1em 1em 0;
		border-collapse: collapse;
	}
	/*combo box headline "Surname, First Name, Student ID "*/
	.column3 #secureSection tr.blue
	{
		background: #DEDEDE;
		color: #000;
	}
	
	/*main headline*/
	.column3 #secureSection table
	{
		border: none;
		width: 100%;
		padding: 0;
		margin: 0;
		float: left;
	}

	.column3 #secureSection table th
	{
		border: none;
		padding: 0.2em .5em;
		border-right: 1px solid #fff;
		text-align: left;
	}
	/*data cell*/
	.column3 #secureSection table td
	{
		border: 1px solid #fff;
		padding: 0.2em .5em;
		text-align: left;
	}

	/*data row*/
	
	.column3 #secureSection #Message
	{
		clear:left;
	}

	/* headline*/
	.column3 #secureSection table .Headline
	{
		background: #006699;
		color: #fff;
	}
	/*worklogexperience summary*/
	.column3 #secureSection table .Summary
	{
		background: #006699;
		font-weight: bold;
		color: #fff;
		height: 2em;
	}
	/*timetable 1st headline*/
	.column3 #secureSection #Heading
	{
		background: #006699;
		font-weight: bold;
		color: #fff;
		line-height: 1em;
		padding: .5em;
		padding-bottom: 1.5em;
	}	
	.column3 #secureSection .bar
	{
		background: #006699;
		font-weight: bold;
		color: #fff;
		line-height: 1em;
		padding: .5em;
		padding-bottom: 1.5em;
	}
	div.column3 div#secureSection img
	{
		margin:0;
		padding:0 0 0.5em 0;
	}
	
	/*studendetails 1st headline*/
	.column3 #StudentDetails
	{
		margin-top: 1em;
		padding-left: .5em;
	}

	.column3 #secureSection table .Tint
	{
		background: #dedede;
	}
	.column3 #secureSection table caption
	{
		margin-left: inherit;
		margin-right: inherit;
	}
	/*Subheadline for combodropdown on results*/
	.column3 #secureSection table#comboTitle
	{
		width: 350px;
		margin: .5em 0;
		margin-top: 1em;
		font-weight: bold;
		border: none;
	}
	
	/* breakdown */
	.column3 #secureSection table tr.first
	{
		font-weight:bold;
		color: #ffffff;
	}
	.column3 #secureSection table tr.selected
	{
		background-color:#7CB7D5;			
	}
	
	.column3 #secureSection table tr.selected td.breakdown
	{
		padding-left: 55px;
	}
	
	.column3 #secureSection table tr.selected .breakdown table .Headline th
	{
		background-color:#DEDEDE;
		border:1px solid #000000;
		color: #000000;
	}
	
	.column3 #secureSection table tr.selected .breakdown table td
	{
		background-color:#ffffff;
		border:1px solid #000000;
	}
	
	.column3 #secureSection table a
	{
		text-decoration:underline;	
	}
	
	/*dropDown on results page*/
	.comboBox
	{
		height: auto;
		padding-bottom: 1em;
	}
	.comboBox input
	{
		height: 18px !important;
	}
	/*password revovery page*/

	fieldset#pwRecovery
	{
		background-color: #f2f2f2;
		border: none;
		padding: 5em 0;
		margin: 0;
	}

	#pwRecovery label
	{
		float: left;
		line-height: 14px;
		padding: 5px;
		margin-left: 10em;
		padding-bottom: 5px;
	}
	#pwRecovery input
	{
		border: 1px solid #cdcdcb;
		float: left;
		font-size: 1em;
		margin-right: 3px;
		padding: 5px;
		width: 250px;
		height: 14px;
	}

	#pwRecovery form
	{
		border: none;
		width: 238px;
	}

	#pwRecovery .pwSubmit
	{
		background-color: #dedede;
		float: left;
		width: 90px;
		height: 26px;
		margin: -12px 0 0 0;
		border: 0;
		font-family: Verdana,Arial,SunSans-Regular,Sans-Serif;
		font-size: .9em;
	}
	/*error msg*/
	#pwRecovery td .err
	{
		width: 60%;
		border: 1px solid #ff9900 !important;
		background: #fff; /*visibility:hidden;*/
		margin-left: 10em;
		margin-top: 2em;
		padding: 1em;
	}

	#pwRecovery td
	{
		border: none;
	}

	/*courseRegistration page*/
	/*progressbar on every page*/

	ul#progressBar
	{
		float: left;
		list-style-type: none;
		height: auto;
		width: 100%;
		background: #006699;
		margin-bottom: .5em;
	}
	ul#progressBar li
	{
		display: inline;
		float: left;
		padding: 0 0em 0 3em;
		line-height: 29px;
		color: #7cb7d5;
		width: 110px;
		text-align: left;
		border-right: 1px solid #fff;
		background: #006699 url(  '../../../common/img/progressArrow.gif' ) .7em 0 no-repeat; /*background:#333365 url('../../../common/img/progressArrow.gif') 0 0 no-repeat;*/
	}

	ul#progressBar li.current
	{
		color: #fff; /*font-weight:bold;*/
		background: #7cb7d5 url(  '../../../common/img/progressArrow.gif' ) .7em -30px no-repeat;
	}
	ul#progressBar li.last
	{
		border-right: none;
	}
	/*
		ul#progressBar li.arrow {
			display:none;
		font-weight:bold;
		width:20px;
		width:20px;
		float:left;
		background:#333365 url('../../../common/img/progressArrow.gif') 0 -30px no-repeat;
		}*/
	/*
		ul#progressBar li a {
		color:#fff;
		text-align:center;
		line-height:30px;

		padding:.8em .8em .8em .8em;
		}
		ul#progressBar li a:hover {

		background:url('../../../common/img/loginBg.gif') repeat-x;

		}*/
	/*on shipping & payment page*/
	fieldset.shipping
	{
		width: 49%;
		float: left;
		border: 0;
		padding: 1em 0;
		padding-right: .3em;
		margin: 0;
	}
	.shipping .chk
	{
		display: block;
		float: left;
		width: 100%;
		background: url(  '../img/sep.gif' ) bottom repeat-x;
		padding: .5em 0 1em 0;
		margin-bottom: 1em;
	}

	.shipping .chk input
	{
		width: 10%;
		float: left;
		border: 0;
	}
	.shipping .chk label
	{
		float: left;
		width: 70%;
		margin-top: -2px;
	}
	.shipping .shipitem
	{
		float: left;
		background: url(  '../img/sepVer.gif' ) right repeat-y;
		padding: 0 1em 0 0;
		margin: 0;
		width: 320px;
	}

	/*removes border in shipping page and coursedetails page*/
	.noborder
	{
		background: none !important;
		padding-right: none !important;
		border: none !important;
	}

	.shipping input
	{
		padding: .3em;
		margin: 0 0 .3em 0;
		width: 60%;
		clear: right;
		border: 1px solid #ccc;
	}


	.shipping label
	{
		float: left;
		width: 30%;
		padding: .2em;
		text-align: left;
		font-weight: bold;
		height: 18px;
		clear: left;
	}
	/*for middle panel*/
	.shipping label.diffHeight
	{
		width: 100% !important;
		height: auto !important;
	}
	.shipping input.diffWidth
	{
		width: 92% !important;
	}

	.shipping .shipcomboBox
	{
		padding: 0 0 .3em 0;
		margin: 0;
	}
	/*overwrite styles set in radmenu combobox*/
	.shipping .shipcomboBox input
	{
		height: 17px !important;
		width: 165px !important;
	}
	/*headlines for both fieldsets, styling legends played up in FF*/
	.headlines
	{
		width: 100%;
		background: #ff9900;
		float: left;
		margin-bottom: 1em;
	}
	.headlines span
	{
		width: 48%;
		display: block;
		float: left;
		font-size: 1em;
		color: #fff;
		font-weight: bold;
		padding: .8em;
		padding-right: .1em;
		margin: 0;
	}



	/*course list pages*/
	.CourseListStyle
	{
		float: left;
		padding: 0;
		margin: 0;
	}
	.CourseListStyle h4
	{
		color: #666666;
		display: block;
		font-size: 1em;
		margin: 0pt;
		padding: 1em 0 0 0; /*	 background:#efefef url(../img/sep.gif)  bottom repeat-x;*/
	}
	.CourseDescription
	{
		display: block; /*width:705px;*/
		padding: 1em;
		background: #efefef;
		margin: 1em 0;
	}

	/*single course page, summary page*/
	.singleCourse, .summary
	{
		float: left;
		margin: 1em;
	}



	.singleCourse .CourseDescription, .summary .CourseDescription
	{
		padding: 0.5em 2em 2em 0pt;
		background: transparent url(../img/sep.gif) repeat-x scroll center bottom;
	}

	/*img used in course details*/
	.CourseImg
	{
		display: block;
		padding: 0.5em 2em 1em 0pt;
	}

	.CourseImg IMG
	{
		border: none !important;
		float: left !important;
	}

	.singleCourse h4, .summary h4, .address h4
	{
		color: #666;
		display: block;
		font-size: 1em;
		margin: 0pt;
		padding: 1em 0pt 0.2em 0;
	}


	/*columns for billing & shipping address*/
	.address
	{
		width: 46%;
		float: left;
		margin: 1em;
		background: transparent url(../img/sepVer.gif) repeat-y right;
	}

	.address span
	{
		padding-bottom: 1em;
		display: block;
	}

	/*Payment page*/
	#payment
	{
		float: left;
		padding-bottom: 1em;
		background: #fff;
	}


	/*explanation text*/
	#payment .payinfo
	{
		background-color: #efefef; /*dedede*/
		display: block;
		padding: .5em;
		float: left;
		width: 100%;
	}
	#payment label
	{
		background-color: #fff; /*dedede*/
		padding: 2em 0 0 1em;
		float: left;
		margin: 0;
		height: 26px;
		width: 70%;
	}
	#payment input
	{
		padding: 0;
		float: left;
		margin: 1.6em 0 0 0;
		width: 10%;
		background: #fff;
	}
	/*done page */
	.done
	{
		float: left;
		margin: 0;
		padding: 0;
	}
	.done h5
	{
		background: transparent url(../img/sep.gif) repeat-x scroll center bottom;
		color: #666666;
		display: block;
		font-size: 1em;
		margin: 0pt;
		padding: .8em 0pt 0.8em 0.5em;
	}
	/*overwrite former padding / margin*/
	.done p
	{
		float: left;
		padding: 1em 0 !important;
	}

	/*contact page & google map*/
	#contactform
	{
		background: url(  '../img/sep.gif' ) right repeat-y;
	}

	#contactform ul
	{
		list-style-type: none;
	}

	#contactform fieldset
	{
		padding: 1em 0 1em .5em;
		margin: .5em;
		width: 380px;
		border: none;
		font-family: verdana,sans-serif;
		line-height: 1.5em; /*background:url('../img/sep.gif') bottom repeat-x;*/
	}




	#contactform fieldset label
	{
		float: left;
		width: 40%;
		padding: .2em;
		text-align: left;
		font-weight: bold;
		height: 18px;
	}


	#contactform input, #contactform textarea
	{
		padding: .3em;
		margin: 0 0 .3em 0;
		width: 50%;
		clear: right;
		border: 1px solid #ccc;
	}

	/*submit button*/
	#contactform .submitbt
	{
		float: left;
		width: 100px;
		margin-left: 12em;
	}

	/*timetable module*/
	/*columns to keep modules in place*/
	/*container calendar, comboboxes left side*/
	#tt_top
	{						
		background: url(  '../img/sep.gif' ) bottom repeat-x;
		padding: 3em 0 2em 0;
	}

	/*container timetable display*/
	#tt_bottom
	{				
		padding-top: 1.5em 0 2em 0; /*border:1px solid red;*/
	}
	
	#TimetableCategory, #TimetableName 
	{
		width: 195px;
	}

	#TimetableCategory span, #TimetableName span
	{
		float: left;
		padding: 0 0 1em 0;
		font-weight: bold;
	}

	/*book store*/
	/*radNumeric*/
	ul#bookList table
	{
		width: 80px !important;
	}
	ul#bookList .RadInput_Default
	{
		width: 80px !important;
		float: left;
	}
	ul#bookList .RadEnabledCss_Default
	{
		border: 1px solid #ccc !important;
	}

	ul#bookList .inputCell input
	{
		padding: .3em;
	}
	ul#bookList .spinImgCell
	{
		padding: 0 .5em !important;
	}

	/*booklist*/

	ul#bookListHeading
	{
		list-style-type: none;
		float: left;
		padding: .8em;
	}
	ul#bookListHeading li
	{
		color: #fff;
		font-weight: bold;
		float: left;
		width: 65px;
		padding: 0 .5em;
	}
	ul#bookList
	{
		float: left;
		width: 100%;
		background: url(  '../img/bookListBg.gif' ) top repeat-y;
		height: auto; /*overflow: auto;*/
	}
	ul#bookList li
	{
		display: block;
		float: left;
		height: auto;
		padding: 1em .5em;
		background: url(  '../img/sep.gif' ) bottom repeat-x;
	}
	ul#bookList span
	{
		display: block;
		height: auto;
		font-weight: bold;
	}
	ul#bookList p
	{
		float: left;
		height: auto;
		width: 480px;
		padding: 0pt 0.5em 0pt 1em;
	}
	ul#bookList p.price
	{
		float: left;
		height: auto;
		width: 100px;
		text-align: center;
		font-weight: bold;
	}

	/*summary
		.bookTotal{float:left;background:#006699;width:100%;font-weight:bold; color:#fff;padding:0;}
		.bookTotal .text{float:left;width:85%;text-align:right;}
		.bookTotal .amount{float:left;padding: 0 2.5em;}*/

	/*.gst{background:#ccc;float:left;width:98.5%;text-align:right;padding:1.5em .5em;color:#fff;font-weight:bold;}
		.gst span{padding:2.5em}*/


	/*table summary*/
	.bookTotal table
	{
		font-size: 10px;
		float: left;
		width: 100%;
		font-weight: bold;
		background: #b0b0b0;
		color: #fff;
		margin: 1em 0 0 0;
	}
	.bookTotal table td
	{
		text-align: right;
		padding: .5em 1em;
	}
	/*.bookTotal table .price{width:10%;text-align:center; color:#fff;padding:1em 0;}*/
	.bookTotal tr.total
	{
		background: #999;
	}
	.bookTotal tr.gst td
	{
	}

	.RadGrid_Default
	{
		width: 730px !important;
	}
	/*shipping address page*/




}