/*
-----------------------------------------------------
CSS name: 	it's learning v3 - Core style
Version:	07.03.08
-----------------------------------------------------
*/

/* It is recomended that you use TopStyle Lite 3 (for Windows, free) or newer to
edit this file.  http://www.bradsoft.com/topstyle/
That way you can use the "Selectors" tab in Style Inspector to browse the
different Classes and IDs. It is however no problem to edit this file with
any other script editor, for example SciTE and use Search - Find - Mark all. */

/* The layout produced through this CSS-file is copyrighted it's learning - 2006.
Source code is copyrighted. */

/*
Some notes on the structure of this document
-in some places some rule names have a tag name in front. This is for labeling that it can only be put on this special HTML-tag. Eg. "body.stylerule" */
/*
-----------------------------------------------------
Contents:
-Universal style

-PageType - Cardlist
-PageType - Categories
-PageType - CategoryBox24
-PageType - ContentMenu
-PageType - Login
-PageType - Normal
-PageType - Print
-PageType - Standalone
-PageType - TopMenu
	-Contextual(TopMenu) PageComponent - Area
	-Contextual(TopMenu) PageComponent - ExternalLinks
	-Contextual(TopMenu) PageComponent - Help
	-Contextual(TopMenu) PageComponent - Logout
	-Contextual(TopMenu) PageComponent - Name
	-Contextual(TopMenu) PageComponent - Navigation
	-Contextual(TopMenu) PageComponent - Search
-PageType - TreeMenu
-PageComponent - ProxyToolSetting
-PageComponent - ProxyToolOperations
	Contextual(ProxyToolOperations) PageComponent - AdminOperations
	Contextual(ProxyToolOperations) PageComponent - LearnOperations
-PageComponent - AlertBoxes
-PageComponent - BackNav
-PageComponent - ColorBox
-PageComponent - ContainerBox
-PageComponent - ContainerFunction
-PageComponent - Description
-PageComponent - FloatClear
-PageComponent - Editor
-PageComponent - ePortofolio
	-Contextual(ePortofolio) PageComponent - Login
-PageComponent - ExpandedChoice
	-Contextual(ExpandedChoice) PageComponent - Expanded
-PageComponent - Inactive
-PageComponent - InputForm
-PageComponent - ImageUploader
-PageComponent - ImportantLink
-PageComponent - FlexiToolbar
-PageComponent - Footer
-PageComponent - Form
	-Contextual(Form) PageComponent - Choicegroup
	-Contextual(Form) PageComponent - Colorpicker
	-Contextual(Form) PageComponent - Required
	-Contextual(Form) PageComponent - SequenceOrganizer
	-Contextual(Form) PageComponent - URL
-PageComponent - FormTable
	-PageComponent(FormTable) - Text
	-Contextual tablelisting
	-Contextual input_active
	-Contextual EntityObjectivesEditor
-PageComponent - HeadingAndNavigation
-PageComponent - Lesson Plan Elements
-PageComponent - Lesson Plan Box
-PageComponent - Inactive
-PageComponent - InputForm
-PageComponent - ImageUploader
-PageComponent - MainMenu
-PageComponent - MiniListing
-PageComponent - NewsList
	-Contextual(NewsList) PageComponent - NewsItem
	-Contextual(NewsList) PageComponent - NewsItem - Footer
-PageComponent - NoContentText
-PageComponent - OldCal
-PageComponent - Pageframe
-PageComponent - Form
-PageComponent - PageFunctions
-PageComponent - Pagetabs
-PageComponent - PersonBox
-PageComponent - Plagiate
-PageComponent - ProOri
	-Contextual(ProOri) - PageComponent - Comment
-PageComponent - RSSbutton
-PageComponent - TemplatePreview
-PageComponent - Section
	-Contextual(Section) - PageComponent - SectoinContent
-PageComponent - SimpleBox
-PageComponent - SplitScreen
-PageComponent - Status
-PageComponent - TableListing
	-Contextual(TableListing) PageComponent - TableNavigation
-PageComponent - TableSimple
-PageComponent - TaskGroups
-PageComponent - TaskPane
-PageComponent - Toolbar
-PageComponent - UserInput
	-Contextual(UserInput) PageComponent - UserInputTools
-Calendar
-PageComponent - Copyright
-PageComponent - FileListerImagePreview
-PageComponent - FrameHeaderInfo
-PageComponent - Promotion

-PageComponent - DropDownMenu
-PageComponent - NttChartBar
-PageComponent - QuestionStatistics
-PageComponent - NttQuestionCategoriesEditor
-PageComponent - NttInputTable
-PageComponent - NTT AlertBox
-NTT Action and feedback splitscreen
-NTT Question text summary
-NTT DropDown CheckBox list
-NTT Alternatives thumbnails
-NTT Test Description
-NTT Student report table
-NTT Student Report Answer types
-NTT ShowResultStudent.aspx result metadata
-QTI
-Messaging
-Members Selector
-Video portal

-PageComponent - DiscussionCategory
-Discussion list
-Discussion category editor control
-ThreadViewTable
-Search
-Discussion search page
-Essay page
-File manager
-PageComponent - ParticipantResult
-PageComponent - ParticipantList
-PageComponent - NttQuestionStatisticsNavigator
-PageComponent - NttAlternativeUploader
-Take Test - Matching question
-PageComponent - NttActionButton
-PageComponent - NttQuestionNavigator
-QTI Report - Student results
-QTI Order questions - Take test
-MinWidth container
-NTT EditQuestion
-NTT TakeTest
-NTT Manual Assessment Page
-NTT Question Statistic
-NTT Import Questions Page
-NTT Edit Fill in the blank question page
-NTT Edit HotText Interaction question page
-NTT Participants Results Psge
-NTT Test summary teacher Page
-NTT Question List Page
-NTT View Test by Student Page
-Layout related definitions

- Learning tool application header (simple body style)
- Learning tool element title editor
-----------------------------------------------------
*/
/* Universal style */
	body{
		font-family: Arial, Helvetica, sans-serif;
	}

	a, a:active, a:focus, a:hover, a:link, a:visited{
		background-color: transparent; /* A browser compability fix to make bacgrounds show through behind links */
		color : #02397D;
	}

	/* The following rule for "form" is a workaround for a known Internet Explorer misrendring. Read more here: http://www.cs.tut.fi/~jkorpela/forms/extraspace.html */
	form{
		margin: 0;
	}

	h1 img, body.stanadalone h2 img{
		padding-right: 5px;
		vertical-align: middle;
	}

	img{
		border : 0;
	}

	/* This rule positions elements off screen. This is done for hiding it from web browsers, but not from screen readers */
	.hidden{
		position: absolute;
		left: -1000px;
		top: -4000px;
	}

	.hiddenSimple {
		display: none;
	}

	.highlight{
		color: #C60000;
		font-weight: bold;
	}

	/* IconAndLink is a special rule used to separate an icon and a textlink so that the icon is not underlined*/
	a.iconandlink{
		text-decoration: none;
	}

	a.iconandlink img{
		vertical-align: bottom;
		margin-left: 12px;
	}

	a.iconandlink span{
		margin-left: 3px;
		text-decoration: underline;
	}

	a.details_expand_collapse
	{
		position: absolute;
		right: 10px;
		top: 5px;
	}

	.nowrap{
		white-space: nowrap;
	}

	/* General font size */
		.standardfontsize, .tableCaption {
			font-size: .8em;
		}

		.tableCaption {
			font-weight: bold;
		}

		.formrow label, .formw, .expandchoice, .headingandnavigation span, .login .logincontainer label{
			font-size: .8em;
		}

		/* Font-size inherit rules */
			.formw label span, .formw span{
				font-size: 1em;
			}

			table div.progressbarsmall div div{
				font-size: 1em;
			}

			.tablelayout1 td{
				font-size: 1em;
			}

			.tablelayout1 td td, .tablelayout1 td th{
				font-size: .8em;
			}

			table .tablesimple table td, table .tablesimple table th, table table .tablesimple table td, table table .tablesimple table th, .expandchoice p, .expandchoice li{
				font-size: 1em;
			}

			table .tablelisting, table .tablelisting th, table .tablelisting td {
				font-size: 1em;
			}
			.tablelisting td input.text {
				border-width: 1px;
				border-style: solid;
			}
			.formw .minilisting td{
				font-size: 1em;
			}

			.form .miniListing table td{
				font-size: 2em;
			}

			.biglastcol{
				width:60%;
			}

			.fullWidth
			{
				width:100%;
			}

			.sequenceorganizer .moveup, .sequenceorganizer .movedown{
				font-size: 1em;
			}
			.tablelisting caption {
				padding-top: 10px;
				padding-bottom: 4px;
				font-weight: bold;
				font-size: .8em;
				text-align: left;
			}
		/* END Font-size inherit rules */
	/* END General font size */
/* END Universal style */

/* PageType - Cardlist */
	.cardlist h2{
		font-size: 1em;
		padding: 0;
		margin-bottom: 0;
	}
/* END PageType - Cardlist */

/* PageType - Category */
	.categorybox{
		background: White;
		border: 1px solid #CCC;
		margin: 10px 0;
		padding: 0 10px 10px 10px;
	}

	.categorybox h2{
		background-color: #FFFFFF;
		color: #444;
		display: inline;
		font-size: 0.9em;
		font-weight: bold;
		margin: 0;
		padding: 0 5px;
		position: relative;
		top: -.9em;
	}

	.categorybox dl{
		margin : 0;
	}

	.categorybox dl dt{
		clear: both;
		font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 1em;
		margin-bottom: 0;
	}

	.categorybox dl dt a, .categorybox dl dt a:active, .categorybox dl dt a:visited{
		color : #000;
		text-decoration : none;
	}

	.categorybox dl dt a:hover span
	{
		color : #444;
		text-decoration : underline;
	}

	.categorybox a.alternativelinkcolor, #categories .categorybox a.alternativelinkcolor:active, #categories .categorybox a.alternativelinkcolor:link, #categories .categorybox a.alternativelinkcolor:visited {
		color : #009900;
		padding-left : 1em;
	}

	.categorybox a.alternativelinkcolor:hover{
		color : #000;
	}

	.categorybox dl dt img{
		float: left;
		vertical-align: top;
		margin-right: 5px;
	}

	.categorybox dl dd{
		font-size: .8em;
		margin : 0 0 2em 52px;
		position : relative;
	}

	.categorybox dl dt .disabled
	{
		color: gray;
	}

	.categorybox dl dd.small{
		margin-left: 29px;
	}
/* END PageType - Category */

/* PageType - CategoryBox24 */
	dl.categorybox24 dd{
		margin : 1.7em 0 .5em 29px;
		top : -.5em;
	}

	dl.categorybox24 dt{
		margin-bottom: -1em;
	}
/* END PageType - CategoryBox24 */

/* PageType - ContentMenu */
	#contentmenu{
		background-color: #F6F6F6;
		padding-top: 15px;
	}

	#contentmenu .menuframe{
		background-color: #FFFFFF;
		border: 1px solid #999999;
	}
/* END PageType - ContentMenu */

/* PageType - Login */
	.login{
		background: White;
		margin: 0 0 20px 0;
		padding: 0;
	}

	.login h1{
		text-align: center;
	}

	.login .copyright p{
		text-align: center;
	}

	.login .logincontainer {
		background: #ECF6FF;
		border: 1px solid #8CC7FF;
		margin-bottom: 15px;
		padding: 10px;
	}

	.mode, .mode strong {
		font-size: 0.825em;
	}

	.login .logincontainer .mode a, .login .logincontainer a {
		font-size: 0.825em;
	}

	.login .logincontainer h2.skin {
		font-size: 0.875em;
	}

	.login .logincontainer label, .login .logincontainer input, .login .logincontainer select{
		display: block;
	}


	.login .logincontainer input{
		margin-bottom: 10px;
	}
	.login .logincontainer p{
		font-size: .8em;
	}


	.login .containerbox1{
		margin-right: 0;
	}

	.login div.formrow label{
		background: transparent;
		text-align: right;
		width: 210px;
	}

	.login .formbuttons{
		padding: 0;
	}

	.login ul.loginchoice{
		margin: 0;
		padding: 0;
		position: absolute;
		top: 20px;
		right: 10px;
	}

	.login ul.loginchoice li{
		list-style-type: none;
		margin-bottom: 4px;
		width: 200px;
	}

	.login ul.loginchoice li select{
		margin-left: 3px;
		width: 190px;
	}

	.login .logincontainer h2{
		margin: 0 0 10px;
	}

	.login .logincontainer h2 span{
		display: none;
	}

	.login .logincontainer div{
		clear: both;
		margin: 0 20px 0 0;
	}

	.login .logincontainer div label, .login .logincontainer div span {
		display: inline;
		float: left;
	}

	.login .logincontainer div input, .login .logincontainer div select{
		display: inline;
		float: right;
		width: 100px;
	}

	.login .logincontainer div select{
		width: 233px;
		margin-bottom: 10px;
	}

	.login .logincontainer .loginbutton{
		padding: 0 5px;
		width: auto;
	}

	.login .containerbox1 p, .login p{
		padding: 0;
		margin: 0;
	}


	.login p{
		margin-bottom: 10px;
	}


	.login .containerbox1{
		margin: 0 15px 0 300px;
	}

	.login .containerbox1 h1{
		background: none;
	}


	.login .section li{
		font-size: .8em;
	}


	/* Contextual PageComponent(Login) SplitScreen-LF */
		/* Splitscreen layout 2 coulumns: liquid - fixed (lf) */
		.login .splitscreen-lf .liquid{
			margin: 0 300px 0 0;
		}

		.login .splitscreen-lf .fixed{
			float: right;
			width: 280px;
		}

		.login .splitscreen-lf{
			margin: 0;
		}


		.login .splitscreen-lf:after{
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
		}

		/* Hides from IE-mac \*/
		* html .login .splitscreen-lf{height: 1%;}
		/* End hide from IE-mac */
	/* END Contextual PageComponent(Login) SplitScreen-LF */

	/* Contextual PageComponent(Login) - LoginFloatContainer*/
		.login .loginfloatcontainer{
			position: absolute;
			left: 15px;
			top: 101px;
			width: 275px;
		}

		.login .loginfloatcontainer .containerbox1, .login .loginfloatcontainer .containerbox2, .login .loginfloatcontainer .containerbox3, .login .loginfloatcontainer .containerbox4{
			background: transparent none;
			border: 0;
			margin: 0;
			padding: 0;
		}

		.login .loginfloatcontainer ul.loginfeed{
			list-style-type: none;
			margin: 0 0 0 10px;
			padding: 0;
		}

	/* END Contextual PageComponent(Login) - LoginFloatContainer*/

	/* Contextual PageComponent(Login) - SiteBanner */
		.login .sitebanner{
			background: url(top_background_fill.gif) repeat-x top;
			margin-bottom: 10px;
		}

		.login .sitebanner div{
			background: url(top_background_sun.jpg) no-repeat top left;
		}

		.login .sitebanner div img{
			margin: 20px 20px 20px 15px;
		}
	/* END Contextual PageComponent(Login) - SiteBanner */

	.login .logincontainer .samlcontainer div
	{
		width:100%;
	}

	.login .logincontainer .samlcontainer div input, .login .logincontainer .samlcontainer div select
	{
		display: inline;
		float: left;
		width: auto;
	}

	.login .logincontainer .samlcontainer div label, .login .logincontainer .samlcontainer div span {
		display:inline;
		float:left;
	}


	.login .logincontainer .samlcontainer input {
		margin-bottom:0px;
	}

/* END PageType - Login */

/* PageType - Print */
	/* Font sizes*/
	body.print p, body.print .description th, body.print .description td, body.print .minilisting, body.print .minilisting td{
		font-size: 10.5pt;
	}

	body.print{
		background: #FFF url(user_custom/print_topfill.gif) repeat-x;
	}

	body.print h1{ /* OBS! Special heading. Should be merged with the oters later. */
		background : none no-repeat top left;
		font-size: 18pt;
		margin: 5px 0 20px 25px;
		padding: 0;
	}

	body.print h1.skin{
		background : transparent none;
	}

	body.print h1.logo{
		text-align: center;
	}

	body.print h3{
		font-size: 13pt;
		margin: 15px 0 0 0;
		padding: 0 0 0 25px;
	}

	body.print p{
		margin: 0 25px 0 25px;
	}

	body.print .logo img{
		margin: 5px 0 30px 25px;
	}

	body.print .containerbox1, body.print .containerbox2, body.print .containerbox3,body.print .containerbox4{
		border: 0 none;
		background: transparent none;
	}

	body.print .description th{
		font-size: 10pt;
		padding-right: 1.5em;
		text-align: left;
	}

	body.print .description{
		margin-left: 45px;
	}


	body.print .description td{
		font-size: 10pt;
		padding: 0;
		padding: 0;
	}

	body.print .minilisting{
		padding: 5px 15px 0 15px;
	}

	body.print .copyright{
		font-size: 10pt;
		padding-top: 10px;
		text-align: center;
	}

	body.print .tablesimple{
		padding-left: 25px;
	}

	body.print .tablesimple table{
		border: 1px solid #000000;
	}

	body.print .tablesimple th, body.print .tablesimple td{
		background: transparent;
		border-bottom: 1px solid #000000;
		border-left: 1px solid #000000;
		font-size: 9pt;
	}
/* END PageType - Print */

/* PageType - Standalone */
	body.standalone{
		background: #EEE url(user_custom/standalone_topfill.gif) repeat-x;
	}

	body.stanadalone h2{
		background : url(user_custom/h1_backgr.gif) no-repeat top left;
	}

	body.standalone h3{
		background: none;
		font-size: 1em;
		margin: 0;
		padding: 0 0 0 15px;
	}

	body.standalone .containerbox1{
		margin: 20px 25px 10px ;
	}

	body.standalone .legal{
		padding: 0 45px 30px 45px;
	}

		body.standalone .legal .copyright{
			font-size: .9em;
			padding-top: 5px;
			text-align: center;
		}

	body.standalone .logo img{
		margin: 5px 0 20px 25px;
	}
/* END PageType - Standalone */

/* PageType - TopMenu */
	/* The asterisk is a CSS wildcard. This is used to reset all margins within #banner to 0 length. */
	#banner *{
		margin : 0;
		padding : 0;
	}

	#banner{
		background-color: #EEEEEE;
		margin: 0;
		padding: 0;
	}

	/* div within div. To make the background image form #banner to show through. */
	#banner div div{
		background-image : none;
	}

	/* H1 will not be displayed for normal view, but will be readable through text-browsers and alike (W3.org
	WAI-standard) */
	#banner h1{
		position: absolute;
		left: 0;
		top: -4000px;
	}

	#banner p{
		padding : 0;
	}

	#banner .crumbs{
		color : #666666;
		font-size : .75em;
		padding-left: 10px;
	}

	#banner .crumbs img{
		vertical-align: middle;
	}

	#banner .crumbs a, #banner .crumbs a:active, #banner .crumbs a:focus, #banner .crumbs a:hover,  #banner .crumbs a:link, #banner .crumbs a:visited{
		color : #666666;
		font-weight: normal;
	}

	#banner .form{
		margin : 0;
		padding : 0;
	}

	/* Position rules */
	#banner .inbox{
		position : absolute;
		right : 100px;
		top : 0.5em;
		width : 50px;
		vertical-align: middle;
	}

	#banner .logo{
		padding : 3px 0 5px 10px;
	}

	/* Position rules */
	#banner .messenger{
		position : absolute;
		right : 160px;
		top : 0.5em;
		width : 50px;
	}
/* END PageType - TopMenu */

	/* Contextual(TopMenu) PageComponent - Area */
		/* Position rules */
		#banner .area{
			position : absolute;
			left : 200px;
			top : 2.5em;
		}

		/* "display : inline" is a rule to make the h2 float */
		#banner .area h2{
			display : inline;
			font-size : 0.8em;
			font-weight: bold;
			padding : 0;
			padding-right : 0.5em;
		}

		#banner .area form{
			display : inline;
		}
	/* END Contextual(TopMenu) PageComponent - Area */

	/* Contextual(TopMenu) PageComponent - ExternalLinks */
		#banner .links{
			background: transparent;
			margin: 0;
			padding: 0;
			position: absolute;
			right: 10px;
			top: 10px;
		}

		#banner .links li{
			font-size: .8em;
			display: inline;
			margin-left: 10px;
		}
	/* END Contextual(TopMenu) PageComponent - ExternalLinks */

	/* Contextual(TopMenu) PageComponent - Help */
		/* Position rules */
		#banner .help{
			position : absolute;
			right : 10px;
			top : 2.5em;
		}

		#banner .help a{
			color : #000;
		}

		#banner .help a:hover{
			text-decoration : none;
		}
	/* END Contextual(TopMenu) PageComponent - Help */

	/* Contextual(TopMenu) PageComponent - Logout */
		#banner .logout{
			position : absolute;
			right : 10px;
			top : 0.5em;
		}

		#banner .logout a{
			color : #000;
		}

		#banner .logout a:hover{
			text-decoration : none;
		}
	/* END Contextual(TopMenu) PageComponent - Logout */

	/* Contextual(TopMenu) PageComponent - Name */
		/* The following rule defines position and style of .name */
		#banner .name{
			position : absolute;
			left : 200px; /*  defines position from left side of the screen relative to #banner */
			top : 10px; /* defines position from the top */
		}

		#banner .name dl{
			margin : 0;
		}

		#banner .name dt{
			display : inline;
			font-weight: bold;
			margin-right : 0.5em;
		}

		#banner .name dd{
			display : inline;
			margin : 0;
		}
	/* END Contextual(TopMenu) PageComponent - Name */

	/* Contextual(TopMenu) PageComponent - Navigation */
		/* Defines the style of the horisontal navigarional bar */
		#banner .navigation img{
			vertical-align: middle;
		}

		#banner .navigation ul{
			background-color: #3E7696; /* Background color for navigation bar */
			border-bottom : 1px solid #94BAD0;
			border-top : 1px solid #94BAD0;
			margin: 0;
			padding: 2px 0 2px 5px;
		}

		#banner .navigation ul li{
			display : inline;
			font-size: .8em;
			list-style-type: none;
			padding : 2px;
			padding-right : 5px;
			white-space: nowrap;
		}

		#banner .navigation ul li a{
			color: #000;
			margin: 0 1px;
			padding: 0 2px;
			text-decoration: none;
		}

		#banner .navigation ul li a:hover{
			background-image : url(gfx/menu_hover.gif);
			border: 1px solid #8DB7CD;
			margin: 0;
		}

		#banner .navigation ul li a span{
			padding-right: 3px;
		}

		#banner p{
			display: inline;
		}
	/* END Contextual(TopMenu) PageComponent - Navigation*/

	/* Contextual(TopMenu) PageComponent - Search */
		#banner .search{
			position : absolute;
			right : 6em;
			top : 4em;
		}

		#banner .search input{
			width: 100px;
		}
	/* END Contextual(TopMenu) PageComponent - Search */

/* PageComponent - TreeMenu */
	.treemenu{
		background: White;
	}

	.treemenu h1, .treemenu h2{
		font-size: .9em;
		font-weight: normal;
		margin: 0 0 5px 0;
		padding: 0;
		vertical-align: middle;
		white-space: nowrap;
	}

	.treemenu h1 img, .treemenu h2 img{
		padding-right: 1px;
	}

	.treemenu li
	{
		font-size: .8em;
		white-space: nowrap;
	}

	.treemenu li li, .treemenu li li li, .treemenu li li li li, .treemenu li li li li li{
		font-size: 1em;
	}

	.treemenu ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.treemenu .tree{
		margin: 10px 0;
		padding-bottom: 10px;
	}

	.treemenu .tree li{
		margin: 0;
	}

	.treemenu .tree ul{
		background: url(../icons/TREEMENU/menu_bar.gif) left top repeat-y;
	}

	.treemenu .tree ul ul{
		background-position: left top;
	}

	.treemenu ul ul li{
		padding-left: 13px;
	}

	.treemenu a{
		text-decoration: none;
	}

	.treemenu a span{
		margin-left: 5px;
		text-decoration: underline;
	}
	.treemenu ul.links{
		padding: 5px;
		margin-bottom: 0;
	}


	.treemenu .content{
		margin: 0 5px;
	}

	.treemenu .content td, .treemenu .content th{
		font-size: .8em;
	}

	.treemenu .content table td, .treemenu .content table th{
		font-size: 1em;
	}
	
	.treemenu .tree-inactive{
		color: #777777;
	}
/* END PageComponent - TreeMenu */

/* PageComponent - ProxyToolSetting */
	input.ProxyToolSettingSelector
	{
		float: left;
		margin-left: -5px ;
	}
/* END PageComponent - ProxyToolSetting */

/* PageComponent - ProxyToolOperations */
	.ProxyToolOperations {
		width : 100%;
	}

	.ProxyToolOperations .AdminOperations {
		display: table;
		list-style-type: none;
		width : 50%;
		float: left;
		margin: 0;
		padding: 0;
	}

	.ProxyToolOperations .LearnOperations {
		display: table;
		list-style-type: none;
		width : 50%;
		margin: 0;
		padding: 0;
	}

	.ProxyToolOperations li
	{
		margin-bottom: 10px;

	}

	.ProxyToolOperations .action
	{
		font-size: 1em;
		font-weight : bold;
		text-decoration : none;
	}

	.ProxyToolOperations .action img
	{
		vertical-align: middle;
	}

	.ProxyToolOperations .action span
	{
		text-decoration: underline;
	}

	.ProxyToolOperations .action:active,
	.ProxyToolOperations .action:focus,
	.ProxyToolOperations .action:link,
	.ProxyToolOperations .action:visited
	{
		color : #3366CC;
	}

	.ProxyToolOperations .action:hover {
		color: #000000;
	}
/* END PageComponent - ProxyToolOperations */

/* PageComponent - AlertBoxes */
	/* The following ID-s are marking three different messages/warnings. Typically used with forms to
	indicate wrong/missing information in a form field.*/
	.alertstop, .alertwarning, .alertok, .tip, .validationsummary{
		background-color : #FFF;
		font-size: .8em;
		padding : 2px;
		margin: 8px 0 20px;
	}

	.alertstop p, .alertwarning p, .alertok p, .tip p{
		text-align: center;
	}

	.alertstop{
		background-color: #FEDEDE;
		border: 1px solid #E95656;
		color: #C00202;
		font-weight : bold;
	}

	.alertwarning{
		background-color: #FFFBC1;
		border : 1px solid #BA9211;
	}

	.alertok{

		background-color: #E7F5FF;
		border: 1px solid #499FDB;
	}

	.tip{
		background-color: #FFFFFF;
		border: 1px solid #DDD;
	}

	.validationsummary{
		background: #FEDEDE url(feedback_error24.gif) no-repeat 5px 2px;
		border: 1px solid #E95656;
		color: #C00202;
		font-weight : bold;
		padding: 6px 2px 6px 35px;
	}

	/* Contextual PageComponent(LoginContainer) - AlertBoxes*/
		.login .logincontainer .alertstop, .login .logincontainer .alertwarning, .login .logincontainer .alertok{
			margin: 4px 0px 10px;
		}
	/* END Contextual PageComponent(LoginContainer) - AlertBoxes*/
/* END PageComponent AlertBoxes */

/* PageComponent - BackNav */
	.backnav{
		font-size: .8em;
		margin: 10px 20px;
	}

	.backnav a{
		text-decoration: none;
	}

	.backnav span{
		text-decoration: underline;
	}

	.backnav p{
		display: inline;
		text-align: left;
		vertical-align: middle;
		margin: 0;
	}

	.backnav p img{
		vertical-align: middle;
		margin: 0 5px 0 0;
	}
	
	* html .page-master .backnav{
	    position: relative;
	}
	
/* END PageComponent - BackNav */

/* PageComponent - Colorbox */
	.colorbox_blue, .colorbox_yellow, .colorbox_red, .colorbox_green, .colorbox_grey, .messagingViewMessageReplyForwardNotifier {
		padding: 0px 2px 0px 2px;
		color: black;
		border: 1px solid #FFF;
		white-space: nowrap;
	}
	.colorbox_blue,
	.toolbar div.colorbox_blue
	{
		background-color: #E7F5FF;
		border-color: #499FDB;
	}
	.colorbox_yellow, .messagingViewMessageReplyForwardNotifier {
		background-color: #FFFBC1;
		border-color: #BA9211;
	}
	.colorbox_red {
		background-color: #FEDEDE;
		border-color: #E95656;
	}
	.colorbox_green {
		background-color: #B9E9A9;
		border-color: #4DB52C;
	}
	.colorbox_grey {
		background-color: #EEE;
		border-color: #BBB;
	}
/* END PageComponent - ColorBox */

/* PageComponent - Containerbox*/
	.containerbox1{
		margin-right: 10px;
		background-color: White;
		position: relative; /*IE Hack http://www.positioniseverything.net/explorer/peekaboo.html, and a bug with positioning of Pagefunctions in FireFox*/
	}
/* END PageComponent - Containerbox*/

/* PageComponent - ContainerFunction */
	p.containerfunction{
		font-size: .8em;
		margin: 3px 0 10px 10px;
	}


	p.containerfunction img{
		vertical-align: middle;
		margin-right: 2px;
	}

	p.containerfunction a{
		text-decoration: none;
	}

	p.containerfunction a span{
		text-decoration: underline;
	}
/* END PageComponent - ContainerFunction */

/* PageComponent - Description */
	.description table{
		border-collapse: collapse;
	}

	.description th{
		padding-right: .3em;
		text-align: left;
	}

	.description th, .description td{
		font-size: .8em;
		margin: 0;
		vertical-align: top;
	}

	.description tr{
		height: 1.2em;
	}

	.description ul.lessonplanelementlist,
	.description ul.lessonplanobjslist
	{
		margin: 0;
		padding: 0;
	}

	.description .nocontenttext{
		font-size: 1em;
		font-style: italic;
		padding: 0;
	}
/* END PageComponent - Description */

/* PageComponent - FloatClear */
	/* This is used for ending av page after a floated element, such as PageComponent SplitScreen */
	.floatclear{
		clear: both;
		font-size: .1em;
		overflow: hidden;
		height: 1px;
		width: 1px;
	}
/* END PageComponent - FloatClear */

/* PageComponent - Editor */
	.editor .formtable th{
		width: 110px;
	}
/* END PageComponent - Editor */

/*Web 2.0 Content*/
	#PluginList
	{
		float: left;
		background-color: #EEE;
		width: 200px;
		padding: 0;
		border-bottom: 5px;
		border-left: 5px;
		border-top: 5px;
		border-color: #EEE;
		border-style: solid;
		border-right: 0;
		padding-bottom: 10001em; /* Full row column fix */
		margin-bottom: -10000em; /* Full row column fix */
	}
	#PluginList h2
	{
		font-size: 12px;
		padding: 0;
		margin: 0 10px 0 25px;
		padding-top: 8px;
		text-align: left;
		font-weight: normal;
		white-space: nowrap;
		font-family: arial, sans-serif;
		color: #333;
		text-indent: none;
	}
	#PluginList ol
	{
		margin: 0;
		padding: 0;
	}
	#PluginList li
	{
		list-style-type: none;
		background-repeat: no-repeat;
		height: 30px;
		background-position: 2px center;
	}
	#PluginList li:hover
	{
		background-color: White;
		cursor: pointer;
	}
	.PluginSelected
	{
		background-color: White;
	}
	#PluginContent
	{
		float: left;
	}
	#PluginContent table
	{
		width: 450px;
	}
	#PluginContent th
	{
		width: 70px;
		border: none;
	}
	#PluginContent td
	{
		border: none;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#Web2ContentBody
	{
		background: White;
		margin: 0;
	}
	#InputFormEmbedUrl_EmbedUrlTextBox
	{
		width: 345px;
	}
	#InputFormEmbedCode_EmbedTextArea
	{
		height: 50px;
	}
	#Web2ContentBody .containerbox1,
	#Web2ContentBody .containerbox2,
	#Web2ContentBody .containerbox3,
	#Web2ContentBody .containerbox4,
	#Web2ContentBody .containerbox4 .skin
	{
		margin: 0;
		padding: 0;
		border: none;
	}
	.PluginFrame
	{
		margin-top: 15px;
	/*	border-color: #EFEDE1;
		border-width: 1px;
		border-style: solid;*/
		position: absolute;
		overflow: hidden;   /* Full row column fix */
		min-height: 540px;
	}
	.PluginFrame #PluginContent #EmbedCode div .form,
	#PluginContent div .form
	{
		margin: 0;
		padding: 0;
	}
	#EmbedUrl div .form
	{
		padding: 0;
	}
	#PluginHowTo span
	{
		font-weight: bold;
	}
	#PluginHowTo img
	{
		margin: -15px 5px 0;
		float: right;
	}
	#PluginHowTo li
	{
		margin: 5px 0 5px 30px;
		padding: 0 20px 0 0;
		font-size: 12px;
		font-weight: normal;
		color: #3D4C73;
		word-wrap: break-word;
	}
	#PluginHowTo p
	{
		color: #3D4C73;
		margin-left: 12px;
		font-size: 12px;
	}
	#PluginHowTo ol
	{
		margin: 0;
		padding: 0;
	}
	#PluginHowTo h3
	{
		color: #3D4C73;
		margin: 5px 0 0 5px;
		font-size: 14px;
		font-weight: normal;
	}
	#PluginHelpUrl
	{
		color: #3D4C73;
	}
	#PluginContent a
	{
		font-size: 12px;
		color: #3D4C73;
	}
	#PluginHelpUrl a:visited
	{
		color: #3D4C73;
	}
	#PluginHelpUrl
	{
		 min-height: 45px;
	}
	#PluginHelpUrl a
	{
		 margin-left: 5px;
	}
	#PluginHelpUrl h3
	{
		margin: 0 0 0 5px;
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
	}
	#ExampleCodeEmbed,
	#ExampleCodeUrl
	{
		font-size: 11px;
		color: #3D4C73;
	}
	#EmbedUrl div .form .formtable table tbody tr th label,
	#EmbedCode div .form .formtable table tbody tr th label
	{
		font-size: 14px;
		font-weight: bold;
		color: #3D4C73;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}
	.PluginHelpFrame
	{
		margin-left: 10px;
		margin-bottom: 10px;
		width: 450px;
	}
	.HelpFramePluginHowTo
	{
		background-color: #C9E4F7;
		border: solid 1px #ADD1EB;
		min-height: 162px;
	}
	.HelpFramePluginHelpUrl
	{
		background-color: #DCEDFA;
		border-bottom: solid 1px #B5D4ED;
		border-left: solid 1px #B5D4ED;
		border-right: solid 1px #B5D4ED;
		border-top: none;
		clear: both;
	}
	#EmbedCode div .form .formtable table tbody tr th,
	#EmbedUrl div .form .formtable table tbody tr th
	{
		margin: 0;
		padding: 5px;
		width: 80px;
	}
	.PluginDescription
	{
		width: 460px;
	}

	.PluginDescription p
	{
		font-size: 11px;
		color: #333;
		margin-left: 15px;
		margin-top: 10px;
		margin-bottom: 0;
		word-wrap: break-word;
	}

	#PluginDescription a
	{
		margin: 0 0 0 5px;
		word-wrap: break-word;
	}


/* END Web 2.0 Content*/

/* FCKDialog*/

	.XButton
	{
	    background: url(../images/editor/x-marks-the-spot.gif) no-repeat;
	    height: 16px;
	    width: 16px;
	    position: fixed;
	    top: 0;
	    right: 0;
	    cursor: pointer;
	    z-index:1;
	}

	#Web2ContentBody .containerbox1,
	#Web2ContentBody .containerbox2,
	#Web2ContentBody .containerbox3,
	#Web2ContentBody .containerbox4
	{

	    background: white;
    }

	#AddAudioRecording,
	#AddVideoRecording,
	#AddItslImage,
	#UploadItslImage,
	#InsertItslImage,
	#InsertItslImageSmall,
	body.itsl-fckdialog
	{
		margin: 0;
		padding: 0;
		background: white;
	}

	#AddAudioRecording .containerbox1,
	#AddVideoRecording .containerbox1,
	#AddItslImage .containerbox1,
	#UploadItslImage .containerbox1,
	#InsertItslImage .containerbox1,
	#InsertItslImageSmall .containerbox1,
	body.itsl-fckdialog .containerbox1
	{
		border: none;
	}

	#AddAudioRecording .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form,
	#AddVideoRecording .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form,
	#AddItslImage .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form,
	#UploadItslImage .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form,
	#InsertItslImage .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form,
	#InsertItslImageSmall .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form,
	body.itsl-fckdialog .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form
	{
		padding: 0;
	}

	#AddAudioRecording .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form .formtable,
	#AddVideoRecording .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form .formtable,
	#AddItslImage .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form .formtable,
	#UploadItslImage .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form .formtable,
	#InsertItslImage .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form .formtable,
	#InsertItslImageSmall .containerbox1 .containerbox2 .containerbox3 .containerbox4 div .form .formtable
	{
		padding: 0;
	}

	#AddAudioRecording .mw-container-holder,
	#AddVideoRecording .mw-container-holder,
	#AddItslImage .mw-container-holder,
	#UploadItslImage .mw-container-holder,
	#InsertItslImage .mw-container-holder,
	#InsertItslImageSmall .mw-container-holder,
	body.itsl-fckdialog .mw-container-holder
	{
		min-width: 0;
	}

	#AddTreeLink, #AddItslFile
	{
		margin: 0;
		padding: 0;
		background: white;
	}

	#AddTreeLink .containerbox1, #AddItslFile .containerbox1
	{
		border: none;
	}

	#AddTreeLink .containerbox1 .containerbox2 .containerbox3 .containerbox4 #form .form .formtable,
	#AddItslFile .containerbox1 .containerbox2 .containerbox3 .containerbox4 #form .form .formtable
	{
		padding: 0;
	}


/*End FCKDialog*/

/* PageComponent - ePortofolio */
	/* Contextual PageComponent(ePortofolio) - Login */
		.eportofolio{
			text-align: center;
		}

		.eportofolio .logincontainer div{
			clear: both;
		}

		.eportofolio .logincontainer div label, .eportofolio .logincontainer div span {
			display: inline;
			float: left;
		}

		.eportofolio .logincontainer label span{
			width: 120px;
		}

		.eportofolio .logincontainer div input, .eportofolio .logincontainer div select{
			display: inline;
			float: none;
			width: 100px;
		}

		.eportofolio .logincontainer div select{
			width: 233px;
			margin-bottom: 10px;
		}

		.eportofolio .LoginButton{
			float: none;
			padding: 0 5px;
			margin-left: 120px;
			width: auto;
		}

		.eportofolio .logincontainer{
			margin: 10px auto;
			text-align: left;
			width: 300px;
		}

		.eportofolio span.LoginName{
			font-weight: bold;
			float: left;
			text-align: left;
			width: 150px;
		}
	/* END Contextual PageComponent(ePortofolio) - Login */
/* END PageComponent - ePortofolio */

/* PageComponent - ExpandedChoice */
	.expandchoice p{
		margin: 0 0 10px;
	}

	fieldset .expandchoice{
		margin: 5px 10px 15px;
	}

	/* Contextual - (ExpandedChoice) - PageComponent Expanded */
		.expandchoice .expanded{
			background-color: #F8F8F8;
			border: 1px solid #AAA;
			margin: 5px 0;
			padding: 3px 5px 10px 3px;
		}

		.expanded ul{
			margin: 0;
			padding: 0;
		}

		.expanded li{
			list-style-type: none;
			margin: 0 0 5px 25px;
		}

		.expanded p{
			padding: 5px 10px 5px 25px;
		}
	/* END Contextual - (ExpandedChoice) - PageComponent Expanded */

	.expandchoice div.notexpanded{
		padding-left: 4px;
	}

	.expandchoice .tablesimple{
		margin: 3px 10px 10px 25px;
	}
/* END PageComponent - ExpandedChoice */

/* PageComponent - Inactive */
	.inactive{
		color: #777;
	}
/* END PageComponent - Inactive */

/* PageComponent - InputForm */
/* END PageComponent - InputForm */

/* PageComponent - ImageUploader */
	.imageuploader{
		font-size: .8em;
		padding: 0 15px 20px;
	}

	.imageuploader .missingimage{
		display: inline;
		float: left;
		position: relative;
	}

	.imageuploader .actions{
		display: inline;
		float: left;
		font-size: 1em;
		position: relative;
		}
/* END PageComponent - ImageUploader */

/* PageComponent - ImportantLink */
	.importantlink img{
		margin-right: 5px;
	}
	.importantlink img, .imageuploader .importantlink span{
		vertical-align: middle;
	}

	.importantlink a{
		text-decoration : none;
	}

	.importantlink a:hover span{
		text-decoration : none;
	}

	.importantlink a span{
		text-decoration: underline;
	}
/* END PageComponent - ImportantLink */

/* PageComponent - Footer */
	/* Generic footer component */
	.footer{
		background: #EEE;
		border-top: 1px solid #A6A6A6;
		font-size: .72em;
		padding: 2px 5px;
		height: 1.5em;
	}

	.footer img{
		vertical-align: top;
	}

	.footer .left{
		float: left;
	}

	.footer .right{
		float: right;
		white-space: nowrap;
	}
/* END PageComponent - Footer */

/* PageComponent - Form */
	.form table th{
		white-space : nowrap;
	}

	.form table th, .form table td{
		text-align: left;
		padding: 4px 2px;
		vertical-align: top;
	}

	.form table th{
		padding-right: 20px;
	}

	.form table .changeslink{
		padding-left : 1em;
	}


	.form table .changeslink img{
		vertical-align: middle;
	}

	.form .action{
		margin-bottom: .5em;
	}

	.form .action img{
		margin: 0 5px 0 0;
		vertical-align: middle;
	}

	.form .action a{
		font-size: 1em;
		font-weight : bold;
		text-decoration : none;
	}

	.form .action a span{
		text-decoration: underline;
	}

	.form .action{
		margin-top: 10px;
	}

	.form .action a, .form .action a:active, .form .action a:focus, .form .action a:link, .form .action a:visited {
		color : #3366CC;
	}

	.form .action a:hover{
		color: #000000;
	}

	.form h2{
		color: black;
		background: none;
	}

	.form fieldset{
		margin-bottom: 5px;
	}

	/* Contextual(Form) PageComponent - Choicegroup */
		.form ul.choicegroups, .form ul.choicegroups li{
			font-size: 1em;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		.form ul.choicegroups li{
			display: block;
			float: left;
			width: 200px;
		}
	/* END Contextual(Form) PageComponent - Choicegroup */

	/* Contextual(Form) PageComponent - Colorpicker */
		.form .colorpicker span{
			padding: 0 3px 0 0;
		}

		.form .colorpicker input{
			vertical-align: middle
		}

		.form .colorpicker a img{
			border: 1px solid Black;
			margin: 0 3px 2px;
			vertical-align: bottom;
		}

		.form .colorpicker a{
			text-decoration: none;
		}

		.form .colorpicker a span{
			text-decoration: underline;
			padding: 0;
		}
	/* END Contextual(Form) PageComponent - Colorpicker */

	/* Contextual(Form) PageComponent - Required */
		.required input{
			background-color: #E3F7E4;
		}
	/* END Contextual(Form) PageComponent - Required */

	/* Contextual(Form) PageComponent - SequenceOrganizer */
		.form .sequenceorganizer{
			padding: 1em 0;
		}


		.form .sequenceorganizer select{
			width: 500px;
		}

		.form .sequenceorganizer .moveup, .form .sequenceorganizer .movedown{
			padding: 0 0 0 510px;
			white-space: nowrap;
		}

		.form .sequenceorganizer .moveup img, .form .sequenceorganizer .movedown img{
			vertical-align: bottom;
		}

		.form .sequenceorganizer .movedown{
			margin-top: -30px;
		}

		.form .sequenceorganizer .moveup{
			margin-bottom: -30px;
		}

		.form .sequenceorganizer .movedown a, .form .sequenceorganizer .moveup a{
			text-decoration: none;
		}

		.form .sequenceorganizer .movedown a span, .form .sequenceorganizer .moveup a span{
			margin-left: 5px;
			text-decoration: underline;
		}
	/* END Contextual(Form) PageComponent - SequenceOrganizer */

	/* Contextual(Form) PageComponent - URL */
		.form a.url{
			text-decoration: none;
		}

		.form a.url span{
			text-decoration: underline;
			padding: 0 0 0 3px;
		}

		.form a.url img{
			vertical-align: middle;
			margin-left: 3px;
		}
	/* END Contextual(Form) PageComponent - URL */

	/*  IF-THEN Contextual(Form) PageComponent - Tablelisting */


	/*  END IF-THEN Contextual(Form) PageComponent - Tablelisting */
/* END PageComponent - Form */

/* PageComponent - FormTable */
	.formtable .action {
		margin-top: 10px;
		margin-bottom: .5em;
		font-size: 1em;
		font-weight : bold;
		text-decoration: underline;
	}

	.formtable .action img {
		margin: 0 5px 0 0;
		vertical-align: middle;
	}

	.formtable .action, .formtable .action:active,
	.formtable .action:focus, .formtable .action:link,
	.formtable .action:visited {
		color : #3366CC;
	}

	.formtable .action:hover{
		color: #000000;
	}

	.formtable table{
		width: 100%;
	}

	.formtable table table{
		width: auto;
	}

	.formtable td, .formtable th{
		font-size: .8em;
	}

	.formtable fieldset{
		border-width: 0px;
	}

	.formtable table table td, .formtable table table th{
		font-size: 1em;
	}

	.formtable table tr td input.disabled
	{
		background-color: #eff7ff;
	}

	.formtable th
	{
		width: 180px;
	}

	.formtable table tr td label
	{
	    padding:0 5px 0 0;
	}


	/* PageComponent(FormTable) - Text */
		.formtable .text{
			background: #FFFFFF;
			border: 1px solid #AAAAAA;
			padding: 1em;
		}
	/* END PageComponent(FormTable) - Text */

	/* Contextual tablelisting */
		.formtable td .tablelisting{
			border: 1px solid #AAAAAA;
		}

		.formtable .tablelisting table tr.alternate td, .formtable .tablelisting table td.alternate{
			background: #F0F0F0;
		}

		.formtable td .tablelisting th{
			background-color: #EEEEEE;
			border-bottom: 1px solid #AAAAAA;
			padding: 1px 4px;
		}

		.formtable td .tablelisting2, .formtable td .tablelisting2 th{
			border-bottom: 1px solid #C0C0C0;
		}
	/* END Contextual tablelisting */

	/* Contextual input_active */
		.formtable .input_active th {
			width: 1%;
			vertical-align: middle;
		}
		.formtable .input_active td
		{
			vertical-align: middle;
			text-align: left;
			padding-left: 0;
		}
		.formtable .input_active td img
		{
			vertical-align: middle;
		}
		.formtable .input_active td span
		{
			vertical-align: middle;
		}
		.formtable .input_active td input
		{
			vertical-align: middle;
		}
	/* END Contextual */

	/* Contextual EntityObjectivesEditor */
		.EntityObjectivesEditor select{
			width: 200px;
			float: left;
		}
	/* END Contextual EntityObjectivesEditor */

	.formtable table.toolIconSelector
	{
		margin: 0;
	}

	.formtable .toolIconSelector th
	{
		vertical-align: middle;
		width: auto;
	}

	.formtable .toolIconSelector .icon{
		vertical-align: middle;
		text-align: center;
	}

	.formtable .toolIconSelector .upload{
		vertical-align: middle;
	}

	.formtable .toolIconSelector .upload .disabledaction{
		color: #777;
	}

	.formtable td.categorybox h2.skin{
	    margin : 0px;
	    font-size: 1em;
	    position: static;
	}

	.formtable td.categorybox {
	    padding : 0px;
	}

/* END PageComponent - FormTable */

/* PageComponent - HeadingAndNavigation */
	/* This component replaces the normal H2 within a ContainerBox */
	.headingandnavigation{
		height: 1.2em;
		margin: 2px;
		padding: 1px 10px;
	}

	.containerbox1 .headingandnavigation h2.skin{
		background : transparent none;
		display: inline;
		float: left;
		height: 1.2em;
		margin: 0;
		padding: 0;
	}

	.headingandnavigation span{
		float: right;
	}

	.headingandnavigation select{
		width:125px;
		font-size:0.9em;
		margin-left:5px;
	}
/* PageComponent - HeadingAndNavigation */

/* PageComponent - Lesson Plan Elements */
	ul.lessonplanelementlist,
	ul.lessonplanobjslist
	{
		list-style-type: none;
	}

	ul.lessonplanelementlist a{
		text-decoration: none;
	}

	ul.lessonplanelementlist a img{
		vertical-align: bottom;
	}

	ul.lessonplanelementlist a span{
		margin-left: 3px;
		text-decoration: underline;
	}

	ul.lessonplanelementlist li.inactive a{
		color: #777;
	}
/* END PageComponent - Lesson Plan Elements */

/* PageComponent - Lesson Plan Box */
	.newslist .lessonplan{
		margin-top: 6px; /* Without it the content get caught in the RSS-button in FireFox */
		margin-bottom: 10px;
	}

	.newslist .lessonplan .date{
		color: #777777;
		font-size: .7em;
		padding: .2em 10px;
	}

	.newslist .lessonplan .title{
		font-size: 1.1em;
		padding: .2em 10px .1em;
		margin: 0;
	}

	.newslist .lessonplan .content{
		padding: .2em 10px;
	}

	.newslist .lessonplan .lessonplanelementlist,
	.newslist .lessonplan .lessonplanobjslist
	{
		font-size: .8em;
		padding: .2em 10px;
		margin: 0;
	}

	.newslist .lessonplan .lessonplanelementlist h1,
	.newslist .lessonplan .lessonplanobjslist h1
	 {
		color: #777777;
		font-weight: normal;
		font-size: 1.1em;
		padding: 0;
		margin: 0;
	}

	.newslist .lessonplan .lessonplanelementlist li,
	.newslist .lessonplan .lessonplanobjslist li
	{
		padding-left: 2em;
	}

	.newslist .lessonplan p {
		margin-top: 0;
	}
/* END PageComponent - Lesson Plan Box */

/* PageComponent - MainMenu */
	.mainmenu{
		background-color: #EFEFEF;
	}


	.mainmenu .menuframe{
		background-color: #FFFFFF;
		border: 1px solid #D0D0D0;
	}
/* END PageComponent - MainMenu */

/* PageComponent - MiniListing */
	.minilisting{
		padding: 0 0 5px 10px;
	}

	.formw .minilisting{
		padding: 0;
	}

	.minilisting table{
		font-size: .8em;
		border-collapse: collapse;
		width: 98%;
	}

	.minilisting td{
		padding: 2px 9px 3px 9px;
		vertical-align: top;
	}

	.minilisting td img{
		vertical-align: middle;
		margin-right: 2px;
	}

	.minilisting td a{
		text-decoration: none;
	}

	.minilisting td a span{
		text-decoration: underline;
	}

	.minilisting td a.action
	{
		text-decoration: underline;
		color: #02397D;
	}

	.minilisting td a.inactive{
		text-decoration: underline;
		color:Gray;
	}

	.minilisting tr th{
		text-align: left;
		padding: 2px 9px 3px 9px;
	}

	.minilisting tr.alternate{
		background: #EEE;
	}

	.minilisting tr.coloured td, .minilisting td.coloured{
		background: #FCFFD9;
	}

	.section .minilisting table{
		table-layout: auto;
	}
/* END PageComponent - MiniListing */

/* PageComponent - NewsList */
	.newslist{
		margin-bottom: 10px;
	}

	.newslist .title{
		font-size: 1.1em;
		padding: .2em 10px .1em;
		margin: 0;
	}

	.newslist .content{
		padding: 0 10px;
	}

	/* Contextual(NewsList) PageComponent - NewsItem */
		.newslist p{
			margin-top: 0;
		}

		.newsitem{
			margin-top: 6px; /* Without it the content get caught in the RSS-button in FireFox */
		}
	/* END Contextual(NewsList) PageComponent - NewsItem */

	/* Contextual(NewsList) PageComponent - NewsItem - Footer */
		.newslist .newsitem .footer{
			background: #EEE;
			font-size: .72em;
			padding: 2px 10px;
			height: 1.5em;
		}

		.newslist .newsitem .footer img{
			vertical-align: top;
		}

		.newslist .newsitem .footer .published{
			float: left;
		}

		.newslist .newsitem .footer .comments{
			float: right;
			white-space: nowrap;
		}
	/* END Contextual(NewsList) PageComponent - NewsItem - Footer */
/* END PageComponent - NewsList */

/* PageComponent - NoContentText */
	.nocontenttext{
		font-style: italic;
		font-size: .8em;
		padding: 0 10px;
	}
/* END PageComponent - NoContentText */

/* PageComponent - OldCal */
	.oldcal{
		background-color: White;
		padding: 5px 10px;
		width: 100%;
	}

	.oldcal td, .oldcal th{
		font-size: .8em;
	}


	.oldcal .month, .oldcal .month td{
		background-color: #9EBEF5;
	}

	.oldcal .month td{
		color: Black;
	}

	.oldcal th{
		border-bottom: 1px solid #ACA899;
	}

	.oldcal table{
		width: 160px;
	}

	.oldcal table td{
		color: #888888;
		text-align: right;
	}

	.oldcal table td a,.oldcal table td a:active, .oldcal table td a:hover, .oldcal table td a:visited{
		color: Black;
		text-decoration: none;
	}

	.oldcal table td.today a{
		border: 1px solid #BB5503;
		padding: 0 2px;
	}
/* END PageComponent - OldCal */

/* PageComponent - Pageframe */
	.pageframe{
		border: 1px solid #666;
		background: #FFFFFF;
	}

	/* IE-hack */
		/* The .pageframe value for "margin-top" is altered if you are changing the size of the tabs under .pagetabs.
		For more information see comment at .pagetabs. The "voice-family" hack is here for compensating the display error in
		Internet Explorer. IE needs 1 pixel more in margin top to display the tabs in correct distance from the
		.pageframe. */
		.pageframe{
			margin-top: 2px;
			voice-family: "\"}\"";
			voice-family:inherit;
			margin-top: 3px;
		}

		html>body .pageframe {
			margin-top: 3px;
		}
	/* End IE-hack*/

	.pageframe p{
		padding: 0 2em 1em 2em;
	}
/* END PageComponent - Pageframe*/

/* PageComponent - Form */
	.pageframe fieldset{
		margin : 10px 10px 20px 10px;
		padding-bottom : 10px;
	}

	.pageframe fieldset h3{
		font-size : 0.8em;
		margin : 5px 0 0 10px;
	}

	.pageframe legend{
		color: #416387;
		font-size : 1em;
	}
/* END PageComponent - Form */

/* PageComponent - PageFunctions */
	.pagefunctions{
		font-size: .8em;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 30px;
		top: 10px;
	}

	.pagefunctions li{
		display: inline;
		float: left;
		margin-right: 10px;
	}

	.pagefunctions img{
		vertical-align: middle;
		margin-right: 2px;
	}

	.pagefunctions a{
		text-decoration: none;
	}

	.pagefunctions span{
		text-decoration: underline;
	}
/* END PageComponent - PageFunctions */

/* PageComponent - Pagetabs */
	.pagetabs {
		margin: 0 0 0 10px;
		padding: 0;
		}

	.pagetabs li {
		font-size : 0.8em;
		margin: 0 0 0 5px;
		list-style: none;
		display: inline;
	}

	.pagetabs .aktiv {
		background-color: White;
		border: 1px solid #666;
		border-bottom: 1px solid White;
		margin-right: 4px;
	}

	.pagetabs li a, .pagetabs li a:active, .pagetabs li a:visited {
		color: #333;
		background-color: #FEFAF4;
		border: 1px solid #AAA;
		border-bottom: 1px solid #666;
		text-decoration: none;
	}

	.pagetabs li a:hover{
		background-color: #FFDEAE;
	}

	/* Declares all the different instances for .pagetabs to easier alter the padding (ie. the
	size of the tabs). If you alter the size you must also alter the margin-top for .pageframe */
	.pagetabs .aktiv, .pagetabs li a, .pagetabs li a:active, .pagetabs li a:visited, .pagetabs li a:hover{
		padding: 3px 20px;
	}
/* END PageComponent - Pagetabs */

/* PageComponent - PersonBox */
	.personbox{
		background-color: #F9F9F9;
		border: 1px solid #B5B6B5;
		float: right;
		padding-bottom: 10px;
		width: 200px;
	}

	.personbox .onlinestatus{
		float: left;
		margin-top: 5px;
	}

	.personbox .floated{
		float: right;
		margin: 5px 5px -1.5em 0;
	}

	.personbox h2{
		background: transparent none !important;
		border-bottom: 1px solid #DDD;
		clear: both;
		margin: 0 5px;
		padding: 0;
	}

	.personbox p{
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
	}
/* END PageComponent - PersonBox */

/* PageComponent - Plagiate */
	div.plagiate h3{
		font-size: .8em;
		margin: 0 0 0 10px;
	}

	div.plagiate .tablelisting th{
		border-bottom: none 0;
	}

	div.plagiate table{
		margin: 0 10px;
	}

	div.plagiate div.tablesimple table tr td{
		font-size: 0.9em;
	}
	div.plagiate div.tablesimple table tr td.checkbox{
		white-space: nowrap;
	}

	div.plagiate_compare_table table tr th{
		background-color: #EEEEEE;
		border-bottom: solid 1px #AAAAAA;
		font-size: .9em;
		padding: 2px 5px;
	}

	div.plagiate_compare_table table tr td{
		font-size: .9em;
	}

	div.plagiate_compare_table tr.plagiate_compare td{
		background-color: #FFFBC1;
		border: 1px solid #BA9211;
		padding: 5px;
	}
/* END PageComponent - Plagiate */

/* PageComponent - ProOri */
	/* Contextual(ProOri) - PageComponent - Comment */
		div.comment{ /*This needs to be ".proori div.comment" when the object is implanted*/
			color: #1C801C;
			padding-left: 2em;
		}

		div.comment a, div.comment a:active, div.comment a:hover, div.comment a:link, div.comment a:visited{
			color: #1C801C;
		}
	/* END Contextual(ProOri) - PageComponent - Comment */
/* END PageComponent - ProOri */

/* PageComponent - RSSbutton */
	a.rssbutton, a.rssbutton:active, a.rssbutton:focus, a.rssbutton:hover, a.rssbutton:link, a.rssbutton:visited{
		background-color: #FF6500;
		border-bottom: 2px solid #9D3F00;
		border-left: 2px solid #FFA96E;
		border-right: 2px solid #A44200;
		border-top: 2px solid #FFCBA5;
		color: White;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: .8em;
		font-weight: bold;
		padding: 1px 2px;
		text-decoration: none;
	}

	a.rssbutton:hover{
		background-color: #FF802B;
	}
/* END PageComponent - RSSbutton */

/* PageComponent - TemplatePreview */
	/* The rules "position: relative;" is a IE6 hack. For more information
	http://www.positioniseverything.net/explorer/peekaboo.html*/
	.templatepreview li{
		float: left;
		list-style-type: none;
		margin: 0 30px 30px 0;
		position: relative;
		width: 200px;
		height: 200px;
		overflow: hidden;
	}

	.templatepreview li div p{
		background: #EFEFEF;
		font-size: 1.1em;
		margin: 5px 0 0 0;
		padding: 2px 4px;
	}

	.templatepreview li a{
		background: top left no-repeat;
		display: block;
		position: relative;
	}

	.previewselected{
		background: #EFF7FF !important;
		border: 1px solid #8CC7FF !important;
	}
/* PageComponent - TemplatePreview */

/* PageComponent - Section*/
	/* Contextual(Section) - PageComponent - SectoinContent */
	.sectioncontent
	{
		padding: 0 10px;
	}
	/* END Contextual(Section) - PageComponent - SectoinContent */
/* END PageComponent - Section*/

/* PageComponent - SimpleBox */
	.simplebox .simpleboxbottomleft{
		background : url(user_custom/simplebox_left_bottom.gif) no-repeat bottom left;
	}

	.simplebox .simpleboxtopleft{
		background : url(user_custom/simplebox_left_top.gif) no-repeat top left;
	}

	.simplebox .simpleboxtopright{
		background : url(user_custom/simplebox_right_top.gif) no-repeat top right;
		padding: 3px 3px 15px 3px;
	}

	.simplebox{
		background : url(user_custom/simplebox_right_bottom.gif) no-repeat bottom right;
	}
/* END PageComponent - SimpleBox*/

/* PageComponent - SplitScreen */
	.splitscreen{
		margin-top: 10px;
	}
	/* PageComponent - SpiltScreen 5050 */
	/* The page is divided into two equal liquid sections */
		.splitscreenleft{
				width : 48%;
				float : left;
				padding : 0;
				position: relative;
		}

		.splitscreenright{
				width : 48%;
				float : right;
				padding : 0 0 0 5px;
				position: relative;
		}

		.splitscreenleftwide, .splitscreenrightwide{
				width : 100%;
				padding : 0;
				float: left;
				position: relative;
		}

	/* END PageComponent - SpiltScreen 5050 */


	/* Contextual(SplitScreenRight) PageComponent - LoginSplit */
		.splitscreenleft .loginsplit{
			float: right;
			width: 300px;
		}
	/* END Contextual(SplitScreenRight) PageComponent - LoginSplit */


	/* Contextual(SplitScreenRight) PageComponent - LoginSplit */
		.splitscreenright .loginsplit{
			width: 350px;
		}

		.login .splitscreenright .loginsplit .containerbox1{
			margin: 0 15px 0 0;
		}
	/* END Contextual(SplitScreenRight) PageComponent - LoginSplit */

	/* Splitscreen-LF */
		/* Splitscreen layout 2 coulumns: liquid - fixed (lf) */
		.splitscreen-lf{
			margin: 0 200px 0 0;
		}


		.splitscreen-lf-right{
			position: absolute;
			right: 8px;
			width: 175px;
		}

		.splitscreen-lf-right .taskgroups{
			padding-top: 23px;
		}
	/* END Splitscreen-LF */

	/* SplitScreen- FLF */
		/* Splitscreen layout 3 coulumns: fixed - liquid - fixed (FLF) */
		.splitscreen-flf{
			margin: 0 200px; /* Giving room for the fixed columns on both sides */
		}

		.splitscreen-flf-left{
			position: absolute;
			left: 8px;
			width: 175px;
		}

		.splitscreen-flf-right{
			position: absolute;
			right: 8px;
			width: 175px;
		}
	/* END SplitScreen-FLF */
/* END PageComponent - SplitScreen */

/* PageComponent - Status */
	span.status_available, span.status_not_available, span.status_red, span.status_blue, span.status_green, span.status_yellow, span.status_white, span.status_transparent, span.status_ntt_not_assessed {
		color: Black;
		margin: 0 5px 0 0;
		padding: 0 5px;
		text-decoration: none;
	}

	span.status_available, span.status_transparent{
		border: 1px solid #DDDDDD;
	}

	span.status_available, span.status_green{
		background: #B9E9A9;
		border: 1px solid #4DB52C;
	}

	span.status_not_available, span.status_blue{
		background: #DBEEFF;
		border: 1px solid #8CC7FF;
	}
	span.status_red{
		background: #FEDEDE;
		border: 1px solid #E95656;
	}
	span.status_yellow{
		background: #FFFBC1;
		border: 1px solid #BA9211;
	}
	span.status_white{
		background: #FFFFFF;
		border: 1px solid #000000;
	}
	span.status_ntt_not_assessed{
		background: #F4F4F4;
		border: 1px solid #808080;
	}
/* END PageComponent - Status */

/* PageComponent - TableListing*/
	/* .tablelisting is attached via a HTML div element for layout flexiblility */
	.tablelisting{
		margin-left : auto;
		margin-right: auto;
		text-align: center;
	}

	.tablelisting table{
		background-color: #FFF;
		border-collapse: collapse;
		border: 1px solid #73A0B8;
		width: 98%;
	}


	/* The following rule is resetting the margins for a tablelisting table within a .pageframe */
	.toolbarlistcontainer .tablelisting
	{
		clear: both;
	}

	.toolbarlistcontainer .tablelisting table,
	.toolbarlistcontainer .tablelisting2
	{
		border: 0 none;
		clear: both;
		margin : 0;
		width: 100%;
	}

	.toolbarlistcontainer .toolbar
	{
		margin-bottom: 2px;
	}

	.toolbarcontainer{
		border: 1px solid #AAAAAA;
		border-top: 0 none;
	}

	.tablelisting table tr{
		height: 1.3em;
	}

	.tablelisting table tr td{
		font-size: .8em;
		padding-left: 5px;
	}

	.tablelisting table tr th{
		background-color: #EEE;
		border-bottom: 0 none;
		color: #000;
		font-size: .8em;
		font-weight : normal;
		padding: 2px 0 1px 5px;
		text-align: left;
	}

	.tablelisting th.checkboxcolumn{
		width: 1%;
	}

	.tablelisting table th a{
		color : #000;
		text-decoration : none;
		border: 0 none;
	}

	.tablelisting table th a.inactive{
		color : #808080;
		text-decoration : none;
		border: 0 none;
	}

	.tablelisting table th a.inactive:hover{
		color : #808080;
		border: 0 none;
		text-decoration: underline;
	}

	.tablelisting table th a:hover{
		border: 0 none;
		text-decoration: underline;
	}

	.tablelisting table th img{
		vertical-align: text-bottom;
	}

	.tablelisting table td, .tablelisting table th{
		padding-right : 20px;
		text-align : left;
	}

	.tablelisting table tr.alternate td, .tablelisting table td.alternate{
		background: #EAF4FD;
	}

	.tablelisting .pagenavigation{
		padding-left : 5px;
		text-align: left;
	}

	.tablelisting .tablefooter{
		color: #000;
	}

	.tablelisting .tablefooter a{
		color : #000;
	}

	.tablelisting table .username{
		text-align : left;
	}

	/* Fixes for tablenesting */
	.tablelisting table tr td table td, .tablelisting table tr td table th, .tablelisting table tr td table td table td, .tablelisting table tr td table td table th{
		font-size: 1em;
	}

	/* Contextual(TableListing) PageComponent - TableNavigation */
		.tablelisting table tr td .tablenavigation, .tablelisting table tr td .tablenavigation tr td{
			font-size: 1em;
		}

		.tablelisting table tr td .tablenavigation tr td{
			padding-left: 5px;
			white-space: nowrap;
		}

		.tablelisting table tr td .tablenavigation tr .pageinformation{
			text-align: right;
		}
	/* END Contextual(TableListing) PageComponent - TableNavigation */
/* END PageComponent - TableListing*/

/* PageComponent - TableSimple */
	.tablesimple{
		background: White;
		padding: 0 0 20px 20px;
	}

	/* An exception layout to PageComponent - TableSimple */
	.tablesimple .alternate{
		background-color: #F3F3F3;
	}

	.tablesimple{
		background: transparent;
		padding: 0;
	}

	.tablelsimple input{
		background-color: transparent;
		border: 0px none #6D6DA1;
		vertical-align: sub;
	}

	.tablesimple table{
		background: White;
		border: 1px solid #AAA;
		border-bottom: 0 none;
		border-collapse: collapse;
		border-left: 0 none;
		width: 98%;
	}


	.tablesimple .checkbox{
		width: 1em;
		padding: 0;
	}

	.tablesimple td img{
		margin-left: 3px;
	}

	.tablesimple th, .tablesimple td{
		border-bottom: 1px solid #AAA;
		border-left: 1px solid #AAA;
		font-size: 1em;
		padding: 1px 2px;
	}

	.tablesimple th{
		text-align : left;
	}

	.tablesimple table th img{
		vertical-align: text-bottom;
	}
/* END PageComponent - TableSimple */

/* PageComponent - TaskGroups */
	.taskgroups{
		background: #DFEEFD;
		border: 1px solid #5CA7F0;
		margin: 0 10px 15px;
		padding: 5px 5px 10px;
	}

	.taskgroups h3{
		font-size: .9em;
		margin: 0;
		padding: 0;
		}

	.taskgroups li{
		list-style-type: none;
		padding-bottom: 3px;
		}


	.taskgroups li a{
		text-decoration: none;
	}

	.taskgroups li a img{
		vertical-align: bottom;
	}

	.taskgroups li a span{
		margin-left: 3px;
		text-decoration: underline;
	}


	.taskgroups ul{
		margin: 0;
		padding: 0;
	}
/* END PageComponent - TaskGroups */

/* PageComponent - TaskPane */
	.taskpanebutton{
		position : absolute;
		margin: 45px 30px 0 0;
		right : 0px;
		top : 0px;
		z-index: 1;
	}
	/* The background color has to be defined for both the A and the IMG element to make this work in relevant browsers */

	.taskpanebutton a, .taskpanebutton a img{
		background: #E7E7E7;
	}

	.taskpanebutton a:hover, .taskpanebutton a:hover img{
		background: #DFEEFD;
	}

	.taskpane{
		background: White url(user_custom/taskpane_expanded_background.gif) repeat-y left;
		border-bottom: #AFAFAF 1px solid;
		border-top: #AFAFAF 1px solid;
		height: 408px;
		position: absolute;
		right: 0px;
		top: 0px;
		margin: 45px 40px 0 0;
		width: 190px;
	}

	.taskpane h2{
		padding-left: 10px;
		font-size: .9em;
		font-weight: bold;
	}

	.tastpane .taskgroups a{
		text-decoration: none;
	}


	.tastpane .taskgroups a img{
		vertical-align: bottom;
	}

	.tastpane .taskgroups a span{
		text-decoration: underline;
		margin-left: 3px;
	}

	.taskpane_open{
		padding-right: 190px;
	}
/* END PageComponent - TaskPane */

/* PageComponent - Toolbar */
	.toolbar, .toolbarbottom{
		background-color: #FFEACE;
		height: 1.5em;
		padding: 10px;
	}

	.toolbar ul, .toolbarbottom ul{
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
	}

	.toolbar ul li, .toolbarbottom ul li {
		display: inline;
		font-size: .8em;
		list-style: none;
		margin-left: 0;
		padding: 3px 10px 3px 0;
		vertical-align: middle;
		white-space: nowrap;
	}

	.toolbar ul li a, .toolbar ul li a:hover, .toolbarbottom ul li a, .toolbarbottom ul lu a:hover{
		text-decoration : none;
	}

	.toolbar ul li a:hover span, .toolbarbottom ul li a:hover span{
		text-decoration: underline
	}

	.toolbar img, .toolbarbottom img{
		margin: 0 5px 0 0;
		vertical-align: middle;
	}

	.toolbar .disabled, .toolbar .disabled a, .toolbar .disabled a:hover, .toolbar .disabled a:active, .toolbar .disabled a:visited, .toolbar .disabled a:hover, .toolbarbottom .disabled, .toolbarbottom .disabled a, .toolbarbottom .disabled a:hover, .toolbarbottom .disabled a:active, .toolbarbottom .disabled a:visited, .toolbarbottom .disabled a:hover  {
		color: #9B9B9B;
	}


	.toolbar .filter{
		float: right;
		font-size: .8em;
		padding-top: 2px;
		padding-bottom:2px;
	}

	.toolbar .dropdown{
		float: left;
		font-size: .8em;
		padding-top: 2px;
		padding-left: 32px;
	}

	.toolbar .filter select{
		font-size: .9em;
	}

	.toolbar .dropdown select{
		font-size: .9em;
	}

	.toolbar .right
	{
		float: right;
	}

	/* Contextual(FormTable) - Toolbar */
		.formtable .toolbar ul li, .formtable .toolbarbottom ul li{
			font-size: 1em;
		}
	/* END Contextual(FormTable) - Toolbar */
/* END PageComponent - Toolbar */

/* PageComponent - UserInput */
	.userinput h1{
		background: none transparent;
		font-size: 1.6em;
	}

	.userinput h2{
		background: none transparent;
		font-size: 1.4em;
	}

	.userinput h3{
		font-size: 1.2em;
	}

	.userinput h4{
		font-size: 1em;
	}

	.userinput h5{
		font-size: .95em;
	}

	.userinput h6{
		font-size: .85em;
	}

	.userinput p, .userinput li{
		font-size: 1em;
	}


	td .userinput p{
		font-size: 1em;
	}

	.userinput li li, .userinput li li li{
		font-size: 1em;
	}

	.userinput p{
		margin: 0 0 .5em 0;
	}
	/* Contextual(UserInput) PageComponent - UserInputTools */
		.userinputtools ul{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		.userinputtools ul li{
			display: inline;
		}

		.userinputtools ul li img{
			vertical-align: bottom;
		}
	/* END Contextual(UserInput) PageComponent - UserInputTools */
/* END PageComponent - UserInput */

/* Calendar */
	td.newcal_week_act, td.newcal_day_act, td.newcal_day_act_internal
	{
		background: #FCFFD9;
	}
	td.newcal_day_act, td.newcal_day_act_internal
	{
		font-size: .8em;
	}
	td.newcal2, td.newcal_week2, td.newcal_day2
	{
		background: #EAF4FD;
	}

	.tablelisting .newcal table tr{
		height: auto;
	}
/* END Calendar */

/* PageComponent - Copyright */
	.copyright
	{
		font-size: 0.7em;
		text-align: center;
	}
/* END PageComponent - Copyright */

/* PageComponent - FileListerImagePreview */
	.filelisterimagepreview{
		margin: 10px 0 0;
		padding: 0;
	}

	.filelisterimagepreview li{
		float: left;
		list-style-type: none;
		margin: 0 10px 15px 0;
		position: relative;
		width: 100px;
		height: 5em;
	}


	.filelisterimagepreview li div div div{
		height: 50px;
	}

	.filelisterimagepreview li div{
		background-color: #FFFFFF;
		padding: 3px;
		text-align: center;
	}

	.filelisterimagepreview li div p{
		font-size: .75em;
		margin: 0;
		text-align: center;
	}


	.filelisterimagepreview li a{
		display: block;
		position: relative;
	}
/* END PageComponent - FileListerImagePreview */

/* PageComponent - FrameHeaderInfo */
	div.frameheaderinfo{
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
		margin: 0px 0 10px 10px;
		padding: 10px;
	}

	div.frameheaderinfo td{
		font-size: .8em;
	}

	div.frameheaderinfo table{
		height: 60px;
	}
/* END PageComponent - FrameHeaderInfo */

/* PageComponent - Promotion */
	div.promotion{
		padding-bottom: 1em;
	}
	div.promotion_content{
		font-size: .8em;
	}
/* END PageComponent - Promotion */

/* PageComponent - DropDownMenu */
	/* Definitions for dropdown menu (add new question on question list page, choice select on either/or question edit page) */
	.dropdownmenulink{
		font-size: 10pt;
		text-decoration: none;
		font-weight: normal;
	}

	.dropdownmenulink:hover span{
		text-decoration: underline;
		font-weight: normal;
	}

	.dropdownmenu-hidden {
		position: absolute;
		visibility: hidden;
	}
	.dropdownmenu {
		border-collapse: collapse;
		font-size: 10pt;
		font-weight: normal;
		text-align: left;
		position: absolute;
		background-color: #F2F7F5;
		border-width: 1px;
		border-color: #C0C0C0;
		border-style: solid;
	}

	.dropdownmenu tr{
		font-size: 10pt;
		border-left: 0px;
		border-right: 0px;
		border-top: 0px;
		border-bottom: 1px solid #C0C0C0;
		background-color: #F2F7F5;
	}

	.dropdownmenu td{
		font-size: 10pt;
		border-left: 0px;
		border-right: 0px;
		border-top: 0px;
		border-bottom: 1px solid #C0C0C0;
		padding: 2px;
	}

	.dropdownmenu a, .dropdownmenu a:hover{
		font-size: 10pt;
		text-decoration: none;
	}
/* END PageComponent - DropDownMenu */

/* PageComponent - NttChartBar */
	/* ChartBar definitions (can be found on question and test statistic) */
	.nttchartbar{
		font-size: 10pt;
		border-collapse: collapse;
	}

	.nttchartbar tr td{
		padding-left: 5px;
		padding-right: 5px;
	}

	.nttchartbar tr.firstrow td{
		vertical-align: bottom;
		border-bottom: #000000 1px solid;
		padding-bottom: 0;
	}

	.nttchartbar tr.firstrow td div
	{
		border-left-width: 1px;
		border-left-style: solid;
		border-right-width: 1px;
		border-right-style: solid;
		border-top-width: 1px;
		border-top-style: solid;
		overflow: hidden;
	}

	.nttchartbar tr td.firstcolumn{
		border-left: #000000 1px solid;
	}

	.nttchartbar tr td.ycaptioncolumn{
		vertical-align: top;
		border-bottom: 0;
	}

	.nttchartlegend{
		font-size: 10pt;
		border: #000000 1px solid;
		margin-left: 15px;
	}

	table.nttchartlegend td.description p
	{
		vertical-align: top;
		margin: 0;
	}

	table.nttchartlegend td.colorBox
	{
		padding: 0;
		padding-top: 10px;
	}

	table.nttchartlegend td.description,
	table.nttchartlegend td.image
	{
		padding: 0;
		padding-top: 5px;
		padding-left: 5px;
	}

	.nttchartlegend tr td.colorBox div
	{
		border-style: solid;
		border-width: 1px;
	}
/* END PageComponent - NttChartBar */

/* PageComponent - QuestionStatistics */
	/* Question details block on question statistic page */
	.ntt_report_question_block
	{
		width: 100%;
		font-size: 10pt;
	}

	/* Question details left column (question attributes names) */
	th.ntt_report_question_block_left_column
	{
		vertical-align: top;
	}

	.ntt_report_question_block_left_column
	{
		padding-left: 5px;
		width: 50%;
		text-align: left;
	}

	/* Question details left column (question attributes names) */
	.ntt_report_question_block_right_column
	{
		padding-left: 5px;
		width: 50%;
		text-align: left;
	}

	/* odd row for question details table */
	.ntt_report_table_row_alternate
	{
		background-color: #f4f4f4;
	}

	/* Question statistic block on question statistic page */
	.questionstatistics{
		background-color: #f4f4f4;
		font-size: 10pt;
		width: 100%;
	}

	/* question statistic (chart bar holder) */
	.questionstatisticscell{
		padding: 10px;
		vertical-align: top;
		width: 50%;
	}

	.questionstatisticscellcore{
		background-color: #ffffff;
		font-size: 10pt;
		border: #000000 1px solid;
		width: 100%;
	}

	.questionstatistics .emptyblock{
		padding: 70px 10px 70px 10px;
	}
/* END PageComponent - QuestionStatistics */

/* PageComponent - NttQuestionCategoriesEditor */
	/* Question Categories table (categories tab on test page) */
	.nttquestioncategorieseditor
	{
		font-size: 10pt;
	}

	.nttquestioncategorieseditor table
	{
		margin: 0;
	}

	.nttquestioncategorieseditor table tr td
	{
		border-bottom: 2px solid White;
	}

	.nttquestioncategorieseditor table tr td input
	{
		font-weight: bold;
	}

	.nttquestioncategorieseditor table tr td input.disabled
	{
		font-weight: bold;
		color: black;
		border-width: 0px;
	}

	.nttquestioncategorieseditor table tr td.buttons
	{
		font-size: 8pt;
	}

	.nttquestioncategorieseditor table tr td span.desc
	{
		font-size: 8pt;
	}

	.nttquestioncategorieseditor table tr th,
	.formtable div.nttquestioncategorieseditor table tr th
	{
		background-color: #EEE;
		width: 0px;
		font-weight: normal;
		text-align: left;
		text-indent: 2px;
	}

	.nttquestioncategorieseditor table tr th.numeric, .formtable div.nttquestioncategorieseditor table tr th.numeric
	{
		width: 120px;
	}

	.nttquestioncategorieseditor  p.containerfunction
	{
		font-size: 10pt;
		cursor: pointer;
	}
/* END PageComponent - NttQuestionCategoriesEditor */

/* PageComponent - NttInputTable */
	/* Assessment table on Edit Test page (e.g. when choosing "Grades A-F", "Passed / Not Passed") */
	table.nttinputtable
	{
		border-collapse: collapse;
		empty-cells: hide;
		width: 100%;
		font-size: 10pt;
	}

	table.nttinputtable tr td.keyword,
	table.nttinputtable tr th.keywordH
	{
		width: 170px;
	}

	table.nttinputtable tr td.alternative,
	table.nttinputtable tr th.alternativeH
	{
		width: 300px;
	}

	table.nttinputtable tr th, table.nttinputtable tr td
	{
		border: #c0c0c0 1px solid;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
		width: 0;
	}

	table.nttinputtable tr td div
	{
	}

	table.nttinputtable tr td div iframe
	{
		height: 65px;
	}

	table.nttinputtable tr th
	{
		background-color: #d6dae3;
		font-weight: bold;
		font-size: 10pt;
		text-align: left;
		vertical-align: bottom;
		white-space: nowrap;
	}

	table.nttinputtable tr th span.desc
	{
		font-weight: normal;
		font-size: 8pt;
	}

	table.nttinputtable tr.alternate
	{
		background-color: #f4f4f4;
	}

	table.nttinputtable p.containerfunction{
		font-size: 10pt;
	}
/* END PageComponent - NttInputTable */

/* PageComponent - NTT AlertBox */
	/* Information block on student restul page (e.g. "Deadline has been met but you can still participate." message, etc) */
	.NTT_infobox
	{
		background-color:#F9F3D2;
		border: 1px solid black;
		margin: 20px;
		padding: 0 15px;
		font-weight: bold;
	}
	.NTT_infobox img
	{
		position: relative;
		top: -7px;
		left: -28px;
		margin-right: -24px;
	}
	.NTT_infobox span
	{
		position: relative;
		top: -4px;
		font-size: 0.8em;
	}
	.NTT_infobox ul
	{
		display: inline;
		position: relative;
		top: -1em;
		left: 20px;
	}
/* END PageComponent - Ntt AlertBox */

/* NTT Action and feedback splitscreen */
	/* Test introduction container on view test page for student */
	.ntt_splitscreenintro
	{
			width: 58%;
			float: left;
			padding: 0;
			position: relative;
	}

	/* Test information container on view test page for student */
	.ntt_splitscreentestinfo
	{
			width: 40%;
			float: right;
			padding: 0 0 0 5px;
			position: relative;
	}
/* END NTT Action and feedback splitscreen */

/* NTT Question text summary */
	/* Summary description for question/answer on test result page (trimmed question/answer block) */
	.NTT_summaryDescription,
	.NTT_summaryDescription2
	{
		text-align: left;
	}

	/* "Show question/answer" link */
	.NTT_summaryDescription .NTT_showAllLink
	{
		float: right;
		font-size: 0.8em;
	}

	.NTT_summaryDescription2 .NTT_showAllLink
	{
		float: none;
		clear: both;
	}

	/* Trimmed question/answer holder */
	.NTT_summaryDescription .NTT_summaryText,
	.NTT_summaryDescription2 .NTT_summaryText
	{
		clear: both;
		text-align: left;
		overflow: hidden;
	}

	.NTT_summaryDescription .NTT_summaryText
	{
		width: 100%;
		height: 50px;
		width: 100px;
	}

	.NTT_summaryDescription2 .NTT_summaryText
	{
		width: 100%;
	}

	.NTT_summaryDescription2 .NTT_summaryText div
	{
		float: left;
		white-space: normal;
		width: 100%;
	}


	.NTT_summaryDescription .NTT_summaryText2,
	.NTT_summaryDescription2 .NTT_summaryText2
	{
		clear: both;
		text-align: left;
		overflow: hidden;
		cursor: pointer;
		height: 50px;
		width: 150px;
	}

	.NTT_summaryDescription .NTT_summaryText3
	{
		clear: both;
		text-align: left;
		overflow: hidden;
		height: 50px;
		width: 150px;
	}

	.NTT_summaryDescription .NTT_summaryText p,
	.NTT_summaryDescription .NTT_summaryText2 p,
	.NTT_summaryDescription .NTT_summaryText3 p
	{
		margin-top: 4px;
	}

	.NTT_summaryDescription2 table
	{
		width: 100%;
	}

	.NTT_summaryDescription2 table tr td
	{
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
	}

	/* Full question/answer holder */
	.NTT_fullText
	{
		display: none;
		border-top: 10px solid #B9B9B9;
		border-right: 4px solid #B9B9B9;
		border-bottom: 4px solid #B9B9B9;
		border-left: 4px solid #B9B9B9;
		background-color: White;
		font-size: 1.2em;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 400px;
		cursor: auto;
		z-index: 5;
	}

	.NTT_fullText .NTT_fullTextContent
	{
		clear: both;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		font-size: 0.8em;
	}

	.NTT_fullText .NTT_closeLink
	{
		float: right;
		font-size: 0.8em;
		margin-right: 5px;
	}
/* END NTT Question text summary */

/* NTT DropDown CheckBox list */
	/* Dropdown filter for grid data (e.g. result table on student results page, filter on points column)*/
	.NTT_dropDownFilter .layer
	{
		display: none;
		position: absolute;
		background-color: white;
		border: 1px solid #2A2A90;
		font-weight:normal;
		padding-left: 2px;
		padding-right: 4px;
		z-index: 1000;
		overflow: hidden;
	}

	.NTT_dropDownFilter .layer .checkBoxItem
	{
		padding: 3px 0;
		border-bottom: 1px solid #C0C0C0;
		white-space: normal;

		background-color: white;
		position:relative;
	}

	.NTT_dropDownFilter .layer .checkBoxLastItem
	{
		padding: 3px 0;
		white-space: normal;
	}

	.NTT_dropDownFilter .layer .checkBoxItem label, .NTT_dropDownFilter .layer .checkBoxLastItem label
	{
		display: block;
		padding: 0;
		margin-top: -18px;
		margin-left: 20px;
	}
/* END NTT DropDown CheckBox list */

/* NTT Alternatives thumbnails */
	/* Thumbnail for resized pictures*/
	.NTT_thumbnailContainer
	{
		float: left;
	}

	.NTT_thumbnailContainer .thumbnail
	{
		float: left;
	}

	/* Zoom link for thumbnails */
	.NTT_thumbnailContainer .thumbnail .link
	{
		float: left;
		margin: 2px;
		text-decoration: none;
	}

	.NTT_thumbnailContainer .thumbnail .link img
	{
		margin-right: 2px;
	}

	.NTT_thumbnailContainer .thumbnail .link span
	{
		margin-right: 2px;
		text-decoration: underline;
	}
/* END NTT Alternatives thumbnails */

/* NTT Test Description */
	/* Test introduction block on view test page */
	.NTT_TestDescriptionIntro
	{
		background-color: #EFEFEF;
		padding-left: 5px;
		margin-top: -2px;
		margin-left: 2px;
		margin-right: 2px;
	}

	.NTT_TestDescriptionIntro p,
	.NTT_TestDescriptionIntro span,
	.NTT_TestDescriptionIntro div
	{
		font-size: 0.8em;
	}

	/* Test information block on view test page */
	.NTT_TestDescription
	{
		margin-top: -5px;
		margin-left: 2px;
		margin-right: 2px;
		background-color: #EFEFEF;
	}

	/* One row for test information */
	.NTT_DescriptionItem
	{
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
		font-size: 0.8em;
	}
/* END NTT Test Description */

/* NTT Student report table */
	/* Student report table on view test results for student, classes are self-describing */
	.NTT_studentReportTablelisting table.NTT_studentReportTable{
		border-collapse: collapse;
		width: 100%;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable tr th
	{
		color: #000000;
		font-size: 0.8em;
		padding: 2px 0 1px 5px;
		text-align: left;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable tr th a{
		text-decoration: none;
		color: #000000;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable tr.NTT_studentReport_HeaderRow th{
		background-color: #efefef;
		border-bottom: 1px solid #ffffff;
		font-weight: bold;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable tr.NTT_studentReport_HeaderRow th div span.NTT_dropDownFilter{
		float: none;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable tr.NTT_studentReport_HeaderRow th div span.NTT_dropDownFilter a img{
		vertical-align: middle;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable tr.NTT_studentReport_RegularRow td.NTT_studentReport_NoQst,
	.NTT_studentReportTablelisting table.NTT_studentReportTable tr.NTT_studentReport_RegularRow td.NTT_studentReport_Qst_withoutLink,
	.NTT_studentReportTablelisting table.NTT_studentReportTable tr.NTT_studentReport_RegularRow td.NTT_studentReport_AnswerGiven,
	.NTT_studentReportTablelisting table.NTT_studentReportTable tr.NTT_studentReport_RegularRow td.NTT_studentReport_Category,
	.NTT_studentReportTablelisting table.NTT_studentReportTable tr.NTT_studentReport_RegularRow td.NTT_studentReport_Points
	{
		background-color: #efefef;
		border-bottom: 1px solid #ffffff;
		font-size: 0.8em;
		padding-left: 5px;
		text-align: left;
		padding-right: 20px;
	}

	.NTT_studentReportTablelisting .NTT_studentReport_caption
	{
		padding-bottom: 0;
		padding-top: 0;
		text-align: left;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable tr.NTT_studentReport_RegularRow td.NTT_studentReport_NoQst
	{
		width: 20px;
		cursor: pointer;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align: top;
		font-weight: bold;
		font-size: 14px;
		color: #000000;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable td.NTT_studentReport_AnswerGiven
	{
		width: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align: top;
		cursor: pointer;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable td.NTT_studentReport_Qst_withoutLink
	{
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align: top;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable td.NTT_studentReport_Category
	{
		width: 100px;
		cursor: pointer;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align: top;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable td.NTT_studentReport_Points
	{
		width: 110px;
		cursor: pointer;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align: top;
		white-space: nowrap;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable .NTT_studentReport_HeaderRow .NTT_studentReport_Header_NoQst{
		width: 40px;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable .NTT_studentReport_HeaderRow .NTT_studentReport_Header_Qst
	{
		width: 350px;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable .NTT_studentReport_HeaderRow .NTT_studentReport_Header_AnswerGiven
	{
		width: auto;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable .NTT_studentReport_HeaderRow .NTT_studentReport_Header_Category{
		width: 120px;
	}

	.NTT_studentReportTablelisting .hc
	{
		white-space: nowrap;
	}

	.tablelisting .NTT_studentReport_Header_Points a
	{
		float: left;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable .NTT_studentReport_HeaderRow .NTT_studentReport_Header_Points{
		width: 130px;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable th.questionlisttext{
		width: 400px;
	}

	.NTT_studentReportTablelisting .tablefooter{
		background-color: #e2e2e2;
		font-size: 0.8em;
		height: 1.8em;
		padding: 2px 5px;
		color: #000000;
	}

	.NTT_studentReportTablelisting .tablefooter .pageindex{
		float: left;
	}

	.NTT_studentReportTablelisting .tablefooter .pagesize{
		float: right;
	}

	.NTT_studentReportTablelisting table.NTT_studentReportTable th img {
		vertical-align:text-bottom;
	}
/* END NTT Student report table */

/* NTT Student Report Answer types */
	/* Containers for wrong, correct and partially correct answers on test result page (for both: student and teacher) */
	.NTT_wrongAnswer, .NTT_correctAnswer, .NTT_partlyCorrectAnswer
	{
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 0px;
		padding-bottom: 0px;
		white-space: nowrap;
		display: inline-block; /*[YK] - to fix IE Bug - nowrap + padding-left*/
	}

	.NTT_wrongAnswer
	{
		background-color: #FF7575;
		border: solid 1px #FF0000;
	}

	.NTT_correctAnswer
	{
		background-color: #91BB96;
		border: solid 1px #007500;
	}

	.NTT_partlyCorrectAnswer
	{
		background-color: #B2E6A1;
		border: solid 1px #2A905B;
	}
/* END - NTT Student Report Answer types */

/* NTT ShowResultStudent.aspx result metadata */
	/* Test result page, test result summary block at the top */
	.ntt-results-description
	{
		background-color: #efefef;
		font-size: 0.8em;
	}

	.ntt-results-description-table
	{
		table-layout: fixed;
		width: 100%;
	}

	.ntt-results-description-table tr td.ntt-results-description-table-left
	{
		width: 80%;
		vertical-align: top;
		line-height: 150%;
	}

	.ntt-results-description-table tr td.ntt-results-description-table-right
	{
		width: 220px;
	}

	/* Test result page */
	.ntt-student-result-footer-legend
	{
		background-color: #e2e2e2;
		width: 100%;
		font-size: 0.8em;
		margin-top: 3px;
		position: relative;
	}
/* END NTT ShowResultStudent.aspx result metadata */

/* QTI (Take test page) */
	/* Header filled with blue gradient (on take test page, test result page) */
	.qti-heading
	{
		background-image: url(xp/ntt_test_header.gif);
		background-color: #ffffff;
		background-attachment: scroll;
		background-position: top left;
		background-repeat: repeat-x;
		line-height: 100%;
		padding: 5px;
		font-family: Arial;
		font-weight: bold;
		font-size: 14px;
		color: #000000;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	/* Generic class used for h2 headers (on take test page, test result page) */
	.qti-simpleheading
	{
		line-height: 100%;
		font-family: Arial;
		font-weight: bold;
		font-size: 14px;
		color: #000000;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	/* Paragraph in question body on take test page */
	.qti-assessmentitem p
	{
		margin-top: 0;
		margin-bottom: 0;
	}

	/* Generic container on take test page */
	.qti-wrapper
	{
		padding: 5px;
	}

	/* Words counter container for open answer on take test page */
	.qti-words-counter
	{
		padding: 5px;
	}

	/* Error message when max number of words is exceeded (near words counter) */
	.qti-words-counter .qti-error
	{
		color: #f00;
	}

	/* Container with white border at the top */
	.top-white-border
	{
		border-top: 1px solid #fff;
	}

	/* Question body container on take test page */
	.qti-assessmentitem div.content
	{
		background-color: #f4f4f4;
		width: 100%;
		position: relative;
	}

	/* IE6 related fix for take test page footer displays correctly */
	* html .qti-assessmentitem div.qti-bottom
	{
		border: 1px solid #e2e2e2;
	}

	/* Take test page footer */
	.qti-assessmentitem div.qti-bottom
	{
		background-color: #e2e2e2;
		border-top: #ffffff 1px solid;
	}

	/* Modal feedback block on take test page */
	.qti-modalfeedback
	{
		padding: 10px 5px 10px 5px;
		line-height: 100%;
		text-align: right;
		font-family: Arial;
		font-weight: bold;
		font-size: 14px;
		color: #000000;
		float: right;
		clear: right;
	}

	/* Correct blank highlight on take test page (when revealing correct answers) and test result page */
	.qti-correct-blank
	{
		background-color: #B1DAC6;
		border: #008000 1px solid;
		white-space: nowrap;
		line-height: 210%;
		padding: 3px;
	}

	/* Wrong blank highlight on take test page (when revealing correct answers) and test result page */
	.qti-wrong-blank
	{
		background-color: #F7BFB9;
		border: #FF0000 1px solid;
		white-space: nowrap;
		line-height: 210%;
		padding: 3px;
	}

	/* Blank highlight on take test and test result page */
	.qti-simple-blank
	{
		border: #a6a6a6 1px solid;
		white-space: nowrap;
		line-height: 210%;
		padding: 3px;
	}

	/* Not used (hottext interaction, in development) */
		.qti-correct-alt-blank
		{
			background-color: #FFCC99;
			border: #339966 1px solid;
			white-space: nowrap;
			line-height: 210%;
			padding: 3px;
		}

		.qti-neutral-blank
		{
			background-color: #FFFFFF;
			border: #000000 1px solid;
			white-space: nowrap;
			line-height: 210%;
			padding: 3px;
		}

	/* take test page, short answer, text input container */
	.qti-shortanswer
	{
		padding: 5px;
		background-color: #e2e2e2;
		border-top: #ffffff 1px solid;
		border-bottom: #ffffff 1px solid;
	}

	/* take test, multiple choice/response choice select container (table) */
		.qti-choiceinteraction
		{
			border-width: 0px;
			border-collapse: collapse;
			width: 100%;
			table-layout: fixed;
		}

		.qti-choiceinteraction tr
		{
			background-color: #f4f4f4;
		}

		.qti-choiceinteraction td
		{
			padding: 5px;
			border-bottom: #ffffff 1px solid;
		}

		/* row containing selected (checked) choice when revealing correct answer */
		.qti-choiceinteraction tr.checkedrow
		{
			background-color: #e2e2e2;
		}

		/* cell with checkboxes or radio buttons */
		.qti-choiceinteraction td.checkboxrow
		{
			width: 25px;
		}


		/* cell next to checkboxes cell, contains label for checkbox/radio button */
		.qti-choiceinteraction td.description
		{
			width: auto;
			overflow: hidden;
		}

		/* cell with correct or wrong icons after description cell */
		.qti-choiceinteraction td.correctwrong
		{
			width: 25px;
		}

		/* integrated feedback cell */
		.qti-choiceinteraction td.integratedfeedback
		{
			width: auto;
			overflow: hidden;
		}

		/* When showing result, this cell contains amount of points for each choice */
		.qti-choiceinteraction td.alternativepoints
		{
			width: 90px;
		}

	/* Legend item in the footer of the test results page*/
	.qti-legend-item
	{
		padding: 10px 5px 10px 5px;
		position: relative;
		float:left;
		margin-right: 15px;
		line-height: 100%;
	}

	/* Legend item for correct answers (used on test results page and take test page when reveal correct answers enabled) */
	.qti-correct-blank-field
	{
		background-color: #B1DAC6;
		border: #008000 1px solid;
		padding: 3px;
		width: 15px;
		height: 0.8em;
		float: left;
		margin-right: 5px;
		margin-left: 2px;
	}

	/* Legend item for wrong or missing answers (used on test results page and take test page when reveal correct answers enabled) */
	.qti-wrong-blank-field
	{
		background-color: #F7BFB9;
		border: #FF0000 1px solid;
		padding: 3px;
		width: 15px;
		height: 0.8em;
		float: left;
		margin-right: 5px;
		margin-left: 2px;
	}

	/* Not used (hottext interaction, in development) */
	.qti-correct-alt-blank-field
	{
		background-color: #FFCC99;
		border: #339966 1px solid;
		padding: 3px;
		width: 30px;
		height: 0.8em;
		float: left;
		margin-right: 10px;
	}

	/* Legend item on take test page for hotspot click question (correct spot) */
	.qti-hotspot-correct
	{
		padding-left: 10px;
		background-color: #b1dac6;
		border: #008000 1px solid;
		color: #b1dac6;
	}

	/* Legend item on take test page for hotspot click question (incorrect spot) */
	.qti-hotspot-wrong
	{
		padding-left: 10px;
		background-color: #f7bfb9;
		border: #ff0000 1px solid;
		color: #f7bfb9;
	}

	/* Text for legend item on take test page for hotspot click question */
	.qti-hotspot-smalltext
	{
		font-size: smaller;
	}

	/* Question Statistic page (in reports), Hotspot Click question legend container */
	.qti-hotspot-legend
	{
		width: 50%;
		padding-right: 10px;
	}

	/* Cell containing report image for hotspot click question */
	.qti-verticalaligntop
	{
		vertical-align: top;
	}

	/* Not used (hottext interaction, in development) */
		.qti-hottext-left-panel
		{
			width: 80%;
		}

		.qti-hottext-right-panel
		{
			width: 20%;
		}

		.qti-hottext-left-panel,
		.qti-hottext-right-panel
		{
			vertical-align: top;
		}

	/* Warning message on Participant results page (in Reports) when test contains answers to be manually assessed */
	.report-result-overview-warning
	{
		margin: 5px;
		padding: 5px;
		font-size: 0.8em;
		background: #eee;
	}
/* END QTI */

/* Messaging */
	.treeFolder
	{
		text-decoration: underline;
	}

	.emailViewHeader
	{
		margin-left: 25px;
		margin-top: 5px;
		font-size: .8em;
		vertical-align: top;
		text-align: left;
	}

	.emailViewHeader th
	{
		text-align: left;
		vertical-align: top;
		width: 10%;
	}

	.emailViewHeader td
	{
		text-align: left;
		vertical-align: top;
		width: 90%;
	}

	.emailViewBody
	{
		margin-left: 25px;
		margin-top: 25px;
		font-size: .8em;
		text-align: left;
		vertical-align: top;
	}

	.sendMessageForm a
	{
		vertical-align: top;
	}

	.messageListTable
	{
	}

	.messageListToolbar *
	{
		padding: 0;
		margin: 0;
	}

	.messageListSearch{
		font-size: .8em;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 20px;
		top: 45px;
		display: inline;
	}

	.messagesSelectionColumn
	{
		width: 16px;
	}
	.messagesFavoritesColumn
	{
		width: 15px;
	}
	.messagesToColumn
	{
		width: 130px;
	}
	div.messagesToFloatingLabel
	{
		font-size: .8em;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-left: #93aaba 1px solid;
		border-right: #93aaba 1px solid;
		border-top: #93aaba 1px solid;
		border-bottom: #93aaba 1px solid;
		display: none;
		width: 710px;
		cursor: default;
		position: absolute;
		text-overflow: ellipsis;
		background-color: #ffffcc;
		text-align: left;
	}
	.messagesFromColumn
	{
		width: 150px;
	}
	.emailFromColumn
	{
		width: 200px;
	}
	div.messageFrom
	{
		text-decoration:underline;
		cursor:hand;
		cursor:pointer;
		text-overflow:ellipsis;
		overflow: hidden;
	}
	.messagesIconsColumn
	{
		width: 16px;
	}
	.messageSubjectAndBodyColumn
	{
		overflow: hidden;
		white-space:nowrap;
		height: 1em;
		width: 90%;
		text-overflow:ellipsis;
		padding-left: 35px;
	}
	div.messagesSubjectAndBody
	{
		overflow: hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		width: 99%;
		padding-left: 0px;
		cursor:hand;
	}
	a.messageSubject
	{
		text-decoration: none;
		color: #000 !important;
	}
	span.messageBody
	{
		color: #555;
	}
	.messagesAttachmentsColumn
	{
		width: 16px;
	}
	.messagesDateColumn
	{
		width: 145px;
	}
	.emailDateColumn
	{
		width: 145px;
	}
	div.messageDate
	{
	}
	.messagesFolderColumn
	{
		width: 115px;
	}

	.readMessageHeader
	{
		margin-top: 10px;
		margin-left: 20px;
	}

	.readMessageHeader td
	{
		padding-left: 25px;
	}

	.readMessageBody
	{
		margin-top: 10px;
		margin-left: 20px;
	}

	.readMessageBody td
	{
		padding-left: 0px;
	}

	.messagingActionList
	{
		width: 115px;
	}
	.messagingActionList optgroup option{
		padding-left: 15px;
		padding-right: 15px;
	}

	.messagingViewMessageReplyForwardNotifier
	{
		font-size: .8em;
		padding : 2px;
		margin: 3px 0px 3px 0px;
		padding-left: 10px;
		white-space: normal;
	}

	.messageSettings
	{
		white-space: nowrap;
	}

	.ob_t5v, .ob_t6v
	{
		background-image: url(vertical.gif);
	}
/* END messaging */

/* Members Selector */
	.MemberSelector
	{
		width: 230px;
	}
/* END Members Selector */

/* Video portal */
	.video_portal
	{
		border: 1px solid #CCC;
		background-color: #EEE;
		padding: 2px;
	}
/* END Video portal */

/* PageComponent - DiscussionCategory */
	.discussion_category
	{
		padding: 0px 2px 0px 2px;
		color: black;
		border: 1px solid #000;
		background-color: #FFF;
		white-space: nowrap;
		float:left;
		margin: 0 5px 0 5px;
	}
/* END PageComponent - DiscussionCategory */

/* Discussion list */
	.discussion_category_list
	{
		padding: 0px 2px 0px 2px;
		color: black;
		border: 1px solid #000;
		background-color: #FFF;
		white-space: nowrap;
		float:left;
		margin: 0;
	}
/* END Discussion list */

/* Discussion category editor control */
	.discussionCategoryListItem
	{
		margin: 0.1em;
		width: 150px;
	}

	.discussionCategoryQuasiLink
	{
		cursor: pointer;
	}

	.discussionCategoryQuasiLink span
	{
		margin-left: 3px;
		text-decoration: underline;
	}

	.discussionCategoryQuasiLink img
	{
		vertical-align: bottom;
	}

	.discussionCategoryClose
	{
		width: 91%;
		margin-bottom: 1%;
		display: block;
		float:right;
	}

	.discussionCategoryClose br
	{
		clear: both;
	}

	.discussionCategoryClose span
	{
		float: right;
		cursor: pointer;
		font-weight:bold;
	}

	.IEFixDiv iframe
	{
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	}

	.IEFixDiv
	{
		border: 1px solid #A0A0A0;
		position: absolute;
		top: 1px;
		left: 1px;
		height:160px;
		width: 145px;
		overflow: hidden;
	}

	.discussionShowcase
	{
		background-color: #FFFFFF;
		height:160px;
		width: 145px;
		overflow: auto;
	}

	.postCategoryShowCase
	{
		position: absolute;
		top: 1px;
		left: 1px;
		background-color: #FFFFFF;
		border: 1px solid #A0A0A0;
		height:100px;
		width: 18em;
		overflow: auto;
		z-index: 1;
	}

	.postCategory
	{
		border-width:1px;
		border-style:solid;
		width: 18em;
		height: 15px;
		padding: 0.1em;
		float: left;
	}

	.postCategoryShowCaseLeftContainer
	{
		float: left;
		width: 40%;
		min-width: 40%;
		display: inline;
		margin-left: 1%;
	}

	.postCategoryShowCaseRightContainer
	{
		float: right;
		width: 40%;
		min-width: 45%;
		display: inline;
		margin-right: 1%;
	}

	.postCategoryShowCaseItem
	{
		border-width:1px;
		border-style:solid;
		width: 90%;
		margin: 3% 1%;
		padding: 1%;
		cursor: pointer;
		float: left;
		overflow: hidden;
		text-overflow: ellipsis;
		clear: left;
	}

	.discussionCategoryShowCaseLeftContainer
	{
		float: left;
		width: 40%;
		display: inline;
		margin-left: 1%;
	}

	.discussionCategoryShowCaseRightContainer
	{
		float: right;
		width: 40%;
		display: inline;
		margin-right: 1%;
	}

	.discussionCategoryShowCaseItem
	{
		position:absolute;
		border-width:1px;
		border-style:solid;
		margin: 3% 1%;
		padding: 1%;
		cursor: pointer;
	}

	.discussionCategorySelectorDropDown
	{
		cursor: pointer;
		float: left;
		vertical-align: top;
	}
/* END Discussion category editor control */

/* ThreadViewTable */
	.threadviewToolbar
	{
		margin-left: -1px;
		margin-top: 10px;
	}

	.threadViewTable .personInfo
	{
		width: 100px;
		background-color: #EEEEEE;
		vertical-align: top;
		text-align: center;
		padding: 0.2em;
		border-right-style:none;
	}

	.threadViewTable td
	{
		border: 1px solid #C0C0C0;
	}

	.threadViewTable .personInfoWithoutBottomBorder
	{
		width: 100px;
		background-color: #EEEEEE;
		vertical-align: top;
		text-align: center;
		padding: 0.2em;
		border-right-style:none;
		border-bottom-style: none;
	}

	.threadViewTable .personInfo img, .threadViewTable .personInfoWithoutBottomBorder img
	{
		width: 71px;
	}

	.threadViewTable .header
	{
		background-color: #EEEEEE;
		border: 1px solid #C0C0C0;
		border-left-style:none;
		border-bottom-style:none;
	}

	.threadViewTable .headerWithoutTopBorder
	{
		background-color: #EEEEEE;
		border: 1px solid #C0C0C0;
		border-left-style:none;
		border-top-style:none;
		border-bottom-style:none;
	}

	.threadViewTable .header .postTitle, .threadViewTable .headerWithoutTopBorder .postTitle
	{
		float:left;
	}

	.threadViewTable .header .operations, .threadViewTable .headerWithoutTopBorder .operations
	{
		float: right;
		margin: 0;
		padding: 0;
	}

	.threadViewTable .header .operations li, .threadViewTable .headerWithoutTopBorder .operations li
	{
		display: inline;
		float: left;
		margin-right: 10px;
	}

	.threadViewTable .header .operations a span, .threadViewTable .headerWithoutTopBorder .operations a span
	{
		text-decoration: underline;
		color: #02397D;
	}

	.threadViewTable .header .title, .threadViewTable .headerWithoutTopBorder .title
	{
		float: left;
		padding-left: 0.5em;
	}

	.threadViewTable .categoryHeader
	{
		padding: 0px;
		color: black;
		border: 1px solid #000;
		background-color: #FFF;
		white-space: nowrap;
		text-align:center;
	}

	.threadViewTable .postText
	{
		border-left-style:none;
		border-top-style:none;
		border-bottom-style:none;
		vertical-align:top;
	}

	.threadViewTable .updatedCell
	{
		border-left-style:none;
		border-top-style:none;
		vertical-align:bottom;
	}

	.threadViewTable .updatedCellWithoutBottomBorder
	{
		border-left-style:none;
		border-top-style:none;
		border-bottom-style:none;
		vertical-align:bottom;
	}

	.threadViewTable .updatedCell .updated, .threadViewTable .updatedCellWithoutBottomBorder .updated
	{
		float:right;
		color:#666666;
		font-size:0.8em;
	}

	.threadViewTable .updatedCell .updated div, .threadViewTable .updatedCellWithoutBottomBorder .updated div
	{
		float:right;
	}

	.threadViewTable .deleted
	{
		border: 1px solid #A0A0A0;
		margin: 2em;
		padding: 0.5em;
	}

	.threadViewTable .quoted
	{
		margin: 1em;
		padding: 0.5em;
		border: 1px dashed;
		clear: both;
	}

	.threadViewTable .quoteContainer
	{
		float: right;
	}

	.threadViewTable .quoteText
	{
		clear: both;
	}

	.threadViewTable .parentAuhtor
	{
		float: left;
		font-weight: bold;
	}

	.threadViewTable .highlightedRow
	{
		background-color: #FFFBC1;
	}

	.threadViewTable tr.autoHeight
	{
		height: auto;
	}


	.threadViewTable .highlightedRow .header
	{
		background-color: #FFF0C1;
		border: 1px solid #C0C0C0;
		border-left-style:none;
		border-bottom-style:none;
	}

	.threadViewTable .highlightedRow .headerWithoutTopBorder
	{
		background-color: #FFF0C1;
		border: 1px solid #C0C0C0;
		border-left-style:none;
		border-top-style:none;
		border-bottom-style:none;
	}
/* END ThreadViewTable */

/* Search */
	#SearchForm th
	{
		vertical-align: middle;
	}

	.searchControl
	{
		text-decoration: none;
	}
/* END Search */

/* Discussion search page */
	.discussionSearch
	{
		position: absolute;
		top: 40px;
		right: 10px;
		font-size: 0.8em;
	}

	div.discussionSearchPost
	{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
		color: #909090;
	}
/* END Discussion search page */

/* Essay page */
	.selectAction
	{
		padding-left: 10px;
		font-weight: normal;
		font-size: 0.8em;
	}
/* END Essay page */

/* File manager */
	.uploadModeContent
	{
		margin-left: 1.5em;
	}

	.templateWarningText
	{
		font-size: 0.8em;
	}

	.uploadModeItem
	{
		margin-top: 5px;
	}

	.fileDescription
	{
		width: 50%;
	}
/* END File manager */

/* PageComponent - ParticipantList */
	/* Report tab, Participant results page, grid with summary information at the top of the page (Deadline, Status, Max Score, etc)*/
		.description .participant_list_part1,
		.description .participant_list_part1 div
		{
			white-space: nowrap;
			width: 170px;
			font-weight: bold;
		}
		.description .participant_list_part2a,
		.description .participant_list_part2a div
		{
			white-space: nowrap;
			padding-left: 24px;
		}
		.description .participant_list_part2b,
		.description .participant_list_part2b div
		{
			white-space: nowrap;
			width: 100px;
			text-align: right;
		}
		.description .participant_list_part2c,
		.description .participant_list_part2c div
		{
			white-space: nowrap;
			width: 100px;
			padding-left: 20px;
			text-align: left;
		}
		.description .participant_list_part3
		{
			white-space: nowrap;
			width: 70%;
			text-align: left;
		}

	/* Report tab, Participant results page, participant results list table header */
		.participant_list_table_description
		{
			padding-top: 10px;
			padding-bottom: 4px;
		}

		.participant_list_table_description_left
		{
			font-weight: bold;
			font-size: .8em;
			float: left;
		}

		* html .participant_list_table_description_left
		{
			position: relative;
		}

		.participant_list_table_description_right
		{
			font-size: .8em;
			float: right;
		}

		* html .participant_list_table_description_right
		{
			position: relative;
		}
/* END PageComponent - ParticipantList */

/* PageComponent - NttQuestionStatisticsNavigator */
	.nttquestionstatisticsnavigator
	{
		background-color: #808080;
		width: 100%;
	}

	.nttquestionstatisticsnavigator .left
	{
		width: 30%;
		font-size: 12pt;
		font-weight: bold;
		color: #fff;
	}

	.nttquestionstatisticsnavigator .right
	{
		width: 70%;
		color: #808080;
		text-align: right;
		font-weight: bold;
	}

	.nttquestionstatisticsnavigator .box
	{
		width: 20px;
		height: 20px;
		float: right;
		border: 1px #555 solid;
		color: #000;
		background-color: #dedede;
		text-align: center;
		font-size: 10pt;
	}

	.box a,
	.box a:active,
	.box a:focus,
	.box a:link,
	.box a:visited
	{
		text-decoration: none;
		color: #808080;
	}
/* END PageComponent - NttQuestionStatisticsNavigator */

/* PageComponent - NttAlternativeUploader */
	/* Add/Edit "Select from a list" question, Add one more alternative block (input field and link)*/
		.ntt-alternative-uploader input.ntt-alternative-uploader-input
		{
			width: 250px;
		}

		.ntt-alternative-uploader div a
		{
			color: #d3701b;
			font-size: 10pt;
		}
/* END PageComponent - NttAlternativeUploader */

/* Take Test - Matching question */
	/* Take test page, matching question container. Do not change layout related definitions without urgent need, functionality might be affected */
	.matching-container-box
	{
		position: relative;
		overflow: auto;
		visibility: hidden;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.matching-container-box.visible
	{
		visibility: visible;
		overflow-y: hidden;
		padding-bottom: 15px;
	}

	.matching-container-box .container-box-holder
	{
		margin: 0;
		padding: 0;
		position: relative;
	}

	table.matching-final-results
	{
		border: 0;
		border-collapse: collapse;
	}

	.qti-matchinteraction div,
	.qti-matchinteraction p,
	.qti-matchinteraction td
	{
		padding: 0;
		margin: 0;
	}

	/* cell with choices */
	.qti-matchinteraction .choices
	{
		padding-right: 15px;
		padding-left: 15px;
	}

	.qti-matchinteraction .choices.pod
	{
		border-right: solid 2px white;
	}
	/* one choice container */
		.qti-matchinteraction .choices .choicecontainer
		{
			margin: 15px 0px;
			text-align: left;
			width: 335px;
			/*width: 320px;*/
			overflow: hidden;
		}

		.qti-matchinteraction .choices .choicecontainer div.container
		{
			border: solid 2px gray;
			padding: 5px;
			overflow: hidden;
			float: right;
			background-color: white;
		}

		/* IE 6 min-width emulation */
		* html .qti-matchinteraction .choices .choicecontainer .container
		{
			/*width: expression(this.offsetWidth > 320 ? '320px': '');*/
			width: expression(this.offsetWidth > 335 ? '335px': '');
		}

	/* equation sign container */
	.qti-matchinteraction .choices .choicedelimiter
	{
		text-align: center;
		font-weight: bold;
		font-size: 2.5em;
	}

	/* Drop place for matches (block after equation sign) */
		.qti-matchinteraction .choices .droppable,
		.qti-matchinteraction .choices .wrongdroppable
		{
			border: solid 2px gray;
			width: 110px;
			padding: 3px 0px;
			text-align: center;
			font-weight: bold;
			font-size: 2.5em;
		}
		.qti-matchinteraction .choices .droppable
		{
			background-color: white;
		}

	/* Drop container for unmatched pair (on test results page and take test page when reveal correct answers enabled) */
	.qti-matchinteraction .choices .wrongdroppable
	{
		background-color: #F7BFB9;
	}

	/* Match table cell */
	.qti-matchinteraction .match
	{
		padding-left: 15px;
		padding-right:15px;
	}

	/* Drag container */
	.qti-matchinteraction .choices .correctdraggable,
	.qti-matchinteraction .match .correctdraggable,
	.qti-matchinteraction .choices .wrongdraggable,
	.qti-matchinteraction .match .wrongdraggable
	{
		border: solid 2px gray;
	}

	.qti-matchinteraction .correctdraggable,
	.qti-matchinteraction .wrongdraggable
	{
		overflow: hidden;
		padding: 5px;
	}

	.matching-final-results .qti-matchinteraction .correctdraggable,
	.matching-final-results .qti-matchinteraction .wrongdraggable
	{
		padding: 0;
	}

	.qti-matchinteraction .correctdraggable .content-holder,
	.qti-matchinteraction .wrongdraggable .content-holder
	{
		padding: 5px;
	}



	/* Drag container */
		.qti-matchinteraction .choices .draggable,
		.qti-matchinteraction .match .draggable
		{
			margin: 0;
			padding: 0;
			width: 335px;
			padding: 0;
		}

		.matching-final-results .qti-matchinteraction .choices .draggable,
		.matching-final-results .qti-matchinteraction .match .draggable
		{
			width:auto;
		}

		.qti-matchinteraction
		.qti-matchinteraction .choices .draggable div.container,
		.qti-matchinteraction .match .draggable div.container
		{
			border: solid 2px gray;
			overflow: hidden;
			background-color: white;
			/*max-width: 320px;*/
			max-width: 335px;
			float: left;
			padding: 5px;
			margin: 0;
		}

		/* IE 6 min-width emulation */
		* html .qti-matchinteraction .match .draggable div.container,
		* html .qti-matchinteraction .match .draggable div.correctdraggable,
		* html .qti-matchinteraction .match .draggable div.wrongdraggable,
		* html .qti-matchinteraction .choices .draggable div.container,
		* html .qti-matchinteraction .choices .draggable div.wrongdraggable,
		* html .qti-matchinteraction .choices .draggable div.correctdraggable
		{
			/*width: expression(this.offsetWidth > 320 ? '320px': '');*/
			width: expression(this.offsetWidth > 335 ? '335px': '');
		}


	/* Drag container for matched pair (on test results page and take test page when reveal correct answers enabled) */
	.qti-matchinteraction .choices .correctdraggable,
	.qti-matchinteraction .match .correctdraggable
	{
		/*max-width: 320px;*/
		max-width: 335px;
		float: left;
		background-color: #B1DAC6;
	}

	/* Drag container for unmatched pair (on test results page and take test page when reveal correct answers enabled) */
	.qti-matchinteraction .choices .wrongdraggable,
	.qti-matchinteraction .match .wrongdraggable
	{
		/*max-width: 320px;*/
		max-width: 335px;
		float: left;
		background-color: #F7BFB9;
	}

	/* Dragged container (when drag action performing) */
	.qti-matchinteraction .match .dragged
	{
		background-color: #fafafa;
	}

	/* Green arrow for correct match on take test page (when reveal correct answers enabled) */
	.qti-matchinteraction .match .correctanswer-arrow
	{
		padding-right: 5px;
	}

	/* Match question legend (when reveal correct answers enabled)*/
	.qti-legend-match
	{
		padding: 8px 0px 8px 10px;
		position: relative;
		float: left;
		line-height: 100%;
		margin-right: 10px;
	}

	/* Match question legend text (when reveal correct answers enabled)*/
	.qti-match-legend-text
	{
		padding-top: 0.3em;
	}

	/* Match question legend, correct match  (when reveal correct answers enabled)*/
	.qti-correct-match-field
	{
		background-color: #B1DAC6;
		border: #008000 1px solid;
		width: 18px;
		height: 18px;
		float: left;
		margin-right: 10px;
	}

	/* Match question legend, incorrect match  (when reveal correct answers enabled)*/
	.qti-wrong-match-field
	{
		background-color: #F7BFB9;
		border: #FF0000 1px solid;
		width: 18px;
		height: 18px;
		float: left;
		margin-right: 10px;
	}
/* END Take Test - Matching question */

/* PageComponent - NttActionButton */
	/* Next, Prev, Submit buttons holder on Take Test page */
	table.buttonsHolder
	{
		width: 100%;
		position: relative;
	}

	table.buttonsHolder .left,
	table.buttonsHolder .right
	{
		width: 50%;
	}

	table.buttonsHolder .right
	{
		text-align: right;
	}

	table.buttonsHolder span
	{
		height:100%;
		vertical-align:middle;
	}

	/* Next, Prev, Submit buttons on Take Test page */
	.nttactionbutton-back, .nttactionbutton-next{
		text-decoration: none;
	}

	.nttactionbutton-back span, .nttactionbutton-next span{
		color: #000000;
		text-decoration: underline;
		font-size: 14px;
		font-weight: bold;
	}

	.nttactionbutton-back span
	{
		margin-right:15px;
	}

	.nttactionbutton-back img{
		margin-right: 5px;
	}

	.nttactionbutton-next img{
		margin-left: 5px;
		margin-right: 15px;
	}

	.nttactionbutton-back img, .nttactionbutton-next img{
		vertical-align: middle;
	}
/* END PageComponent - NttActionButton */

/* PageComponent - NttQuestionNavigator */
	/* Ntt question navigator (right top corner on Take Test page) */
	.NttQuestionNavigator
	{
		font-size: 0.7em;
		position: relative;
		display: inline-block;
		width:100%;
	}

	/* Header */
	.NttQuestionNavigator .header
	{
		float: right;
		font-weight: bold;
		padding: 0;
		margin: 0;
		font-size: 1em;
	}

	/* Question numbers container */
	.NttQuestionNavigator .questions
	{
		float: right;
	}

	/* One question number container */
	.NttQuestionNavigator .questions .itemContainer
	{
		height: 16px;
		float: left;
		margin: 2px;
		text-align: center;
	}

	/* Question number link */
	.NttQuestionNavigator .questions .questionItem,
	.NttQuestionNavigator .questions .questionItem:active,
	.NttQuestionNavigator .questions .questionItem:focus,
	.NttQuestionNavigator .questions .questionItem:hover,
	.NttQuestionNavigator .questions .questionItem:link,
	.NttQuestionNavigator .questions .questionItem:visited
	{
		background-color: #D1D1D1;
		height: 13px;
		display: block;
		float: left;
		padding: 0 2px;
		text-decoration: none;
		color: black;
	}

	/* Question number neutral link */
	.NttQuestionNavigator .questions .questionItemNeutral,
	.NttQuestionNavigator .questions .questionItemNeutral:active,
	.NttQuestionNavigator .questions .questionItemNeutral:focus,
	.NttQuestionNavigator .questions .questionItemNeutral:hover,
	.NttQuestionNavigator .questions .questionItemNeutral:link,
	.NttQuestionNavigator .questions .questionItemNeutral:visited
	{
		background-color: #D1D1D1;
		display: block;
		float: left;
		height: 100%;
		padding: 0 2px;
		text-decoration: none;
		color: black;
		white-space: nowrap;
	}

	/* Progress bar */
		.NttQuestionNavigator .questions .progressContainer
		{
			height: 3px;
			float: left;
			width: 100%;
			white-space: nowrap;
		}

		.NttQuestionNavigator .questions .successProgress
		{
			height: 100%;
			background-color: #B8D7C7;
			float: left;
			overflow: hidden;
		}

		.NttQuestionNavigator .questions .failProgress
		{
			height: 100%;
			background-color: #F2C1C5;
			float: right;
			overflow: hidden;
		}

	/* Correctly answered question */
	.NttQuestionNavigator .questions .individualCorrectItem,
	.NttQuestionNavigator .questions .individualCorrectItem:active,
	.NttQuestionNavigator .questions .individualCorrectItem:focus,
	.NttQuestionNavigator .questions .individualCorrectItem:hover,
	.NttQuestionNavigator .questions .individualCorrectItem:link,
	.NttQuestionNavigator .questions .individualCorrectItem:visited
	{
		height: 100%;
		background-color: #B8D7C7;
		display: block;
		float: left;
		padding: 0 6px;
		text-decoration: none;
		color: black;
	}

	/* Incorrectly answered question */
	.NttQuestionNavigator .questions .individualWrongItem,
	.NttQuestionNavigator .questions .individualWrongItem:active,
	.NttQuestionNavigator .questions .individualWrongItem:focus,
	.NttQuestionNavigator .questions .individualWrongItem:hover,
	.NttQuestionNavigator .questions .individualWrongItem:link,
	.NttQuestionNavigator .questions .individualWrongItem:visited
	{
		height: 100%;
		background-color: #F2C1C5;
		display: block;
		float: left;
		padding: 0 6px;
		text-decoration: none;
		color: black;
	}

	/* Question link */
	.NttQuestionNavigator .questions .individualItem,
	.NttQuestionNavigator .questions .individualItem:active,
	.NttQuestionNavigator .questions .individualItem:focus,
	.NttQuestionNavigator .questions .individualItem:hover,
	.NttQuestionNavigator .questions .individualItem:link,
	.NttQuestionNavigator .questions .individualItem:visited
	{
		height: 100%;
		background-color: #D1D1D1;
		display: block;
		float: left;
		padding: 0 6px;
		text-decoration: none;
		color: black;
	}

	/* Currently viewed question */
	.NttQuestionNavigator .questions .currentItem
	{
		background-color: #6C6C6C;
		color: white;
		height: 100%;
		display: block;
		float: left;
		padding: 0 6px;
	}
/* END PageComponent - NttQuestionNavigator */

/* QTI Report - Test results (on test manual assessment page and student test results page) */
	/* Test result container */
	table.qti-report-student-innertable
	{
		border-collapse: collapse;
		float: left;
	}

	/* Legend table cell */
	table.qti-report-student-innertable tr td.correctwronglegend
	{
		padding-right: 5px;
		width: 11px;
	}

	/* Student, correct and wrong answers for different question types (Submitted answer column in result list table) */
		table.qti-choiceinteraction-student-innertable,
		table.qti-choiceinteraction-student-innertable-wrong,
		table.qti-choiceinteraction-student-innertable-correct
		{
			border-collapse: collapse;
			width: 100%;
		}

		table.qti-choiceinteraction-student-innertable-wrong
		{
			background-color: #f7bfb9;
			border: #ff0000 1px solid;
		}

		table.qti-choiceinteraction-student-innertable-correct
		{
			background-color: #b1dac6;
			border: #008000 1px solid;
		}

		table.qti-choiceinteraction-student-innertable tr td.choice,
		table.qti-choiceinteraction-student-innertable-wrong tr td.choice,
		table.qti-choiceinteraction-student-innertable-correct tr td.choice
		{
			width: 20px;
		}

		table.qti-choiceinteraction-student-innertable tr td,
		table.qti-choiceinteraction-student-innertable-wrong tr td,
		table.qti-choiceinteraction-student-innertable-correct tr td
		{
			width: auto;
		}


		.qti-matchinteraction-student-neutral,
		.qti-matchinteraction-student-white,
		.qti-matchinteraction-student-correct,
		.qti-matchinteraction-student-wrong
		{
			padding: 3px;
			text-align: center;
			overflow: hidden;
		}

		.qti-matchinteraction-student-white
		{
			float: right;
		}

		.qti-matchinteraction-student-neutral
		{
			border: gray 1px solid;
		}

		.qti-matchinteraction-student-white
		{
			border: gray 1px solid;
			background-color: #ffffff;
		}

		.qti-matchinteraction-student-correct
		{
			border: #008000 1px solid;
			background-color: #b1dac6;
		}

		.qti-matchinteraction-student-wrong
		{
			border: #ff0000 1px solid;
			background-color: #f7bfb9;
		}

		.qti-matchinteraction-student-heavy
		{
			font-size:16px;
			font-weight: bold;
		}

		.qti-matchinteraction-student-easy
		{
			color: gray;
		}

		.qti-fillintheblank-student-term
		{
			margin-top: 5px;
			color: gray;
		}

		.qti-orderinteraction-student-white,
		.qti-orderinteraction-student-correct,
		.qti-orderinteraction-student-wrong
		{
			padding: 3px;
			margin: 2px 0px 2px 0px;
			text-align: center;
			border: gray 1px solid;
		}

		.qti-orderinteraction-student-white
		{
			background-color: #ffffff;
		}

		.qti-orderinteraction-student-correct
		{
			background-color: #B1DAC6;
		}
		.qti-orderinteraction-student-wrong
		{
			background-color: #F7BFB9;
		}

		table.qti-report-student-innertable tr td.correctwrongorder
		{
			text-align:center;
		}
/* END QTI Report - Test results */

/* QTI Order questions - Take test page */
	/* Layout and functionality related definitions, do not change */
		/* Order question holder with scrolling */
		.order-scroll-box
		{
			position: relative;
			overflow: auto;
			visibility: hidden;
			width: 100%;
			margin: 0;
			padding: 0;
		}

		/* Order question holder */
		.order-interaction-holder
		{
			margin: 0;
			padding: 0;
			position: relative;
		}

	/* Order question table container (displaying correct answer when reveal correct answers enabled) */
		.order-scroll-box .table-container
		{
			margin: 0;
			border-collapse: collapse;
			border-width: 0;
			width: 100%;
		}

		.order-scroll-box.no-vertical-scroll
		{
			overflow-y: hidden;
		}

		.order-scroll-box .table-container .table-container-cell
		{
			margin: 0;
			padding: 0;
			border-width: 0;
		}

	/* Order question table container */
		.qti-orderinteraction
		{
			border-width: 0;
			margin: 20px;
			border-collapse: collapse;
			padding-right: 0px;
			padding-left: 0px;
			width: 100%;
			table-layout:fixed;
			background-color: #f4f4f4;
		}

		.qti-orderinteraction p
		{
			padding: 0;
			margin: 0;
		}

		.qti-orderinteraction td
		{
			padding: 0;
			margin: 0;
			width: 255px;
		}

		/* Order question table with correct answers (when reveal correct answers enabled) */
		.qti-orderinteractionfinal
		{
			background-color: #f4f4f4;
		}

	/* Question items (draggable items, drop containers, correctly and incorrectly placed items) */
		.draggable-order-item,
		.droppable-order-item,
		.normal-order-item,
		.correct-order-item,
		.wrong-order-item,
		.wrong-order-item-empty
		{
			text-align: center;
			margin: 5px 10px 5px 10px;
			padding: 10px;
			max-width: 320px;
			overflow: hidden;
		}

		* html .draggable-order-item,
		* html .droppable-order-item,
		* html .normal-order-item,
		* html .correct-order-item,
		* html .wrong-order-item,
		* html .wrong-order-item-empty
		{
			width: expression(this.offsetWidth > 320 ? '320px' : '');
		}

		.draggable-order-item,
		.droppable-order-item
		{
			border: gray 2px solid;
		}

		.draggable-order-item
		{
			background-color: white;
			text-align: center;
			position: absolute;
		}

		.droppable-order-item
		{
			background-color: #fafafa;
		}

		.correct-order-item, .normal-order-item
		{
			background-color: #B1DAC6;
			border: #008000 2px solid;
		}

		.wrong-order-item
		{
			background-color: #F7BFB9;
			border: #FF0000 2px solid;
		}

		.wrong-order-item-empty
		{
			background-color: #F7BFB9;
			border: #FF0000 2px solid;
			width: 18px;
			height: 18px;
		}

	/* Legend (visible when reveal correct answers enabled)*/
		.qti-legend-order
		{
			padding: 8px 0px 8px 10px;
			position: relative;
			float: left;
			line-height: 100%;
			margin-right: 10px;
		}

		.qti-order-legend-text
		{
			padding-top: 0.3em;
		}

		.qti-correct-order-field
		{
			background-color: #B1DAC6;
			border: #008000 1px solid;
			width: 18px;
			height: 18px;
			float: left;
			margin-right: 10px;
		}

		.qti-wrong-order-field
		{
			background-color: #F7BFB9;
			border: #FF0000 1px solid;
			width: 18px;
			height: 18px;
			float: left;
			margin-right: 10px;
		}
/* END QTI Order questions */

/* MinWidth container */
	/* Min-width related styles, for top menu and main frame (900px and 725px)*/
	@media screen
	{
		div.mw-container-holder
		{
			min-width: 725px;
		}

		/* min-width hacks for IE <= 6.0 */
		* html div.mw-container-holder div.mw-container-body
		{
			padding-left: 725px !important;
		}

		* html div.mw-container-holder div.mw-container
		{
			margin-left: -725px !important;
			position: relative;
		}

		/*\*/
		* html div.mw-container-holder div.mw-container-body,
		* html div.mw-container-holder div.mw-container,
		* html div.mw-container-holder,
		* html div.mw-container-holder div.mw-container-layout,
		* html div.mw-container-holder-topmenu div.mw-container-body-topmenu,
		* html div.mw-container-holder-topmenu div.mw-container-topmenu,
		* html div.mw-container-holder-topmenu,
		* html div.mw-container-holder-topmenu div.mw-container-layout-topmenu
		{
			height: 1px !important;
		}
		/**/

		.mw-table-container
		{
			width: 100%;
			border-collapse: collapse;
			border-width: 0;
			padding: 0;
			margin: 0;
		}

		.mw-table-container-cell
		{
			border-width: 0;
			padding: 0;
			margin: 0;
		}

		div.mw-container-holder-topmenu
		{
			min-width: 900px;
		}

		/* min-width hacks for IE <= 6.0 */
		* html div.mw-container-holder-topmenu div.mw-container-body-topmenu
		{
			padding-left: 900px !important;
		}

		* html div.mw-container-holder-topmenu div.mw-container-topmenu
		{
			margin-left: -900px !important;
			position: relative;
		}
	}
/* END MinWidth Container */

/* NTT EditQuestion (Add/Edit question page) */
	/* Right tip styles */
		.sidetip
		{
			background: url(xp/ntt_test_header.gif) 0 0 repeat-x;
			width: 230px;
			margin-left: 20px;
			margin-right: 10px;
			text-align: left;
		}

		.sidetip .container
		{
			background-color: #e2f2ff;
			padding: 10px 10px 0 10px;
			font: normal 12px Arial, sans-serif;
		}

		.sidetip .container p
		{
			padding: 0;
			margin: 0;
			padding-bottom: 15px;
		}

		.helplink
		{
			font-size: 8pt;
		}
	/* END Right tip styles */

	/* Used for text inputs in alternatives table */
	td.editquestionmain input.wide
	{
		width: 100%;
	}

	/* Add/Edit Short answer page, suggested answer container */
	td.editquestionmain div.textbox
	{
		padding: 0 8px 0 0;
	}

	/* Generic font definitions */
	div.editquestionmain table.editquestionmain span,
	div.editquestionmain table.editquestionmain p,
	div.editquestionmain label
	{
		font: normal 12px Arial, sans-serif;
	}

	/* Edit question table */
		div.editquestionmain table.editquestionmain
		{
			background-color: #efefef;
			width: 100%;
			border-width: 0;
			margin: 0;
			padding: 0;
			border-collapse: collapse;
		}

		div.editquestionmain table.editquestionmain td.editquestionmain
		{
			margin: 10px;
			padding: 10px;
			border-width: 0;
		}

		div.editquestionmain table.editquestionmain td.header
		{
			background: url(xp/ntt_test_header.gif) 0 0 repeat-x;
			vertical-align: center;
			padding: 0 10px;
			position: relative;
		}

		div.editquestionmain table.editquestionmain td.spacer
		{
			background-color: #fff;
			font-size: 1px;
			line-height: 1px;
			height: 1px;
			margin: 0;
			padding: 0;
		}

		div.editquestionmain table.editquestionmain td.spacer.big
		{
			height: 10px;
		}

		/* h2 header related definitions */
			div.editquestionmain table.editquestionmain h2,
			.sidetip h2
			{
				font: bold 14px Arial, sans-serif;
				margin: 0;
				padding: 5px 0;
				white-space: nowrap;
			}

			.sidetip h2
			{
				padding: 5px 10px;
			}

		div.editquestionmain table.editquestionmain p
		{
			margin: 5px 0;
			padding: 0;
		}

		div.editquestionmain table.editquestionmain td.header h2
		{
			float: left;
		}

	/* Alternatives table */
		div.editquestionmain table.nttcustomdatagrid
		{
			border: 0;
			border-collapse: collapse;
			margin-top: 10px;
			width: 100%;
		}

		div.editquestionmain table.nttcustomdatagrid th
		{
			font: bold 12px Arial, sans-serif;
			text-align: left;
			padding: 0;
		}

		div.editquestionmain table.nttcustomdatagrid.no-headers th
		{
			position: absolute;
			left: -1000px;
			/* display=none causes firefox not to draw td borders */
		}

		div.editquestionmain table.nttcustomdatagrid.with-spacers
		{
			margin-top: 0;
		}

		div.editquestionmain table.nttcustomdatagrid td
		{
			padding: 0 15px 5px 0;
		}

		div.editquestionmain table.nttcustomdatagrid.with-spacers td,
		div.editquestionmain table.with-spacers td
		{
			border-bottom: 1px solid #fff;
			padding: 10px 10px 0 10px;
		}

		div.editquestionmain table.nttcustomdatagrid.with-spacers td iframe,
		div.editquestionmain table.nttcustomdatagrid td.alternatives iframe
		{
			margin-bottom: 10px;
		}

		div.editquestionmain td.addlink-margin p.containerfunction
		{
			padding-left: 10px;
		}

		/* Remove column for alternatives table */
		div.editquestionmain table.nttcustomdatagrid td.remove
		{
			padding-right: 10px;
		}

		/* Remove link in alternatives table*/
			.editquestionmain td a.remove
			{
				color: #000;
				font: normal 12px Arial, sans-serif;
				text-decoration: none;
				float: left;
				position: relative;
				padding-left: 20px;
				white-space: nowrap;
			}

			.editquestionmain td a.remove img
			{
				position: absolute;
				left: 0;
				top: 0;
			}

		/* Add link in alternatives table */
			div.editquestionmain p.containerfunction a.addlink,
			div.editquestionmain p.containerfunction a.addlink span
			{
				color: #000;
				text-decoration: none;
				font: bold 12px Arial, sans-serif;
			}

			div.editquestionmain p.containerfunction a.addlink span
			{
				position: relative;
				top: 1px;
			}

		/* Keyword column for alternatives table */
			div.editquestionmain table.nttcustomdatagrid td.keyword,
			div.editquestionmain table.nttcustomdatagrid th.keywordH
			{
				width: 165px;
				min-width: 150px;
			}

			div.editquestionmain table.nttcustomdatagrid td.keyword input.textbox
			{
				width: 150px;
				min-width: 150px;
			}

		/* Alternatives column for alternatives table */
			div.editquestionmain table.nttcustomdatagrid th.alternativeH,
			div.editquestionmain table.nttcustomdatagrid td.alternative input
			{
				width: 100%;
			}

	/* Choice select on Either/Or question edit page (the one with dropdown menu) */
	div.choiceselect
	{
		font: normal 12px Arial, sans-serif;
		background-color: #ddd;
		float: left;
		padding: 0 3px;
	}

	/* Table row with automatic assessment checkbox */
		table.editquestionmain td.manualassessment
		{
			padding: 7px 0 0 10px;
		}

		td.nopadding,
		td.manualassessment.nopadding,
		td.nopadding.manualassessment
		{
			padding: 0;
		}

		div.editquestionmain table.editquestionmain td.nopadding p.desc
		{
			padding: 10px;
			border-bottom: 1px solid #fff;
		}

		td.manualassessment,
		td.manualassessment label,
		td.manualassessment input
		{
			vertical-align: middle;
		}

		td.manualassessment *
		{
			font: normal 12px Arial, sans-serif;
		}

		td.manualassessment label
		{
			font-weight: bold;
			margin-left: 5px;
		}

		div.editquestionmain td.manualassessment p
		{
			margin: 0 0 0 25px;
			padding: 3px 0 10px 0;
		}

	/* Preview link */
		a.preview,
		a.preview *
		{
			text-decoration: none;
			white-space: nowrap;
			font: bold 11px Arial, sans-serif;
		}

		a.preview span
		{
			position: relative;
		}

		.editquestionbottom table td.preview a.preview
		{
			float: left;
			position: relative;
			padding: 0 0 0 20px;
		}

		.editquestionbottom table td.preview a.preview img
		{
			position: absolute;
			top: -1px;
			left: 3px;
		}

		.editquestionbottom table td.preview a.preview span
		{
			text-decoration: underline;

		}

	/* Preview link, save, save and new, cancel buttons holder */
		.editquestionbottom table
		{
			width: 100%;
		}

		.editquestionbottom table td.buttons
		{
			width: 100%;
			text-align: center;
		}

	/* Cell with correct choice select and remove link in alternatives table */
		div.editquestionmain table.nttcustomdatagrid td.combined-remove
		{
			padding-top: 35px;
			padding-right: 30px;
			padding-bottom: 15px;
		}

		div.editquestionmain table.nttcustomdatagrid td.combined-remove label,
		div.editquestionmain table.nttcustomdatagrid td.combined-remove a
		{
			float: left;
			clear: both;
		}

		div.editquestionmain table.nttcustomdatagrid td.combined-remove label
		{
			margin-bottom: 10px;
			position: relative;
			padding-left: 20px;
		}

		div.editquestionmain table.nttcustomdatagrid td.combined-remove label span
		{
			display: block;
			cursor: default;
			vertical-align: top;
			padding-top: 2px;
		}

		div.editquestionmain table.nttcustomdatagrid td.combined-remove label input
		{
			position: absolute;
			left: -3px;
			top: 0;
			float: left;
		}

	/* Alternatives column in alternatives table for either/or and order questions */
	div.editquestionmain table.nttcustomdatagrid td.alternatives
	{
		width: 100%;
	}

	/* Column with correct radio button */
		div.editquestionmain table.nttcustomdatagrid td.correctcell
		{
			vertical-align: top;
			width: 1%;
			padding-top: 15px;
			white-space: nowrap;
		}

		div.editquestionmain td.correctcell label
		{
			position: relative;
			top: -2px;
		}

	/* Blank words table for fill in the blank, select from a list questions */
		.fib_description
		{
			font: normal 12px Arial, sans-serif;
			padding: 5px;
		}

		.fib_table
		{
			width: 100%;
			margin: 0 0 10px 0;
		}

		.fib_table tr th, .fib_table tr td
		{
			font: normal 12px Arial, sans-serif;
			padding: 5px;
			margin: 0px;
			text-align: left;
		}

		.fib_table tr th
		{
			font-weight: bold;
			font-size: 10pt;
			text-align: left;
			vertical-align: bottom;
			white-space: nowrap;
		}

		.fib_table tr td.blank, .fib_table tr th.blank
		{
			width: 140px;
		}

		.fib_table tr td.alt
		{
			width: 50%;
		}

		.fib_table tr td.btn
		{
			width: 100px;
			padding-left:10px;
		}

		.fib_table tr td.blank input
		{
			width: 140px;
			margin: 0;
			color: Black;
		}

		.fib_table tr td.alt input
		{
			width: 100%;
			margin: 0;
			color: Black;
		}


	/* Blanks editor cell */
	div.editquestionmain table.nttcustomdatagrid td.blankeditor
	{
		width: 100%;
		padding: 0 10px;
	}
/* END NTT EditQuestion */

/* NTT Manual Assessment Page */
	/* Used on Manual Assessment page and Participant Results page */

	/* Block with error message when setting score manually */
	.validation-text
	{
		color: #f00;
	}

	/* Bottom buttons container */
	.manual_assessment_buttons
	{
		text-align: center;
		margin-top: 5px;
	}

	/* Table with summary information (at the top of the both pages) */
		.ntt_test_results_manual .description
		{
			border-collapse: collapse;
			margin: 0 0 10px 0;
			border-width: 0;
			width: 100%;
		}

		.ntt_test_results_manual .description th
		{
			width: 1%;
			white-space: nowrap;
		}
	/* End: Table with summary information (at the top of the both pages) */

	/* Definitions for headers on page (font, background) */
		.ntt_test_results_manual .description tr.header th,
		.ntt_test_results_manual .toolbar,
		.ntt_test_results_manual .participant_results_table_description
		{
			border-width: 0;
			width: 100%;
			background: url(xp/ntt_test_header.gif) 0 0 repeat-x;
		}

		.ntt_test_results_manual .toolbar li,
		.ntt_test_results_manual .description tr.header th h2,
		.ntt_test_results_manual .participant_results_table_description h2
		{
			font: bold 14px Arial, sans-serif;
			margin: 0;
			padding: 0;
			white-space: nowrap;
			color: #000;
		}

		/* Header for results table on participant result page */
		.ntt_test_results_manual .participant_results_table_description h2
		{
			padding: 5px;
		}
	/* End: Definitions for headers on page (font, background) */

	/* Toolbar on manual assessment page */
		.ntt_test_results_manual .toolbar
		{
			padding: 0;
			margin: 0;
		}

		.ntt_test_results_manual .toolbar ul
		{
			padding: 0;
			list-style: none;
			margin-top: 3px;
		}

		.ntt_test_results_manual .toolbar ul li
		{
			margin: 0;
			padding: 0;
		}


	/* Test results table */
		.ntt_test_results_manual .nttReport
		{
			border-collapse: collapse;
			border-width: 0;
			font-size: 0.8em;
			font-weight: normal;
			width: 100%;
		}

		.ntt_test_results_manual .description td,
		.ntt_test_results_manual .description th,
		.ntt_test_results_manual table.nttReport tr td.number,
		.ntt_test_results_manual table.nttReport tr td.question,
		.ntt_test_results_manual table.nttReport tr td.answer,
		.ntt_test_results_manual table.nttReport tr td.maxScore,
		.ntt_test_results_manual table.nttReport tr td.actualScoreInput,
		.ntt_test_results_manual table.nttReport tr td.actualScore,
		.ntt_test_results_manual table.nttReport tr td.type,
		.ntt_test_results_manual table.nttReport tr td.category,
		.ntt_test_results_manual table.nttReport tr.header th
		{
			margin: 0;
			border-width: 0;
			padding: 5px;
			background-color: #efefef;
			font-size: 12px;
		}

		/* Links in table header cells (column names) */
		.ntt_test_results_manual table.nttReport tr.header th a
		{
			color: #000000;
			background-color: transparent;
			text-decoration: none;
		}

		/* Result table columns */
			.ntt_test_results_manual table.nttReport tr td.number,
			.ntt_test_results_manual table.nttReport tr td.answer,
			.ntt_test_results_manual table.nttReport tr td.maxScore,
			.ntt_test_results_manual table.nttReport tr td.actualScore,
			.ntt_test_results_manual table.nttReport tr td.type,
			.ntt_test_results_manual table.nttReport tr td.category
			{
				cursor: pointer;
			}

			.ntt_test_results_manual table.nttReport tr td.number,
			.ntt_test_results_manual table.nttReport tr td.question,
			.ntt_test_results_manual table.nttReport tr td.answer,
			.ntt_test_results_manual table.nttReport tr td.maxScore,
			.ntt_test_results_manual table.nttReport tr td.actualScoreInput,
			.ntt_test_results_manual table.nttReport tr td.actualScore,
			.ntt_test_results_manual table.nttReport tr td.type,
			.ntt_test_results_manual table.nttReport tr td.category,
			.ntt_test_results_manual table.nttReport tr.header th
			{
				text-align: left;
				overflow: hidden;
				vertical-align: top;
				border-bottom: 1px solid #fff;
			}

			.ntt_test_results_manual table.nttReport tr td td,
			.ntt_test_results_manual table.nttReport tr th th
			{
				vertical-align: middle;
				border-width: 0;
			}

			.ntt_test_results_manual table.nttReport tr td.number
			{
				font-weight: bold;
				text-decoration: underline;
			}

			.ntt_test_results_manual table.nttReport tr td.maxScore
			{
				text-align: right;
				padding-right: 25px; /* Sorting direction arrow in header */
			}

			.ntt_test_results_manual table.nttReport tr th.actualScoreInputH
			{
				text-align: left;
				padding-right: 10px;
				white-space: nowrap;
			}

			.ntt_test_results_manual table.nttReport tr td.actualScoreInput,
			.ntt_test_results_manual table.nttReport tr td.actualScore
			{
				text-align: center;
				padding-right: 10px;
				white-space: nowrap;
			}

			.ntt_test_results_manual table.nttReport tr td.actualScoreInput input
			{
				text-align: right;
				width: 60px;
				margin-top: 3px;
				margin-bottom: 3px;
			}

			.ntt_test_results_manual table.nttReport tr td.actualScoreInput .notassessedLabel
			{
				color: maroon;
				white-space: nowrap;
				text-align: center;
				clear:both;
			}

			/* Start: Column widths for report table */
				.ntt_test_results_manual table.nttReport tr th.numberH,
				.ntt_test_results_manual table.nttReport tr th.numberH div.hc
				{ width: 40px; }

				.ntt_test_results_manual table.nttReport tr th.questionH,
				.ntt_test_results_manual table.nttReport tr th.questionH  div.hc,
				.NTT_summaryDescription2
				{ width: 175px; }

				.ntt_test_results_manual table.nttReport tr th.typeH,
				.ntt_test_results_manual table.nttReport tr th.typeH div.hc
				{ width: 100px; }

				.ntt_test_results_manual table.nttReport tr th.categoryH,
				.ntt_test_results_manual table.nttReport tr th.categoryH div.hc
				{ width: 100px; }

				.ntt_test_results_manual table.nttReport tr th.answerH { width: auto; }

				.ntt_test_results_manual table.nttReport tr th.actualScoreH,
				.ntt_test_results_manual table.nttReport tr th.actualScoreH div.hc
				{ width: 95px; }

				.ntt_test_results_manual table.nttReport tr th.maxScoreH,
				.ntt_test_results_manual table.nttReport tr th.maxScoreH div.hc
				{ width: 65px; }
			/* End: Column widths */
		/* End: Result table columns */
	/* End: Test results table */

	/* Matching blocks in given answer column */
	.qti-matchinteraction-student-white,
	.qti-matchinteraction-student-wrong,
	.qti-matchinteraction-student-correct
	{
		max-width: 100px;
		overflow: hidden;
	}

	* html .qti-matchinteraction-student-white,
	* html .qti-matchinteraction-student-wrong,
	* html .qti-matchinteraction-student-correct
	{
		width: expression(this.offsetWidth > 100 ? '100px': '');
	}

	/* Footer container with paging */
		.ntt_test_results_manual div.nttTables div div.footer
		{
			background-color: #F4F4F4;
			border-top: 1px solid #A6A6A6;
			font-size: .8em;
			height: 1.8em;
			padding: 2px 5px;
			margin-top: 5px;
		}

		.ntt_test_results_manual div.nttTables div div.footer span.pageindex
		{
			float: left;
		}

		.ntt_test_results_manual div.nttTables div div.footer span.pageindex a
		{
			color: black;
		}

		.ntt_test_results_manual div.nttTables div div.footer span.pagesize
		{
			float: right;
		}

		.ntt_test_results_manual div.nttTables div div.footer span.pagesize select
		{
			margin-left: 5px;
		}
	/* End: Footer container with paging */

	/* Progress bar in the summary table at the top of the page  */
		.ntt_test_results_manual .progress-bar-holder
		{
			float: right;
			width: 220px;
			overflow: hidden;
		}

		.ntt_test_results_manual .NTT_ProgressBar
		{
			margin: 0;
		}
	/* End: Progress bar in the summary table at the top of the page  */

	/* Resiging images in result table on both pages */
	span.ntt-report-image-holder
	{
		width: 35px;
		height: 35px;
		overflow: hidden;
		float: left;
	}

	span.ntt-report-image-holder-inline img,
	span.ntt-report-image-holder img,
	{
		max-width: 35px;
		height: auto;
	}

	.ntt-report-image-holder-inline-width img
	{
		width: 35px !important;
		height: auto !important;
	}
/* END NTT Manual Assessment Page */

/* NTT Question Statistic page */
	/* Hotspot click question, table with statistic for each */
		div.centertable
		{
			text-align: center;
		}

		div.centertable table
		{
			margin-left: auto;
			margin-right: auto;
			text-align: left;
		}

		/* Delimiter */
		.questionstatistics-horizontalline
		{
			border-bottom: #c0c0c0 1px solid;
			margin: 20px;
		}

	/* Question container (at the top of the page)*/
		.questionstatistics-questiontextcontainer
		{
			float: left;
			position: relative;
			width: 100%;
			border: 1px #c0c0c0 solid;
			margin-top: 5px;
			margin-bottom: 5px;
			font-size: .8em;
		}

		.questionstatistics-questiontextcontainer .NTT_summaryText
		{
			width: 100%;
		}
/* END NTT Question Statistic page */

/* NTT Import Questions Page */
	/* Three column container (3 radio-buttons for each type of import) */
		.ntt_import_questions .three-column-container
		{
			margin-top: 20px;
		}

		* html .ntt_import_questions .three-column-container
		{
			height: 1px;
		}
		.ntt_import_questions .three-column-container div
		{
			float: left;
			width: 200px;
		}

		.ntt_import_questions .three-column-container div.column1
		{
			width: 175px;
		}

		.ntt_import_questions .three-column-container label
		{
			font: bold 13px Arial, sans-serif;
		}

		.ntt_import_questions .three-column-container p
		{
			font: normal 13px Arial, sans-serif;
			margin: 3px 0 25px 0;
		}

	/* spacer div*/
	.ntt_import_questions .spacer
	{
		clear: both !important;
		float: none !important;
		height: 1px !important;
		overflow: hidden !important;
	}


	/* Container with import related controls (file upload, test select, etc...)*/
		.ntt_import_questions .default-container label
		{
			display: block;
			position: relative;
			padding: 0 0 5px 90px;
		}

		* html .ntt_import_questions .default-container label
		{
			height: 1px;
		}

		.ntt_import_questions .default-container label select
		{
			width: 160px;
		}

		.ntt_import_questions .default-container label span
		{
			display: block;
			position: absolute;
			left: 5px;
			top: 1px;
			font: normal 13px Arial, sans-serif;
		}

		.ntt_import_questions .default-container.buttons
		{
			padding: 5px 0 0 90px;
		}

		.ntt_import_questions .default-container.buttons input
		{
			margin-right: 10px;
		}

	/* For copy from another test import: overriding cursor over the table with questions */
	.ntt_import_questions .ntt_question_overview tr,
	.ntt_import_questions .ntt_question_overview td
	{
		cursor: default !important;
	}

	/* File upload control */
	.ntt_import_questions .ntt-importquestions-uploadfile
	{
		margin-right: 15px;
	}

	/* Buttons */
		.ntt_import_questions .import-from-text-buttons
		{
			margin: 15px 0;
			padding: 0;
		}

		.ntt_import_questions .import-from-text-buttons input
		{
			margin-right: 5px;
		}
/* END NTT Import Querstions Page */

/* NTT Edit HotText Interaction question page (IN DEVELOPMENT, NOT USED) */
	.ntt_hottext_interaction .hottextupperdescription-left
	{
		width: 40%;
		vertical-align: top;
	}

	.ntt_hottext_interaction .hottextupperdescription-right
	{
		width: 60%;
		vertical-align: top;
	}

	.ntt_hottext_interaction .emptylegend-heading
	{
		width: 275px;
		height: 20px;
		background-color: #d6dae3;
		font-weight: bold;
	}

	.ntt_hottext_interaction .emptylegend
	{
		width: 273px;
		background-color: #f4f4f4;
		border: #999999 1px solid;
	}

	.ntt_hottext_interaction .checkboxholder
	{
		margin-top: 10px;
	}

	.ntt_hottext_interaction .noerrorsholder
	{
		margin-top: 5px;
		margin-bottom: 20px;
	}
/* END NTT Edit HotText Interaction question page */

/* NTT Participants Results Psge */
	.ntt_participants_results table.description
	{
		margin-left: -3px;
	}

	.ntt_participants_results table.description td.standardfontsize *
	{
		margin-top: 0px;
	}

	.ntt_participants_results .tablelisting table th
	{
		vertical-align: middle;
	}

	.ntt_participants_results .tablelisting table td,
	.ntt_participants_results .tablelisting table th
	{
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 0;
		padding-right: 0;
	}

	.ntt_participants_results .tablelisting table td span,
	.ntt_participants_results .tablelisting table th span,
	.ntt_participants_results .tablelisting table td,
	.ntt_participants_results .tablelisting table th
	{
		white-space: nowrap;
	}

	.ntt_participants_results .resultsTable td.selection,
	.ntt_participants_results .resultsTable th.selectionH
	{
		text-align: center;
		width: 16px;
		padding: 0 0 0 5px;
		margin: 0;
	}

	.ntt_participants_results .resultsTable td.attempt,
	.ntt_participants_results .resultsTable th.attemptH
	{
		text-align: left;
	}

	.ntt_participants_results .resultsTable td.answered,
	.ntt_participants_results .resultsTable th.answeredH
	{
		text-align: left;
	}

	.ntt_participants_results .resultsTable td.status,
	.ntt_participants_results .resultsTable th.statusH
	{
		text-align: left;
	}

	.ntt_participants_results .resultsTable td.score,
	.ntt_participants_results .resultsTable th.scoreH
	{
		text-align: right;
		padding-right: 20px;
	}

	.ntt_participants_results .resultsTable th.scoreH a
	{
		margin-right: -3px;
	}

	.ntt_participants_results .resultsTable td.score span
	{
		margin: 0;
	}

	.ntt_participants_results .resultsTable td.show,
	.ntt_participants_results .resultsTable th.showH
	{
		text-align: left;
		width: 100%;
	}

	.ntt_participants_results .resultsTable td.assesment,
	.ntt_participants_results .resultsTable th.assesmentH
	{
		text-align: left;
		width: 140px;
	}

	/* Start: Column widths */
		.ntt_participants_results table.resultsTable tr th.nameH { width: 60%; }

		.ntt_participants_results table.resultsTable tr th.attemptH div.hc { width: 100px; }

		.ntt_participants_results table.resultsTable tr th.answeredH div.hc { width: 110px; }

		.ntt_participants_results table.resultsTable tr th.statusH div.hc { width: 120px; }

		.ntt_participants_results table.resultsTable tr th.scoreH div.hc { width: 60px; }

		.ntt_participants_results table.resultsTable tr th.showH div.hc { width: 70px; }

		.ntt_participants_results table.resultsTable tr th.assesmentH div.hc { width: 100px; }
	/* End: Column widths */
/* END NTT Participants Results Page */

/* NTT Test summary teacher Page (ViewTestTeacher_Main.aspx) */
	.ntt_test_summary_teacher table.test-summary td.header
	{
		background: url(xp/ntt_test_header.gif) 0 0 repeat-x;
		vertical-align: middle;
		padding: 0 10px;
		position: relative;
		width: 45%;
	}

	.ntt_test_summary_teacher table.test-summary h2
	{
		font: bold .8em Arial, sans-serif;
		margin: 0;
		padding: 5px 0;
		white-space: nowrap;

	}

	.ntt_test_summary_teacher table.test-summary td
	{
		vertical-align: top;
		padding: 3px 10px;
	}

	.ntt_test_summary_teacher table.test-summary td.standratfontsize
	{
		font-size: .8em;
		width: 100%;
	}
/* END NTT Test summary teacher Page */

/* NTT Question List (View Test by Teacher page, Import questions -> copy from another test) */

	/* Question list table holder */
	.ntt_question_list .ntt_question_overview
	{
		margin-left : auto;
		margin-right: auto;
		text-align: center;
	}

	/* Question list table */
		.ntt_question_list .ntt_question_overview table
		{
			background-color: #ffffff;
			border-collapse: collapse;
			border: 0pt none;
			clear: both;
			margin: 0pt;
			width:100%;
		}

		.ntt_question_list .ntt_question_overview table tr td
		{
			font-size: .8em;
			padding-left: 5px;
		}

		.ntt_question_list .ntt_question_overview table tr th
		{
			background-color: #f4f4f4;
			border-bottom: #999999 1px solid;
			color: #000;
			font-size: .8em;
			font-weight : normal;
			padding: 2px 0 1px 5px;
			text-align: left;
		}

		.ntt_question_list .ntt_question_overview table td,
		.tablelisting table th
		{
			padding-right : 4px;
			text-align : left;
		}

		.ntt_question_list .ntt_question_overview table tr th,
		.ntt_question_list .ntt_question_overview table tr td
		{
			white-space: nowrap;
		}

		/* Links inside question list table*/
			.ntt_question_list .ntt_question_overview table th a
			{
				color : #000;
				text-decoration : none;
			}

			.ntt_question_list .ntt_question_overview table tr.header th a
			{
				color: #000000;
				background-color: transparent;
				text-decoration: none;
				float: left;
			}

		/* Column widths */
			.ntt_question_list .ntt_question_overview table tr th.selection,
			.ntt_question_list .ntt_question_overview table tr td.selection
			{
				width: 16px;
			}

			.ntt_question_list .ntt_question_overview table tr th.numberH,
			.ntt_question_list .ntt_question_overview table tr td.number
			{
				width: 84px;
				white-space: normal;
			}

			.ntt_question_list .ntt_question_overview table tr th.typeH,
			.ntt_question_list .ntt_question_overview table tr td.type
			{
				width: 165px;
			}

			.ntt_question_list .ntt_question_overview table tr th.questionH,
			.ntt_question_list .ntt_question_overview table tr td.question
			{
				width: 80%;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.ntt_question_list .ntt_question_overview table tr th.categoryH,
			.ntt_question_list .ntt_question_overview table tr td.category,
			.ntt_question_list .ntt_question_overview table tr td.category div
			{
				white-space: nowrap;
				white-space: normal;
				overflow: hidden;
				width: 340px;
			}

			.ntt_question_list .ntt_question_overview table tr th.categorySelectH,
			.ntt_question_list .ntt_question_overview table tr td.categorySelect,
			.ntt_question_list .ntt_question_overview table tr td.categorySelect div
			{
				white-space: nowrap;
				white-space: normal;
				overflow: hidden;
				width: 55px;
			}

		/* Category filter (drodown menu) */
			.ntt_question_list .ntt_question_overview table tr th.categoryH .NTT_dropDownFilter
			{
				padding-right: 90px;
			}

		/* Table footer */
			.ntt_question_list .ntt_question_overview .tablefooter
			{
				background-color: #EEEEEE;
				border-top: 1px solid #A6A6A6;
				font-size: 0.8em;
				height: 1.8em;
				margin-top: 5px;
				padding: 2px 5px;
				color: #000000;
			}

			.ntt_question_list .ntt_question_overview .tablefooter select
			{
				margin-left: 0.5em;
			}

			.ntt_question_list .ntt_question_overview .tablefooter .pageindex
			{
				float: left;
			}

			.ntt_question_list .ntt_question_overview .tablefooter .pagesize
			{
				float: right;
			}

		/* Cursor and links definitions */
			.ntt_question_list .ntt_question_overview table tr td.number,
			.ntt_question_list .ntt_question_overview table tr td.type,
			.ntt_question_list .ntt_question_overview table tr td.question,
			.ntt_question_list .ntt_question_overview table tr td.category
			{
				cursor: pointer;
			}

			.ntt_question_list .ntt_question_overview table tr td.question a:link,
			.ntt_question_list .ntt_question_overview table tr td.question a:focus,
			.ntt_question_list .ntt_question_overview table tr td.question a:hover,
			.ntt_question_list .ntt_question_overview table tr td.question a:visited,
			.ntt_question_list .ntt_question_overview table tr td.question a:link
			{
				text-decoration: none;
				color: black;
			}

		/* IE 6 Fix for aligning inputs  */
			* html .ntt_question_list .ntt_question_overview table input
			{
				margin-left: -1px;
			}
/* END NTT Question List Page */

/* NTT View Test by Student Page */
	.ntt_view_test_student .tablelisting table.resultsTable .tableCaption
	{
		text-align: left;
		font-weight: bold;
		background: #FFFFFF url(xp/box_heading.gif) repeat-x scroll left top;
		padding: 0 5px;
		margin-bottom: 2px;
	}

	.ntt_view_test_student .tablelisting table.resultsTable .tableCaption .caption
	{
		height: 1.4em;
		margin-bottom: 1px;
		padding: 1px 7px;
	}

	.ntt_view_test_student .tablelisting table.resultsTable th
	{
		background-color: #EFEFEF;
		font-weight: bold;
		border-bottom: solid 1px white;
	}


	.ntt_view_test_student .tablelisting table.resultsTable tr.appendedRow td
	{
		background-color: #E2E2E2;
		font-weight: bold;
		height: 40px;
	}

	.ntt_view_test_student .tablelisting table.resultsTable tr.row td
	{
		background-color: #EFEFEF;
		border-bottom: solid 1px white;
		cursor: pointer;
	}

	.ntt_view_test_student .tablelisting table.resultsTable tr.row th
	{
		background-color: #EFEFEF;
		border-bottom: solid 1px white;
	}

	.ntt_view_test_student .tablelisting table.resultsTable tr.row td.show a
	{
		text-decoration: none;
		color: Black;
	}

	.ntt_view_test_student table.resultsTable tr.row td.noLink
	{
		cursor: auto;
	}

	.ntt_view_test_student table.resultsTable tr th.attemptH div.hc { width: 100px; }

	.ntt_view_test_student table.resultsTable tr th.nameH { width: 60%; }

	.ntt_view_test_student table.resultsTable tr th.answeredH div.hc { width: 110px; }

	.ntt_view_test_student table.resultsTable tr th.statusH div.hc { width: 120px; }

	.ntt_view_test_student table.resultsTable tr th.scoreH div.hc { width: 60px; }

	.ntt_view_test_student table.resultsTable tr th.showH div.hc { width: 70px; }

	.ntt_view_test_student .NTT_LinkButton_outside
	{
		text-decoration: none;
		float: left;
		margin-bottom: 0.5em;
		position: relative;
	}

	.ntt_view_test_student .NTT_LinkButton_outside span
	{
		font-size: 0.8em;
		color: Black;
		text-decoration: underline;
		font-weight: bold;
	}

	.ntt_view_test_student .NTT_LinkButton_outside img
	{
		margin-left: 5px;
		vertical-align: middle;
		border-collapse: separate
	}

	.ntt_view_test_student .NTT_LinkButton_inside
	{
		text-decoration: none;
	}

	.ntt_view_test_student .NTT_LinkButton_inside span
	{
		color: Black;
		text-decoration: none;
	}

	.ntt_view_test_student .NTT_LinkButton_inside img
	{
		margin-left: 5px;
		vertical-align: middle;
	}

	.ntt_view_test_student .no-background
	{
		background-color: transparent !important;
	}
/* END NTT View Test by Student Page */

/* Layout related definitions */
	/* Layout related classes */
	.static_fix .containerbox1
	{
		position: static;
	}
	.static_fix .dropdownmenu
	{
		margin-top: 17px;
		margin-left: -15px;
	}
	.static_fix .pagefunctions
	{
		top: 40px;
		right: 60px;
	}

	* html .static_fix .pagefunctions
	{
		right: 30px;
	}

	/* New pages (based on masterpages) */
	.page-master .containerbox1
	{
		position: static;
	}

	.page-master .pagefunctions
	{
		top: 20px;
		right: 50px;
	}

	* html .page-master .pagefunctions
	{
		right: 30px;
		top: 20px;
	}

/* END Layout related definitions */

/* Kids controls */
.kids-color-picker-window
{
	position: absolute;
	background-color: White;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	z-index: 10;
	padding: 5px;
	display: block;
	width: 115px;
}

.kids-color-picker-item
{
	width: 20px;
	height: 20px;
	float: left;
	margin: 3px;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	display: block;
	border-color: Gray;
}

.kids-color-picker-close-button
{
	float: right;
	display: block;
	cursor: pointer;
}

.kids-icon-picker-window
{
	position: absolute;
	background-color: White;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	z-index: 10000;
	padding: 5px;
	display: block;
	width: 132px;
}

.kids-icon-picker-item
{
	float: left;
	margin: 3px;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	display: block;
	border-color: gray;
}

.kids-icon-picker-item img
{
	display:inline-block;
	position:relative;
	padding:0px;
	border: solid 1px gray;
	width:20px;
	height:20px;
	margin:0px;
}

.kids-icon-picker-close-button
{
	float: right;
	display: block;
	cursor: pointer;
}

/* END Kids controls */


/* Functionality related classes, needed for image inserting in NTT (in alternatives) */
	.test-size-image-holder
	{
		width: 1px;
		height: 1px;
		float: left;
		overflow: hidden;
		border: 1px solid red;
	}

	.test-size-image-holder img
	{
		margin: 10px;
	}
/* End functionality related classess */

/* Task list */
	.task-list-table .minilisting th
	{
		padding: 0 5px 0 0;
	}

	.task-list-table .minilisting td.nowrap,
	.task-list-table .minilisting td.task-title
	{
		padding: 0 10px 0 0;
	}

	.task-list-table .minilisting td.mandatory
	{
		width: 16px;
		font-size: 1px;
		padding: 0 !important;
	}

	.task-list-table table,
	.task-list-table table tr
	{
		height: 100%;
	}

	.task-title
	{
		width: 100%;
	}

	.task-list-table .minilisting td div
	{
		position: relative;
		overflow: hidden;
		height: 1.5em;
	}

	.task-list-table .minilisting td div div
	{
		float: left;
		white-space: nowrap;
		position: absolute;
	}

	.minilisting td.task-list-count
	{
		font-weight: normal;
		padding: 5px 0 0 0;
		text-align: right;
	}

	.minilisting input
	{
	    width: 190px;
	}

	.task-list-table .minilisting .highlight
	{
		font-weight: normal;
	}
/* END Task list */

/* IE6 PNG transparency for ItslImage */
.itsl-image-ie6
{
	background: none !important;
	display: inline-block;
	vertical-align: middle;
}

h1 .itsl-image-ie6
{
	margin-right: 5px;
}

.MTMHeaderIconIE6
{
	background: none !important;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.minilisting td .itsl-image-ie6
{
	cursor: pointer;
}
/* End of IE6 PNG transparency for ItslImage */

/* Header date, only for printing */
.printDate
{
	display: none;
}
/* End of Header date */

/* One line text cells for CustomTable2 */
.oneLineText1
{
	height:1.5em;
	overflow:hidden;
	position:relative;
	cursor: default;
}
.oneLineText2
{
	float:left;
	position:absolute;
	white-space:nowrap;
}
/* End of One line text cells for CustomTable2 */

/* Styles for DropDownCheckBoxList */
.dropDownFilter .layer
{
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid gray;
	font-weight:normal;
	padding-left: 2px;
	padding-right: 4px;
	z-index: 1000;
	overflow: hidden;
}

.dropDownFilter .layer .checkBoxItem
{
	padding: 3px 0;
	border-bottom: 1px solid #C0C0C0;
	white-space: normal;
	background-color: white;
	position: relative;
}

.dropDownFilter .layer .checkBoxLastItem
{
	padding: 3px 0;
	white-space: normal;
}

.dropDownFilter .layer .checkBoxItem label, .dropDownFilter .layer .checkBoxLastItem label
{
	display: block;
	padding: 0;
	margin-top: -18px;
	margin-left: 20px;
}

.dropDownFilter .layer .emptyTextItem
{
	padding: 3px 0;
	white-space: normal;
	border-top: 1px solid #C0C0C0;
}

.dropDownFilter a
{
	text-decoration: none;
}

.dropDownFilter a span
{
	text-decoration: underline;
}
/* End of styles for DropDownCheckBoxList */


/* Gradebook */
.gb-final,
.tablelisting tr.alternate .gb-final
{
	background: #FCFFD9;
	border-left: 1px solid;
}

.gradeBookGroupFilter
{
	float: right;
	font-size: 0.8em;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-right: 8px;
	margin-top: 2px;
}

.gradeBookGroupFilter a, .gradeBookGroupFilter a, .gradeBookGroupFilter a:active,
.gradeBookGroupFilter a:focus, .gradeBookGroupFilter a:hover, .gradeBookGroupFilter a:link,
.gradeBookGroupFilter a:visited
{
	color: Black;
}

.gradebookFilterLabel
{
	float: right;
	font-size: 0.8em;
	padding-top: 3px;
	margin-right: 8px;
}

.gradebookClearFilter
{
	text-decoration: underline;
	cursor: pointer;
	margin-left: 20px;
}

.gradeBookGroupFilterMessageItem
{
	font-weight: bold;
}

/* End of Gradebook */

/* Gradebook Export to External System */

.exportGradebookContainer
{
	margin-bottom: 8px;
	padding-left: 10px;
	font-size: 0.8em;
	vertical-align:bottom;
}

.exportGradebookLabel
{
	margin-right: 50px;
	vertical-align:bottom;
}

.exportGradebookInprocessLabel
{
	color: #02397D;
}

.exportGradebookLastStatus
{
	margin-right: 50px;
	color: #666666;
}

.exportGradebookImage
{
	vertical-align:bottom;
	margin-right:5px;
}


/* End of 'Gradebook Export to External System' */

/* Calendar task list styles */

.calendarTaskListBorderedColumn
{
	border: solid 1px #eeeeee;
	width: 13%;
	padding-right:0px !important;
	white-space: nowrap;
}
.calendarTaskListHeader
{
	border-style: none !important;
	height: 25px;
	font-weight: bold !important;
	padding: 3px 0px 0px 5px !important;
}
/* End of Calendar task list styles */

/* Plagiarism css */

#plagiarisminfo img
{
	padding-right:3px;
	padding-top:1px;
}

#plagiarisminfo a
{
	color:#02397D;
}

.pinfo
{
	background: url(/icons/xp/feedback_warning16.gif) no-repeat 0px 0px;
	border:0px solid red;
	display:block;
	margin:-16px 0px 0px 24px;
	padding-left:24px;
	padding-top:0px;
	text-align:left;
}

/* End Plagiarism css */

/* QuickNavigationBar styles */
ul.quickNavBar
{
	height: 20px;
	list-style-type: none;
	margin: 0 0 0 2px;
	padding: 0;
	color: #444;
	background-color: #F8F8F8;
	min-height: 25px;
}
.quickNavBar li
{
	float: left;
	height: 14px;
	margin: 2px 4px 1px 0;
	padding: 2px 5px 2px 5px;
	text-align: left;
	border: 0px solid #fff;
	text-decoration:underline;
    color: #02397D;
    border: 1px solid #F5F4EF;
    font-size: 0.8em;
}
li.quickNavBarItemHover
{
    background-color: #ecf6ff;
    border: 1px solid #8cc7ff;
    cursor: pointer;
    text-decoration: none;
}
li.quickNavBarTitle
{
    color: #330033;
    text-decoration: none;
    font-size: 0.725em;
}
/* End of QuickNavigationBar styles */

/* AddResourceControl styles */

.addResourceMainContainer .formbuttons
{
	padding-left: 45px;
}

.addResourceMainContainer .addResourceContainer
{
	padding:5px;
	margin-bottom:20px;
	margin-top:20px;
	background-color: #eff7ff;
	min-height: 200px;
}


.addResourceMainContainer .addResourceContainer .ctrlPanel
{
	margin-top: 20px;
	margin-bottom:0px;
	margin-right: 10px;
	margin-left:30px;
}

.addResourceMainContainer .addResourceContainer .radio
{
}

.addResourceMainContainer .addResourceContainer label
{
    font-size: 13px;
}

.addResourceMainContainer .titleContainer
{
	padding:10px;
	font-weight:bold;
}

.addResourceTableTitleColumn
{
}

.addResourceTableSelectColumn
{
	width:16px;
}

.addResourceTableIconColumn
{
	width:16px;
}

.addResourceTableFolderColumn
{
	width:100px;
}

.addResourceTableLOColumn
{
	width: 100px;
}

.cellTextHidden
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	width:100%;
}


/* End Embedded feedback */

/* Edit lesson plan */
#LessonPlanTimeTableId , #LessonPlanTimeTableId #LessonPlanTimeSpanCell
{
    font-size: 100%;
    margin:0px;
}
 #LessonPlanTimeTableId #LessonPlanTimeSpanCell
 {
    margin-top:5px;
 }

#LessonPlanTimeTableId  tbody tr td, #LessonPlanTimeTableId  tbody tr td label
{
   padding-top:0px;
}

#LessonPlanTimeTableId  tbody tr td label
{
    vertical-align:top;
}

#LessonPlanTimeSpanId
{
	height: 65px;
}

#LessonPlanTimeSpanCell tbody tr td, #LessonPlanTimeSpanCell tbody tr td label
{
    vertical-align:baseline;
}
/*for Safari only */
@media screen and (-webkit-min-device-pixel-ratio:0){
#LessonPlanTimeSpanCell tbody tr td
    {
        vertical-align: middle;
    }
}



#Input_activityListControl_Table1, #Input_resourceListControl_Table1, #Input__timeSpanRadioButton,
#Input__weekAndDayRadioButton
{
    margin:0px;
    padding:0px;
    font-size:1em;
}

#Input_activityListControl_Table1 tbody tr td, #Input_resourceListControl_Table1 tbody tr td,
#Input_activityListControl_Table1 tbody tr td span, #Input_resourceListControl_Table1 tbody tr td span
{
    padding: 0 4px 4px 0px;
    font-size:1em;
    vertical-align:top;
}

#Input__timeSpanRadioButton
{
    margin-right:5px;
    border: solid 0px green;
}

#Input__weekAndDayRadioButton
{
    margin-right:5px;
    margin-left:15px;
}

#LessonPlanWeekAndDayId
{
	height: 65px;
}

/* End Edit lesson plan */

/* InlineEditBox. */

.il-hr
{
	border-top: 1px solid #454e52;
	border-bottom: 1px solid #687176;
}

.inline-textbox-view,
.inline-textbox-hover,
.inline-textbox-edit,
.inline-textbox-watermark
{
    background-color: Transparent;
	border: solid  1px Transparent;
	border-spacing: 0px;
	display:block;
	font-family: Arial,sans-serif;
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
	line-height: normal;
	margin: 0px;
    padding : 0 2px 2px 2px;
	text-align: left;
    text-decoration: none;
    text-indent: 0px;
	white-space: pre;
}

* html .inline-textbox-view
{
	border: none;
	margin: 1px;
}

.inline-textbox-hover
{
    background-color: #f2f2f2;
	border: solid 1px #cccccc;
}

.inline-textbox-edit
{
	border: solid 1px #cccccc;
}

.inline-textbox-watermark
{
	border: solid 1px #cccccc;
	color: Gray;
}

.inline-textbox-view-multiline,
.inline-textbox-hover-multiline,
.inline-textbox-edit-multiline
{
    background-color: Transparent;
    border: solid  0px Transparent;
    border-spacing: 0px;
    display:block;
	font-family: Arial,sans-serif;
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
	line-height: normal;
	margin: 0px;
    padding : 0px;
	text-align: left;
    text-decoration: none;
    text-indent: 0px;

    white-space: pre;           /* IE 5.5-7 */
    word-wrap: break-word;      /* IE 5.5-7 */
    white-space: pre-wrap;      /* current browsers */
}

.inline-textbox-hover-multiline
{
	background-color: #eaeaea;
	border: solid 0px  #eaeaea;
}

.inline-textbox-edit-multiline
{
    background-color: #fff7bd;
	border: solid 0px  #fff7bd;
	overflow: hidden;
	white-space: pre-wrap;
	outline-style: none;
	outline-width: 0px;
}

.inline-textbox-richtext-hover
{
    background-color: #eaeaea;
}

.rich-text-link-container
{
	visibility: hidden;
	margin: 8px 0 5px 0;
	font-size: 0.8em;
	color: #333;
	text-align: center;
}

.inline-textbox-richtext-hover .rich-text-link-container
{
	visibility: visible;
}

/* END InlineEditBox */


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	max-width: 95%;
	min-height: 200px;
	max-height: 90%;
	overflow: auto;
}

img.modalX
{
	cursor: pointer;
}

/* END Modal popup

/* Drag and drop styles */
.dragHolder
{
    display: block;
    padding: 1px;
}
.dragHolderEmpty
{
	display: block;
	border: dashed 1px #808080;
}
.dragItem
{
	display: block;
	cursor: pointer;
}
.dragItemActive
{
	display: block;
	cursor: pointer;
}
.dragItemActive a
{
	background-color: #fff;
}
.dragItemActive .lessonListItemIcon, .dragItemActive .lessonListItem
{
	background-color: #fff;
	display: block;
}
.dragItemActive .lessonListItemRemove,
.dragItemActive input
{
	display: none;
	visibility: hidden;
}
.dropAcceptor
{
	width: 100%;
	height: 100px;
	display: block;
	border: solid 1px Transparent;
	margin: 0;
}
.dropAcceptorHover
{
    border: solid 1px #d5e8f7;
    background-color: #dfedfa;
    margin: 0;
}
.dropAcceptorHover .dragHolder
{
	border-color: #dfedfa;
}
.lessonDropAcceptor
{
	width: 100%;
	padding-top: 0px;
	margin: 0;
}
.lessonDropAcceptorHover
{
	width: 100%;
	border-top: solid 3px #accae6;
	padding-top: 0;
}
/* End of Drag and drop styles */

/* ListItem control styles */
.lessonListItemHolder
{
    width: 100%;
	/*white-space: nowrap;*/
	position: relative;
}
.lessonListItemHolder .inactive span
{
	color: #777;
}
.lessonListItemHolder a
{
	text-decoration: none;
    width: 100%;
}
.lessonListItemHolder a span
{
	text-decoration: underline;
	vertical-align: top;
}
.lessonListItemRemove
{
	background-color: #fff;
    cursor: pointer;
    position: absolute;
    right: 0;
    visibility: hidden;
}

.themeRemove
{
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom:0;
    visibility: hidden;
}

div.lessonListHolder
{
	margin-bottom: 5px;
	cursor: default;
	height: 80%;

}
/* <Lesson Planner Grid> */

	.lesson-planner
	{
		background-color: #fff;
		border: 1px solid #ccc;
		border-collapse: collapse;
		width: 100%;
	}
	* html .lesson-planner
	{
		position: relative;
	}

	.lesson-planner td,
	.lesson-planner th
	{
		font: normal .825em Arial, sans-serif;
		padding: 0 5px;
	}

	.lesson-planner td
	{
		border: 1px solid #ccc;
		vertical-align: top;
	}

    .lesson-planner td.inline-textbox-container
	{
		margin:0px;
		padding:0px;
		border-spacing: 0px;
	}

	.lesson-planner th
	{
		padding: 3px 5px;
		text-align: left;
		width:100%;
	}

	.lesson-planner .alternate th
	{
		background: #f0f0f0;
		white-space: nowrap;
	}

    .headercell 
	{
	  /* min-width:100px;*/
	}
	
	.lesson-planner .add-new .inline-textbox-view,
	.lesson-planner .add-new .inline-textbox-hover
	{
		border: 0;
		margin: 0;
		background: #fff;
		color:#31C733;
		cursor: pointer;
	}

	.lesson-planner .add-new .inline-textbox-hover
	{
		text-decoration: underline;
	}

	.lesson-planner .theme-column div
	{
		position: relative;
	}
	.lesson-planner div.lesson-column
	{
		position: relative;
		white-space:pre-wrap;/* nowrap;*/
	}
	.lesson-planner .delete-button
	{
		position: absolute;
		right: 0px;
		top: 1px;
		visibility: hidden;
	}

	* html .lesson-planner .theme-column div .delete-button
	{
		right: 0px;
	}

	.lesson-planner .addNewLink
	{
		text-decoration: none;
		color:#31C733;
	}
	.lesson-planner .addNewLink:hover
	{
		text-decoration: underline;
	}
	.lesson-planner .addNewLink:visited
	{
		color:#31C733;
	}

	.lesson-planner textarea
	{
		font-family: Arial, sans-serif;
	}
/* </Lesson Planner Grid> */

/* <Generic Table> */
	table.generic-table
	{
		background-image: none;
		width: 100%;
		border-width: 0;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
	}

	table.generic-table td.categorybox
	{
		vertical-align: middle;
		padding: 0;
	}

	table.generic-table td.spacer
	{
		background-color: #fff;
		font-size: 1px;
		line-height: 1px;
		height: 1px;
		margin: 0;
		padding: 0;
	}

	table.generic-table td.spacer.big
	{
		height: 10px;
	}


	table.generic-table p
	{
		margin: 5px 0;
		padding: 0;
	}

	table.generic-table td.categorybox h2.skin
	{
		margin: 0;
		padding-left: 5px;
		white-space: nowrap;
		position: static;
	}

	table.generic-table td.padded
	{
		padding: 10px;
	}

	table.generic-table label
	{
		font-weight: bold;
		font-size: .8em;
	}

	table.generic-table div.tablelisting table
	{
		width: 100%;
	}

	table.generic-table div.tablelisting table td.nopadding
	{
		padding: 0 0 0 5px;
	}

	table.generic-table div.tablelisting table td.progressbar
	{
		padding: 0 5px 0 5px;
	}

	table.generic-table input.disabled
	{
		border-color: Window;
		border-style: solid;
		background-color: Window;
	}

	table.generic-table .empty-message
	{
		font-style: italic;
	}
/* </Generic Table> */

/* Sortable List */
.sortable-list {
    border: none;
    margin: 0;
    padding: 0;
}

.sortable-list div
{
    cursor: move;
    background-color: rgb(220,223,226);
    border: solid 1px rgb(180,183,226);
    width: 250px;
    margin: 0px 0px 10px;
    padding: 3px;
    list-style: none;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
}

.sortable-list div input
{
    cursor: pointer;
    float: left;
    margin: 1px 0px 0px 2px;
    padding: 0px;
    border-spacing: 0px;
    height: 1em;
    width: 1em;
}

.sortable-list div label
{
    margin-left: 25px;
    cursor: inherit;
    display:block;
}

div.sortable-list-placeholder
{
    border: dashed 1px rgb(180,183,226);
    background-color: Transparent;
}

div.sortable-list-disabled
{
    background-color: #F0F0F0;
    border: solid 1px  rgb(220,223,226);
    color: Gray;
    cursor: default;
}


/* End Sortable List */

/* Column chooser */
.column-chooser-column-header
{
    padding-bottom: 5px;
    font-size: 14px;
}

.column-chooser-dialog
{
    font-size: 100%;
    display:none;
}

.column-chooser-dialog table
{
    border: solid 0px;
    border-spacing: 0px;
    padding:0px;
}

.column-chooser-dialog table tr
{
    vertical-align: top;
}

.column-chooser-dialog table tr td
{
    vertical-align: top;
}

.column-chooser-link
{

}

.column-chooser-link a
{
    text-decoration: none;
}

.column-chooser-link a span
{
    text-decoration: underline;
}

.column-chooser-column-line
{
    border-left: solid 1px rgb(220,223,226);
    width: 16px;
}

/* End Column chooser */

/* Learning tool application header */
.appheader
{
	margin: 0;
	padding: 0;
	background: transparent;

}
.appheader .tabsframe
{
	margin: 0;
}
.appheader .containerbox1
{
	border: 0;
}
/* End Learning tool application header */

/* Learning tool element title editor */
h1.skin input.title-editor
{
    width: 70%;
    border: solid 1px #6a95b2;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
}
/* End Learning tool element title editor */

a.inactive, a.inactive:active, a.inactive:focus, a.inactive:hover, a.inactive:link, a.inactive:visited
{
    color:#777777;
}

/*CleanCookies*/

.cookieBody {
	background: transparent url(../images/cookies/bg-header.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Georgia, serif;
}

.cookieBody #header {
	height: 91px;
	width: 100%;
}

.cookieBody #wrapper {
	width: 600px;
	margin: 40px auto 0 auto;
	padding: 0;
}

.cookieBody .monster {
	border: 0;
	margin: 0 auto;
}

.cookieBody .text {
	font-size: 1.8em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	color: #333;
	/*margin: 0 auto 40px 0;*/
	font-weight: 100;
}

.cookieBody h1 {
	font-size: 2.5em;
	line-height: 0.66em;
	margin: 0 0 0.66em 0;
	font-weight: 400;
	color: #C4231C;
}

.cookieBody img {
	border: 0;
}

/*End CleanCookies*/

/* Grid pager control */
.grid-pager
{
	font-size: .8em;
}

.grid-pager-paging
{
	float:left;
}

.grid-pager-paging-link,
.grid-pager-paging-link-selected
{
	margin: 0.5em;
}

.grid-pager-paging-link:hover
{
	color:Red;
	background-color: transparent;
}

.grid-pager-paging-link-selected
{
	font-weight: bold;
}

.grid-pager-size-chooser
{
	float:right;
}

.grid-pager-size-chooser span
{
	margin: 0.5em;
}
/* End Grid pager control */

/* Color codes for task status */
/* DO NOT CHANGE NAMES!!! */

.notstarted {
	color: inherit;
    background-color: #fff;
}
.ongoing {
	color: inherit;
    background-color: #D6F7FE;
}
.completed {
	color: inherit;
    background-color: #B9EAA8;
}
.onhold {
	color: inherit;
    background-color: #fff;
}
.waitingforothers {
	color: inherit;
    background-color: #FFFFB2;
}

/* End Color codes for task status */

/* Status Select control */

.statusSelectContainer {
	font-size: 100%;
	cursor: pointer;
}
.statusList {
	border: solid 1px #ccc;
	padding: 2px 2px 0px 2px;
	background-color: #fff;
	display: none;
	z-index: 1000;
	color: inherit;
}
.showList span {
	border: solid 1px #ccc;
	padding: 0px 3px 0px 3px;
	display: inline-block;
}
.showList img {
	margin-left: 3px;
	margin-right: 3px;
}
.statusList span {
	border: solid 1px #ccc;
	margin-bottom: 2px;
	white-space: nowrap;
	padding-left: 3px;
	padding-right: 3px;
	display: block;
}

/* End of Status Select control */

/* ProgressBar control */

.progress-bar,
.progress-bar-empty
{
	border:solid 1px #999999;
	margin:0px;
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
	width :	200px;
	overflow: hidden;
	float: left;
	height: 1em;
	white-space: nowrap;
}

.progress-bar-empty
{
	border:solid 1px #d3d3d3;
}

.progress-bar div,
.progress-bar-empty
{
	overflow: hidden;
	white-space: nowrap;
	float: left;
}

*:first-child+html .progress-bar,
*:first-child+html .progress-bar-empty
{
    display:inline;
}

* html .progress-bar,
* html .progress-bar-empty
{
    display:inline;
}
/* End of ProgressBar control */

/* ILP tasks */
*html .ilp-grid-holder {
	width: 100%;
}
.ilp-task-holder {
	width: 100%;
	display: inline-block;
}
div.alternate {
	width: 100%;
	display: inline-block;
	background-color: #eaf4fd;
	color: inherit;
}
.ilp-task-holder input.delete-button {
	float: right;
	position: static;
	margin: 6px 3px 0px 0px;
}
.ilp-task-holder .ilp-greenmark {
	float: left;
	width: 16px;
	margin: 6px 3px 0px 3px;
}
.ilp-task-holder .inline-edit-holder {
	float: left;
	width: 60%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
}
.empty-icon {
	padding-left: 21px;
}
* html .empty-icon {
	margin-left: 10px;
	padding-left: 0;
}
.ilp-task-holder span.statusSelectContainer, .ilp-task-status {
	float: left;
	margin-top: 1px;
	width: 25%;
	padding: 5px 0px 5px 0px;
	white-space: nowrap;
}
.ilp-task-status span {
	border: solid 1px #ccc;
	padding: 0px 5px;
	cursor: default;
}

.ilp-grid-holder .lesson-planner td.inline-textbox-container
{
    margin:0px;
    padding:0px;
	border-spacing: 0px;
}

.ilp-grid-holder .lesson-planner td
{	
	padding-top: 5px;
	padding-bottom: 5px;
}

.ilp-grid-holder .lesson-planner td.inline-textbox-container div.add-new 
{
    padding-top: 4px;
	padding-bottom: 4px;    	
} 

/* End of ILP tasks */

/* Hierarchies List control */
.hierarchy-list, .hierarchy-list table
{
    font-size:0.9em;
}
.hierarchy-list td
{
    vertical-align:top;
}
.hierarchy-list-title
{
    float:left;
    display:block;
    font-weight:bold;
}
.hierarchy-list-items, .hierarchy-list-add-link
{
    padding-top:0px;
    padding-left:20px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align:left;
}

.hierarchy-list-item-holder
{
    vertical-align:middle;
    white-space:nowrap;
    padding-top:0px;
    padding-bottom:5px;
}
.hierarchy-list-item-holder a, .hierarchy-list-item-holder a:hover,
.hierarchy-list-item-holder a:active, .hierarchy-list-item-holder a:focus,
.hierarchy-list-item-holder a:link, .hierarchy-list-item-holder a:visited
{
    color:#000000;
    text-decoration:none;
    background-color: transparent;
}

.hierarchy-list-item-holder span
{
    padding-right:5px;
}

.hierarchy-list-item-remove
{
    padding-left:5px;
}

.hierarchy-list-item-remove img
{
    vertical-align:text-bottom;
}

.hierarchy-list-add  a, .hierarchy-list-add-link a:hover,
.hierarchy-list-add-link a:active, .hierarchy-list-add-link a:focus,
.hierarchy-list-add-link a:link, .hierarchy-list-add-link a:visited
{
    color:#02397D;
    text-decoration:none;
    font-size:0.9em;
    background-color: transparent;
}

.hierarchy-list-add-link img
{
    vertical-align:text-bottom;
}

.hierarchy-list-add-link span
{
    text-decoration:underline;
}
.hierachy-list-title
{
    font-weight:bold;
    vertical-align:top;
    margin-top:5px;
}

/* end of Hierarchies List control */
.icon-link
{
    text-decoration:none;
}

.icon-link-span
{
    padding-right:5px;
    text-decoration:underline;
}

/*ILP*/

.CreateEditILP .TitleTextBox
{
    width: 450px;
}

.CreateEditILP .DatesItslTimeSpan div
{
    float: left;
}

.CreateEditILP .DatesItslTimeSpan .basicdatepicker input
{
    width: 100px;
    margin-left: 10px;
}

.CreateEditILP .DatesItslTimeSpan div
{
    margin-right: 50px;
}

.CreateEditILP .DatesItslTimeSpan span
{
    vertical-align: middle;
}

.CreateEditILP .formtable th
{
    width: 120px;
    text-indent: 26px;
    vertical-align: middle;
}

.CreateEditILP .formtable td,
.CreateEditILP .formtable th
{
    border-bottom: none;
}

.CreateEditILP .CreateEditRadioButton
{
    margin-left: -140px;
    position:absolute;
}

.CreateEditILP .formtable input.CreateEditILPButton
{
    margin-left: 50px;
    margin-right: 10px;
}

.CreateEditILP .formtable optgroup
{
    font-style: normal;
}

.CreateEditILP .formtable .CreateEditBasedOnExistingInfo
{
    font-size: smaller;
}

/*End ILP*/

/* Publish control */
.publish-holder
{
    margin: 2px 40px;
}
.publish-draft-holder, .publish-publish-holder, .publish-unpublish-holder
{
    display:inline-block;
	padding: 2px 5px;
	margin-left: 5px;
}
.publish-draft-holder
{
    background-color: #E7F5FF;
	border: 1px solid #499FDB;
}
.publish-draft-holder img
{
    vertical-align:text-bottom;
    margin-right:5px;
}
.publish-publish-holder
{
    background-color: #B9EAA8;
	border: 1px solid #6B9563;
}
.publish-draft-holder a
{
    margin-left:15px;
}
/* End Publish control */

/* Lock control */
.lock-locked-holder,.lock-unlocked-holder, .lock-lock-holder
{
    display:inline-block;
	padding: 2px 5px;
	margin-right:5px;
}
.lock-locked-holder img
{
    vertical-align:text-bottom;
    margin-right:5px;
}
.lock-unlocked-holder
{
    background-color: #B9EAA8;
	border: 1px solid #6B9563;
}
.lock-locked-holder a
{
    margin-left:4px;
}
/* End Lock control */

/* <CheckBoxSelector> */

	.toolbar .checkbox-selector,
	.checkbox-selector
	{
		position: relative;
		padding: 1px;
		margin-top: 1px;
		border-top: 1px solid #fff;
		display: inline;
	}

	.checkbox-selector .switcher
	{
		cursor: pointer;
		padding: 1px 2px;
		margin: 3px;
		font-size: .8em;
		float: left;
		display: inline-block;
	}
	
	.checkbox-selector .switcher span
	{
	    text-decoration: underline;
	}
	
	.checkbox-selector .switcher img
	{
	    margin: 0;
	    padding: 0 0 0 3px;
	}

	* html .checkbox-selector .switcher
	{
		position: relative;
		padding-left: 6px;
	}
	
	.toolbar .checkbox-selector div,
	.checkbox-selector div
	{
		padding: 3px;
		visibility: hidden;
		position: absolute;
		top: -1000px;
		left: -1000px;
		background: #fff;
		border: 1px solid #2A2A90;
	}

	.checkbox-selector div span.empty-item
	{
		border-bottom: none;
		font-style: italic;
	}

	.checkbox-selector div span
	{
		display: block;
		padding: 3px 0;
		border-bottom: 1px solid #c0c0c0;
		clear: both;
	}

	.checkbox-selector div span input
	{
		float: left;
	}

	.checkbox-selector div span.last-item
	{
		border-bottom: none;
	}

	.checkbox-selector div span label
	{
		font-weight: normal;
		display: block;
		padding: 0 0 0 20px;
	}

/* </CheckBoxSelector> */

.ilp-status
{
    width:99%;
    padding: 0px 0px 15px 10px;
    display:inline-block;
}
* html .ilp-status
{
    margin: 0;
    padding-bottom: 15px;
}

.ilp-status-section,.ilp-status-section-center, .ilp-status-section-right
{
    font-size:0.8em;
    vertical-align:text-bottom;
}

.ilp-status-section
{
    float:left;
    margin-right:50px;
    font-size: 0.7em;
    padding-top: 5px;
}

.ilp-status-section-center
{
    float:left;
    margin-left:15px;
}

.ilp-status-section-right
{
    float:right;
    margin-right:20px;
    margin-left:15px;
}

*html .ilp-status-section-right
{
    margin-right:0px;
}

.ilp-progress
{
    display:inline-block;
    vertical-align:text-bottom;
    width:200px;
}

*:first-child+html  .ilp-progress
{
    display:inline;
}

* html  .ilp-progress
{
    display:inline;
}

.tablelisting table td.ilp-grid-curren-plan
{
    text-align: center;
}

.ilp-grid-lock-icon
{
    margin-left: 10px;
}

/* TaskStatusLegend control */

.task-status-legend
{
    font-size:0.8em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.task-status-legend span
{
    float: left;
	margin: -2px 0px 0px 0px;
}

.task-status-legend-box
{
    border:solid  1px #d3d3d3;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    margin-left: 2.5em;
	margin-right: 5px;
    width:1em;
    height:1em;
    float: left;
    overflow: hidden;
}

/* End TaskStatusLegend control */


/* <Simple table> */
	.simple-list
	{
		font-size: 1em;
	}
	.simple-list th
	{
		font-weight: bold !important;
	}

	.simple-list td
	{
		padding: 0 !important;
	}

	.simple-list td label
	{
		display: block;
		padding: 0 10px 0 0 !important;
		width: 100%;
	}
/* </Simple table> */

/* Cloud Email */

.cloud-email-info-box
{
    float: left;
    background-color: #F2F2F2;
    border: solid 1px #BBBBBB;
    font-size:0.8em;
    padding:0;
    margin:0;
    margin-top: 10px;
    margin-bottom: 20px;
    width:100%;
}
*:first-child+html  .cloud-email-info-box
{
    width:99%;
}

.cloud-email-info-box .info
{
    width: 80%; 
    float: left;
    padding:5px;
}

.cloud-email-info-box .links
{   
    float: right;
    padding:5px; 
    text-align: right;   
}

.cloud-email-info-box ul
{
    display:block;
    margin:0;
}

.cloud-email-info-box li
{
    list-style-type:none;
    padding: 3px;
    margin-left:5px;
}

/* End Cloud Email */

/*Cloud Email Domain*/
.add-domain-policy-enabled input
{
    width: auto !important;
}

/*Cloud Email Domain*/


/* Learning objectives description */
.greyDescription {
	color: #999;
	font-style: italic;
	margin-left: 20px;
}
.objectivesHolder {
	padding: 10px;
	font-size: 0.8em;
}	
/* End of Learning objectives description */
/* Edit Cloud Email page */
.edit-cloud-email-hiearchy-properties
{
    font-size:0.8em;
}
.cloud-email-hierarchy-properties, .cloud-email-manual-steps
{    
    background-color:#EFF7FF;
    padding:10px;
    margin-bottom:15px;
}

.edit-cloud-email-row-title
{
    display:inline-block;
    /*width: 200px;*/
    font-weight:bold;
    vertical-align:top;
    padding:10px;
}

.edit-cloud-email-row-content
{
    display:inline-block;
    padding:10px;
    margin-left:50px;
}

.confirm-cloud-email-row-content
{
    display:inline-block;
    padding:10px;
}

.edit-cloud-email-row-content a
{
    margin-left:-10px;
}

.edit-cloud-email-row-content label
{
    vertical-align:top;
}

.edit-cloud-email-row-content input
{
    margin-left:0px;
    margin-bottom:5px;
    padding-left:0px;
}

.edit-cloud-email-select-hierarchy
{
    margin-left:0px;
}

.edit-cloud-email-buttons
{
    padding-left:320px;
}

.form-buttons input
{
    margin-right:10px;
}

.edit-cloud-email-owndomain-panel
{
    display:block;
    margin:0px 0 10px 20px;
    padding: 5px;
}

.edit-cloud-email-owndomain-panel label
{
    display:inline-block;
    width: 150px;
    margin-left:20px;
}

.edit-cloud-email-owndomain-panel input
{
    width: 250px;
    margin:3px 0 3px 0;
}

.cloud-email-status span
{
    text-decoration:none;
}
/* End of Edit Cloud Email page */


/* Activate Cloud Email page */
.cloud-email-activate-wizard-step
{    
    padding-left:0px;
}
.cloud-email-activate-manual-task
{
    padding-left:25px;
    margin:0px;
}

.cloud-email-activate-confirm-field
{    
    display:block;
    float:left;
    width:15em;    
}

.formtable table.wizard, .formtable table.wizard td
{
    font-size:1.0em;
}

.formtable table.wizard td.cloud-email-wizard-step-title
{
    font-size:0.8em;  
}

.wizard
{
    background-color:#EFF7FF;    
    font-size:0.8em;  
}

.wizard-step-content
{
    font-size:0.8em;  
}
.wizard-buttons
{
    margin-top:20px;
    padding-left:50px;
}

/* End of Activate Cloud Email page */
    
/* Select hierarchy control */    

.select-hierarchy-control
{
    margin-left:-10px;
    margin-right:15px;
}    

/* End of Select hierarchy control */    

/* New Dashboard tree menu control */
.treemenu-new-body{
   margin: 0;
}

.treemenu-new{
	background-color: #EEEEEE;
	margin: 5px;
	padding: 0;
}

.treemenu-new div.frame
{
	background-color: White;
	border: 1px solid #CECFCE;
	padding: 0px 0px 5px;
}

.treemenu-new h1, .treemenu-new h2{
	font-size: .9em;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	white-space: nowrap;
}

.treemenu-new h1 img, .treemenu-new h2 img{
	padding-right: 1px;
}

.treemenu-new li
{
	font-size: 0.8em;
	padding: 1px 0;
	white-space: nowrap;
}

.treemenu-new ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.treemenu-new li.selected span
{
	background:#ECF6FF none repeat scroll 0 0;
	border:1px solid #8CC7FF;
	padding:0 2px;
}

.treemenu-new a{
	text-decoration: none;
}

.treemenu-new a span
{
	margin-left: 5px;
	text-decoration: underline;
}

.treemenu-new .content{
	margin: 7px 3px 3px;
}

/* End of New Dashboard tree menu control */

/* My Settings for Google */
.infoTip{
    color: #999999;
}
.infoArea {
    font-size: 0.8em;
    text-align: left;
    padding: 10px 10px 20px 10px;
}
.infoArea div {
    margin-top: 10px;
}
.infoArea table {
    font-size: 1em;
    vertical-align: top;
    margin-top: 10px;
}    
/* End of My Settings for Google */

.redtext
{
    color:Red;
}

/* Add cloud email domain page */
.add-cloud-email-domain
{
    background-color:#EFF7FF;    
}

.add-cloud-email-domain-panel, .add-cloud-email-psw-panel
{
    font-size:0.8em;
    padding:0px; 
    margin-bottom:15px;   
}

.add-cloud-email-domain-panel label, .add-cloud-email-psw-panel label
{
    display:inline-block;
    width: 200px;
    margin-left:20px;
}

.add-cloud-email-domain-panel input
{
    width: 250px;
    margin:3px 0 3px 0;
}

.add-cloud-email-psw-panel input
{
    width: 100px;
    margin:3px 0 3px 0;
}

.add-cloud-email-domain-buttons
{
    padding-left:220px;
    padding-bottom:15px;
}

/* End of add cloud email domain page */

/* Google domain administration page */
.domain-admin-customers-panel
{
    font-size:0.8em;
}

.domain-admin-customers-panel label
{
    margin-right:15px;
}

.domain-admin-customers-panel select
{
    width: 300px;
}

.domain-admin-view-form-row
{
    width:100%;        
    float:left; 
    white-space:nowrap;
    font-size:0.8em;
    line-height:1.5em;
}
    
.domain-admin-view-form-row-title
{
    width:17%; 
    float:left;       
    font-weight:bold; 
}
    
.domain-admin-view-form-row-value
{
    float:left;
}
.domain-admin-view-profile-list
{
    margin-right: 1em;
}

.domain-admin-view-error-message
{
    white-space: nowrap;        
    overflow: hidden; 
    width:15em;
}

/* End of Google domain administration page */
.psw-random-icon img
{
    vertical-align:middle;
}

/*Start Person profile esafety*/

.personprofile_helpimage img
{
    margin-left: 5px;
}

.personprofile_esafety input[type="checkbox"]
{
    margin-right: 5px;
}

.personprofile_esafety span
{
    position: static !important;
    left: auto;
}

.personprofile_esafety
{
    position: static !important;
}

.personprofile_esafety div
{
    margin: 1px 0;
}

.personprofile_esafety label
{
    width: 120px; 
    overflow: visible; 
    white-space: nowrap;
    display: inline-block;
}

.personprofile_esafety b
{
    width: 140px;
    white-space: nowrap;
    display: inline-block;
    padding-right: 5px;
    margin-bottom: 5px;
}

/*End Person Profile esafety*/


/*Start Policy pages */
.policy-edit-form
{
}

.formtable .policy-edit-form  th 
{
    width:200px;
}

.policy-edit-form-name-field,
.policy-edit-form-description-field
{
    width : 200px;
}

.policy-edit-form-organization-field
{
    width : 205px;
}

.policy-edit-form-section-label
{
    font-weight: bold;
}

.policy-edit-form-section-columns
{
    width:100px;    
    float:left; 
    font-weight:bold;    
}

.policy-edit-form-esafety-header b
{
    width: 140px;
    white-space: nowrap;
    display: inline-block;
    padding-right: 5px;
    margin-bottom: 5px; 
}

.policy-edit-form-esafety
{
    margin-left:100px;
}

.policy-edit-form-esafety select 
{
    width : 170px;    
}

.policy-edit-form-esafety-row
{
    width : 140px;
    float : left;   
}

.policy-overview-grid
{
    width:100%;
    padding:0;
    margin:0;
}

.policy-overview-grid th, 
.policy-overview-grid .alternate th
{
	white-space: nowrap;
    overflow:hidden;
    border:solid 1px blue;
}

/*End Policy pages */

/*Start Form Builder Controls */

.form-policy-base-control-checkbox,
.form-policy-permitted-control
{
    width : 100px;
    float : left;
}

.form-policy-textbox-comment
{    
    padding-left: 0.5em;
}

/*End Form Builder Controls */

/* Start Extension list control*/

.itsl-extensions-list
{
    margin: 0;
	padding: 0;
	list-style-type: none;
}

* html .itsl-extensions-list
{
    height: 1px;
}

.itsl-extensions-list
{
    min-height: 1px;
}

.itsl-extensions-list-item
{
    margin: 0;
	padding: 5px;
	background-color: #ececec;
	border-top: solid 1px #fbfbfb;
	border-bottom: solid 1px #dbdbdb;
	min-height: 40px;
}

.itsl-extensions-list-item-titlesection
{
    float: left;
}

.itsl-extensions-list-item-titlesection-icon
{
    float: left;
    margin-right: 4px;
}

.itsl-extensions-list-item-titlesection-title
{
    text-decoration: none;
    font-size: 16px;
    font-weight: 100;
    line-height: 24px;
    color: #000;
}

.itsl-extensions-list-item-titlesection-link img
{
    vertical-align: top;
}

.itsl-extensions-list-item-titlesection-link:hover span
{
    text-decoration: underline;
}

.itsl-extensions-list-item-titlesection-description
{
    display: block;
    font-size: 13px;
    margin: 0 0 0 29px;
}


.itsl-extensions-list-item-linkssection
{
    float: right;
}

.itsl-extensions-list-item-linkssection a
{
}

.itsl-coloredlink,
.itsl-coloredlink:link,
.itsl-coloredlink:visited,
.itsl-coloredlink:active,
.itsl-coloredlink:hover
{
    display: block;
    float: left;
    margin: 12px 10px 0 0;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 85px;
    font-weight: normal;
    font-size: 12px;
}

.itsl-coloredlink-moreinfo,
.itsl-coloredlink-moreinfo:link,
.itsl-coloredlink-moreinfo:visited,
.itsl-coloredlink-moreinfo:active,
.itsl-coloredlink-moreinfo:hover
{
    border: solid 1px #1b86b7;
    background-color: #86caed;
    color: #000;
}

.itsl-coloredlink-empty
{
    border: solid 1px #ececec; /* IE6 needs it. transparent is OK for other browsers */
    background-color: transparent;
    color: #000;
}

.itsl-coloredlink-include,
.itsl-coloredlink-include:link,
.itsl-coloredlink-include:visited,
.itsl-coloredlink-include:active,
.itsl-coloredlink-include:hover
{
    border: solid 1px #539e18;
    background-color: #82be33;
    color: #fff;
}


.itsl-coloredlink-remove,
.itsl-coloredlink-remove:link,
.itsl-coloredlink-remove:visited,
.itsl-coloredlink-remove:active,
.itsl-coloredlink-remove:hover
{
    border: solid 1px #cc0000;
    background-color: #ff3333;
    color: #fff;
}

.itsl-coloredlink-status,
.itsl-coloredlink-status:link,
.itsl-coloredlink-status:visited,
.itsl-coloredlink-status:active,
.itsl-coloredlink-status:hover
{
    border: solid 1px #fbbc0a;
    background-color: #faf4bc;
    color: #c65209;
}

.itsl-extensions-list-pager
{
    font-size: .8em;
    padding-top: 5px;
}
/* End Extension list control*/

/* Add page extension list control container */
.itsl-extensions-list-container
{
	margin: 0 19px 0 19px;
}
.itsl-extensions-list-container-link-open
{
	float: right;
	margin-top: -40px;
	padding-right: 16px;
	font-size: 0.9em;
	background: url(../icons/xp/arrow_flip_down.png) right no-repeat;
}
.itsl-extensions-list-container-link-close
{
	float: right;
	margin-top: -40px;
	padding-right: 16px;
	font-size: 0.9em;
	background: url(../icons/xp/arrow_flip_up.png) right no-repeat;
}
/* End Add page extension list control container */

/* Add policy to user modal window */
.policyList
{   
    max-height: 300px;
    overflow: auto;
    margin-bottom: 30px;
}
.policyList table
{
    width: 95%;
    font-size: 1em;
}
.policyList table td
{
    vertical-align: top;
}
.policyList table td a
{
    color: #02397D;
}
/* END of Add policy to user modal window */

/* Start Permissions matrix */
.permission-matrix
{
}

.permission-matrix-row-title-cell
{
    width: 200px;
}

.permission-matrix  .permission-matrix-column-header
{
    text-align: center;    
}
		
.permission-matrix  .permission-matrix-cell
{
    text-align: center;
}

.permission-matrix-section-title
{
    font-weight : bold;
}
		
/* END of Permissions matrix */

/* Start Extension info dialog */

.itsl-extension-info .itsl-extension-info-rank
{
  display: inline-block;
}

.itsl-extension-info .itsl-extension-info-published
{
  display: inline-block;
  margin-left: 10%;  
}

.itsl-extension-info .itsl-extension-info-icon
{
    display: inline-block;
    float: left;
    padding: 0 1.5em 1ex 0;
}

.itsl-extension-info h3
{
    color: Gray; 
    clear: both;
}

.itsl-extension-info ul
{    
    list-style-type: none;
}

.itsl-extension-info .itsl-extension-info-vendor
{
    clear: both;    
}

.itsl-extension-info .itsl-extension-info-descriptopn
{
   padding: 2ex 0 2ex 0; 
}

.collapsed-width
{
    width: 0 !important;    
}

.itsl-extension-info
{
    
}

/* END of Extension info dialog */

/* Content import pages */
.mediumWidth
{
	width: 450px;
}

/* END of Content import pages */

/* Add/edit term page */
.term-edit-form
{
}

.formtable .term-edit-form  th 
{
    width:200px;
}

.term-edit-form-name-field
{
    width: 200px;
}
.term-edit-form-description-field
{
    width: 350px;
}
.term-edit-form-class-hours-field
{
    width: 30px;
    margin-right:20px;
}
.term-edit-form-def-code-field
{
    width: 50px;
    margin-right:5px;
}
.policy-edit-form table.term-edit-form-weekdays-list
{
    margin:0px;
}

.term-edit-form .term-form-panel input
{
    margin-left:0px;
    padding:0px;
}

.term-edit-form .term-form-panel
{
    padding-left:0;
}

.term-edit-form-date-span
{
    display:inline;
    margin-right:5px;
}

.term-edit-form-error-label
{
    color:Red;
}

.term-edit-form a
{
    text-decoration:none;
}
/* END of Add/edit term page */

/* Course properties - Terms section */
.terms-content
{
	margin-bottom: 10px;
}
a.plus-button img
{
	margin-left: 0px;
}
img.delete-term-button
{
	margin: 0 0 -3px 5px;
	cursor: pointer;
}
.term-title
{
	padding-bottom: 5px;
}
.terms-modal-title
{
	border: none !important;
}
/* END of Course properties - Terms section */

/* Attendance Course Timetable */

.attendance-timetable-message
{
    display: block;
    margin-bottom: 15px;
}

.attendance-timetable
{
    font-size: .8em;
    margin-bottom: 20px;
}
.attendance-class-hours-label
{
    margin-left: 30px;
}


/* END of Attendance Course Timetable */

/* Widgets on dahsboards (to make existing styles work) + some new ones */

.il-widget-content-toolbar
{
	margin: 3px 0 10px -10px;
}

.il-widget-content .minilisting
{
	padding: 0 0 0 0;
}

.il-widget-content .minilisting table
{
	font-size: 1.0em;
}

.il-widget-content .nocontenttext
{
	font-size: 1.0em;
}

.il-widget-messages-inbox-link
{
	display: block;
	float: right;
}

* html .il-dialog-body form /* IE6 only */
{
    width: 96%;
}

* html .il-form .il-form-ol .il-form-li table th,
* html .il-form .il-form-ol .il-form-li table tr /* IE6 only */
{
    font-size: 12.8px;
}

* html .il-widgetzone-twocolumns-left, * html .il-widgetzone-twocolumns-right
{
	width: 46%;
}

/* END Widgets on dahsboards (to make existing styles work) + some new ones */

/* Content block - Itslearning blocks */

.ilw-itslblock-widget .il-widget-header h2
{
	width: 100%;
}

.ilw-itslblock-container
{
	overflow-x: hidden;
}

.ilw-itslblock-contentcontainer
{
    overflow: hidden;
}

.ilw-itslblock-title
{
    display: none;
}

.ilw-itsl-projectsblock-item-title, .ilw-itsl-projectsblock-item-title-small
{
    padding: 3px 0px 3px 0px;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 5px;
}

.ilw-itsl-projectsblock-item-lastupdated
{
    float: right;
    padding: 3px 0px 3px 0px;
    margin: 0px 9px 0px 9px;
}

.ilw-itsl-links-toolbar
{
    margin: 3px 0px 10px 0px;
}

.ilw-itsl-projectsblock-item a span, .ilw-itsl-projectsblock-item-alternate a span
{
    text-decoration: underline;
}

.ilw-itsl-projectinvitations-header
{
    padding: 0px;
    margin: 9px 0px 3px 0px;
    font-weight: bold;
}

.ilw-itsl-projectinvitations-item span
{
    margin-right: 5px;
}
.ilw-itsl-projectinvitations-item a
{
    text-decoration:none;
}
.ilw-itslblock-noelements
{
    font-style: italic;
}
.ilw-itsl-right-aligned-panel
{
    width:100%;
    display:block;
}
.ilw-itsl-right-aligned-panel a
{
    float: right;
}
.ilw-itsl-right-aligned-panel a span
{
    text-decoration: underline;
}
.ilw-itsl-projectsblock-item-right
{
    float: right;
    padding: 3px 0px 3px 0px;
    margin: 0px 9px 0px 9px;
    width: 25%;
    overflow: hidden;
}
.ilw-itsl-projectsblock-item-right span
{
    width: 50%;
    display:block;
    text-align: left;
    white-space: nowrap;
}
.ilw-itsl-fixed-right-date
{
    width: 100px;
    text-align: right;
    white-space: nowrap;
}
/* END Content block - Itslearning blocks */

/* Content block - Itslearning blocks (Former Theme) */
.ilw-itsl-projectsblock-item a, .ilw-itsl-projectsblock-item-alternate a
{
    text-decoration: none;
}
.ilw-itsl-projectsblock-item a span, .ilw-itsl-projectsblock-item-alternate a span
{
    text-decoration: underline;
}
.ilw-itsl-projectsblock-icon
{
	background: url(../images/dashboard/content-block-itsl-project-16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-projectinvitations-yes
{
	background: url(../images/dashboard/yes-16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-projectinvitations-no
{
	background: url(../images/dashboard/no-16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-projectsblock-item .highlighted, .ilw-itsl-projectsblock-item-alternate .highlighted,
.ilw-itsl-taskblock-item-deadline .highlighted
{
    font-weight: bold;
    color: #C60000;
}

.ilw-itsl-projectsblock-item .inactive, .ilw-itsl-projectsblock-item-alternate .inactive,
.ilw-itsl-taskblock-item-deadline .inactive
{
    color: #777777;
}

.ilw-itsl-projectsblock-item-alternate,
.ilw-itsl-itslblock-item-alternate
{
    background-color: #EEEEEE;
}

/* Itslearning blocks : Common */

.ilw-itsl-itslblock-item
{    
    float:left; 
    clear:both;
    white-space: nowrap; 
    width:100%;
}

.ilw-itsl-itslblock-item div
{
    padding: 3px 0px;
    margin: 0px;
    border-spacing: 0px;   
    float: left;    
    white-space: normal;
}

.ilw-itsl-itslblock-item
{
    float:left; 
    clear:both;
    white-space: nowrap; 
    width:100%;
}

.ilw-itsl-itslblock-item a
{
    text-decoration : none; 
}

.ilw-itsl-itslblock-item a span
{
    text-decoration : underline; 
}

.ilw-itsl-itslblock-show-command
{
    float: right;
    text-decoration: none;
    margin-left: 10px;
}
.ilw-itsl-itslblock-show-command span
{
    text-decoration: underline;
}
.ilw-itsl-itslblock-column-header
{
    font-weight: bold;
}

/* End Itslearning blocks : Common */

/* Itslearning blocks : Activities */

.ilw-itsl-activityblock-2columns-item .ilw-itsl-activityblock-item-start
{
   width : 50%;
}
.ilw-itsl-activityblock-2columns-item .ilw-itsl-activityblock-item-description
{
    width : 49%;
}

.ilw-itsl-activityblock-2columns-item .ilw-itsl-activityblock-item-category
{
    display : none;
}

.ilw-itsl-activityblock-3columns-item .ilw-itsl-activityblock-item-start
{
    width: 34%;
}

.ilw-itsl-activityblock-3columns-item .ilw-itsl-activityblock-item-category
{
    width: 25%;
}

.ilw-itsl-activityblock-3columns-item .ilw-itsl-activityblock-item-description
{
    width: 40%;    
}

/* End Itslearning blocks : Activities */

/* Itslearning blocks : Task list */

.ilw-itsl-taskblock-item
{
    padding: 0px 0px;
    margin: 0px;
    border-spacing: 0px;
    float:left; 
    clear:both;
    white-space: nowrap; 
    width:100%;        
}

.ilw-itsl-taskblock-item-title,
.ilw-itsl-taskblock-item-deadline,
.ilw-itsl-taskblock-item-command
{
    padding: 3px 0px;
    margin: 0px;
    border-spacing: 0px;
    overflow: hidden;
    white-space: nowrap;
    float: left;    
}

.ilw-itsl-taskblock-item-title
{
    width: 50%;
}

.ilw-itsl-taskblock-item-deadline
{
    width: 35%;
}

.ilw-itsl-taskblock-item-command
{
    width: 14%;
    text-align:right;
}

.ilw-itsl-taskblock-item-deadline-content,
.ilw-itsl-taskblock-item-deadline-header-content
{
    margin-left:10px;
}

.ilw-itsl-taskblock-item-title-header-content
{
    margin-left: 18px;
}

.ilw-itsl-taskblock-item-deadline-header-content,
.ilw-itsl-taskblock-item-title-header-content
{
    font-weight: bold;
}

/* End Itslearning blocks : Task list */

.ilw-itsl-course-icon
{
	background: url(../images/dashboard/content-block-itsl-course-16.gif);
	width: 16px;
    height: 16px;
}
.ilw-itsl-kids-course-icon-art
{
	background: url(../images/dashboard/content-block-itsl-kids-course-art-16.png);
	width: 16px;
    height: 16px;
}
.ilw-itsl-kids-course-icon-games
{
	background: url(../images/dashboard/content-block-itsl-kids-course-games-16.png);
	width: 16px;
    height: 16px;
}
.ilw-itsl-kids-course-icon-home
{
	background: url(../images/dashboard/content-block-itsl-kids-course-home-16.png);
	width: 16px;
    height: 16px;
}
.ilw-itsl-kids-course-icon-lunch
{
	background: url(../images/dashboard/content-block-itsl-kids-course-lunch-16.png);
	width: 16px;
    height: 16px;
}
.ilw-itsl-kids-course-icon-math
{
	background: url(../images/dashboard/content-block-itsl-kids-course-math-16.png);
	width: 16px;
    height: 16px;
}
.ilw-itsl-kids-course-icon-reading
{
	background: url(../images/dashboard/content-block-itsl-kids-course-reading-16.png);
	width: 16px;
    height: 16px;
}
.ilw-itsl-kids-course-icon-star
{
	background: url(../images/dashboard/content-block-itsl-kids-course-star-16.png);
	width: 16px;
    height: 16px;
}
.ilw-itsl-kids-course-icon-sun
{
	background: url(../images/dashboard/content-block-itsl-kids-course-sun-16.png);
	width: 16px;
    height: 16px;
}
.ilw-itsl-kids-course-icon-writing
{
	background: url(../images/dashboard/content-block-itsl-kids-course-writing-16.png);
	width: 16px;
    height: 16px;
}
.ilw-itsl-message-unread-icon
{
	background: url(../images/dashboard/content-block-itsl-message-unread-16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-task-mandatory-icon,
.ilw-itsl-task-nomandatory-icon
{
	width: 11px;
    height: 11px;
    margin-left:3px;
}

.ilw-itsl-task-mandatory-icon
{
	background: url(../images/dashboard/content-block-itsl-task-mandatory-11.gif);
}

.ilw-itsl-task-test-icon
{
	background: url(../images/dashboard/content-block-itsl-test-16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-task-assessment-icon
{
	background: url(../images/dashboard/content-block-itsl-assessment-16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-task-survey-icon
{
	background: url(../images/dashboard/content-block-itsl-survey-16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-task-process-oriented-document-icon
{
	background: url(../images/dashboard/content-block-itsl-process-oriented-document-16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-task-icon
{
	background: url(../images/dashboard/content-block-itsl-task-16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-task-ilp-icon
{
	background: url(../images/dashboard/content-block-itsl-ilp-16.gif);
	width: 16px;
    height: 16px;
}
.ilw-itsl-community-icon
{
	background: url(../images/dashboard/content-block-itsl-community-16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-elementblock-item-alternate
{
    background-color: #EEEEEE;
}

.ilw-itsl-elementblock-item a, .ilw-itsl-elementblock-item-alternate a
{
    text-decoration: none;
}

.ilw-itsl-elementblock-item a span, .ilw-itsl-elementblock-item-alternate a span
{
    text-decoration: underline;
}

.ilw-itsl-elementblock-item, .ilw-itsl-elementblock-item-alternate
{
    overflow: hidden;
    padding: 3px 0px 3px 0px;
    white-space: nowrap;
}

.ilw-itsl-element-discussion-icon
{
	background: url(../images/dashboard/content-block-itsl-element_discussion16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-discussion-post-icon
{
	background: url(../images/dashboard/content-block-itsl-element_discussion_post16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-picture-icon
{
	background: url(../images/dashboard/content-block-itsl-element_photo16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-folder-icon
{
	background: url(../images/dashboard/content-block-itsl-element_folder16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-note-icon
{
	background: url(../images/dashboard/content-block-itsl-element_note16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-weblink-icon
{
	background: url(../images/dashboard/content-block-itsl-element_resource16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-folderfile-icon
{
	background: url(../images/dashboard/content-block-itsl-element_file16.gif);
	width: 16px;
    height: 16px;
}
.ilw-itsl-element-survey-icon
{
	background: url(../images/dashboard/content-block-itsl-element_survey16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-test-icon{
	background: url(../images/dashboard/content-block-itsl-element_test16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-essay-icon{
	background: url(../images/dashboard/content-block-itsl-element_assignment16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-textcollection-icon{
	background: url(../images/dashboard/content-block-itsl-element_processorienteddocument16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-cmproject-icon{
	background: url(../images/dashboard/content-block-itsl-element_lesson16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-explainingsequence-icon{
	background: url(../images/dashboard/content-block-itsl-element_explainingsequence16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-chat-icon{
	background: url(../images/dashboard/content-block-itsl-element_conference16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-element-proxy-icon{
	background: url(../images/dashboard/content-block-itsl-element_proxy16.gif);
	width: 16px;
    height: 16px;
}

.ilw-itsl-activity-icon{
	background: url(../images/dashboard/content-block-itsl-activity-16.gif);
	width: 16px;
    height: 16px;
}

/* <Planner content block> */

.ilw-itsl-plannerblock
{
	margin-top: 6px;
	margin-bottom: 10px;
}

.ilw-itsl-plannerblock-dropdown
{
	float: right;
	max-width:100%;
}

.ilw-itsl-plannerblock-date
{
	color: #777777;
	font-size: .85em;
	padding: .2em 0;
}

.ilw-itsl-plannerblock-title
{
	font-size: 1.4em;
	padding: .2em 0 .1em 0;
	margin: 0;
}

.ilw-itsl-plannerblock-elementlist
{
	padding: .2em 0;
	margin: 0;
}

.ilw-itsl-plannerblock h1
 {
	color: #777777;
	font-weight: normal;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}

.ilw-itsl-plannerblock-elementlist
{
	list-style: none;
}

.ilw-itsl-plannerblock-elementlist a
{
	text-decoration: none;
}

.ilw-itsl-plannerblock-elementlist span
{
	text-decoration: underline;
}

.ilw-itsl-plannerblock-elementlist li
{
	padding-left: 1.5em;
}

.ilw-itsl-plannerblock p
{
	margin-top: 0;
}

.ilw-itsl-plannerblock-empty
{
	font-style: italic;
}
/* </Planner content block> */

.NoElementsText, .NewAndEditedMessage
{
    font-style: italic;    
}

/* Bulletins block */
.ilw-itsl-bulletin-text
{
    margin-top: 10px;
    padding-left: 5px;
}
.ilw-itsl-bulletin-footer
{
    background: #EEEEEE none repeat scroll 0 0;
    border-top: 1px solid #A6A6A6;
    padding:2px 5px;
    margin-bottom: 10px;
}
.ilw-itsl-bulletin-header
{
    font-weight: bold;
    font-size: 1.3em;
}
.ilw-itsl-bulletin-subscribe-icon
{
	background: url(../images/dashboard/content-block-itsl-rss-feed-16.gif);
	width: 16px;
    height: 16px;
}
/* END of Bulletins block */

/* END Content block - Itslearning blocks (Former Theme) */

/* Attendance code list */

.attendance-code-box
{
    border:solid  1px #d3d3d3;
    border-spacing: 0px;
    padding: 1px;
    margin: 0px;
    margin-left: 2px;
	margin-right: 5px;
    width:3em;
    overflow: hidden;
    vertical-align: middle;
}

.attendance-code-list {
	border: solid 1px #ccc;
	padding: 0px;
	background-color: #fff;
	display: none;
	z-index: 1000;
	color: inherit;
	max-height: 275px;/*343px;*/
    overflow: auto;
}
.attendance-code-list-item
{
	border-bottom: solid 1px #ccc;
	padding: 3px;
	margin:0px;
	background-color: #fff;
	display: block;
	z-index: 1000;
	color: inherit;
	white-space: nowrap;
}
 .attendance-code-box span
{	
	/*margin-bottom: 2px;*/
	white-space: nowrap;
	padding-left: 2px;
	padding-right: 2px;
	display: inline-block;
}

.attendance-code-list-item-selected
{
    background-color:#EAF4FD;
}

.attendance-code-box-select-container
{
	font-size: 100%;
	cursor: pointer;
    white-space:nowrap;
    border:1px solid #d3d3d3;
    padding:0px;
    height:16px;
    display:inline-block;	
}

.attendance-code-list-item a
{
    border:solid  1px #d3d3d3;
    border-spacing: 0px;
    padding: 1px;
    margin: 0px;
    margin-left: 2px;
	margin-right: 5px;
    width:2.5em;
    overflow: hidden;
    display:inline-block;
    text-decoration:none;
    text-align:center;
}

.attendance-code-list-show
{
	padding: 0px;
	margin: 0px;
	height:100%;
    display:inline-block;	
}

.attendance-code-list-show-none
{
    color: #ffffff;
}

.attendance-code-list-show span {
	/*border: solid 1px #ccc;*/
	padding: 0px 0px 0px 0px;
	display: inline-block;
	width:2.5em;
	height:1em;
	text-align:center;
}
.attendance-code-list-show img {
	margin-left: 0px;
	margin-right: 2px;
}

.attendance-code-list-input
{   
    z-index:1000000;
    position:absolute;
    top:-1000px;
    left:-1000px;
}

/* END of Attendance code list */

/* Attendance - Week days picker control */

.attendance-days-holder
{
    margin: 20px 0px 20px 0px;
}
.attendance-days-label
{
    margin-right: 10px;
}
.attendance-day
{
    margin-right: 20px;
}
.current
{
    background:#ECF6FF none repeat scroll 0 0;
    border:1px solid #8CC7FF;
    padding:2px 3px;
    font-weight: bold;
}
/* END of Attendance - Week days picker control */

/* CategoriesLegend control */

.categories-legend-control
{
    font-size:0.8em;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    display: block;
}

.categories-legend-control-category
{
    white-space: nowrap;
    margin-bottom: 5px;
    margin-right: 15px;
    float: left;
}

.categories-legend-control span
{
    float: left;
	margin: -2px 0px 0px 0px;
	padding-right: 5px;
}

.categories-legend-control-title
{
    color: #666;
}

.categories-legend-control-box
{
    border:solid  1px #d3d3d3;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    margin-left: 0;
	margin-right: 5px;
    width:1em;
    height:1em;
    float: left;
    overflow: hidden;
}

/* End CategoriesLegend control */

/* Teacher - keep attendance page */

.attendance-header-container,
.learner-keep-attendance-header-container 
{
    white-space: nowrap;
    font-size:0.8em;
}

.learner-keep-attendance-header-container 
{
    margin-bottom:1em;
}

.attendance-header-section
{
    margin-right:20px;
    display:inline-block;
}

.attendance-header-section select
{
    min-width:150px;
    margin-left:10px;
}

.attendance-header-section-right
{
    margin-right:2px;
    display:inline-block;
    float:right;
}

/* End of Teacher - keep attendance page */

/* Attendance week status control */
.attendance-week-status-holder
{
    display:inline-block;
    padding:0px;
    margin-left:2px;
    margin-right:5px;
    border:solid 1px #d3d3d3;
}
.attendance-week-status
{
    display:inline-block;
    padding:1px 3px 1px 3px;
}
/* End of Attendance week status control */

/* Color codes for attendance week status  */
/* DO NOT CHANGE NAMES!!! */

.week_notstarted {
	color: inherit;
    background-color: #fff;
}
.week_ongoing {
	color: inherit;
    background-color: #fff;
}
.week_pendingSubmission {
	color: inherit;
    background-color: #FFFFB2;
}
.week_submitted {
	color: inherit;
    background-color: #B9EAA8;
}
.week_exported {
	color: inherit;
    background-color: #FFE0DC;
}

/* End Color codes for task status */
/* Attendance week submit control */
.attendance-week-submit-holder
{
    display:inline-block;
    padding:0px;
    margin-left:2px;
    margin-right:5px;
}
.attendance-week-submit-date
{
    padding:2px;
}
/* End of Attendance week status control */
/* Attendance grid */
.keep-attendance .checkbox-selector .switcher
{
    float: none;
}

.generic-table .simplebox .keep-attendance .tablelisting
{
    margin-top:0px;
}
.tablelisting table.attendance-grid
{
    border-left: solid 1px  #CECECE;
    border-right: solid 1px  #CECECE;
}

.tablelisting table.attendance-grid tr td.separator, .tablelisting table.attendance-grid tr th.separator 
{   
    border-left: solid 1px  #CECECE;
    border-bottom: solid 1px  #CECECE;
}

.tablelisting table.attendance-grid tr td, .tablelisting table.attendance-grid tr td.bordered
{
    vertical-align:top;
    padding-right:0px;
    padding-left:0px;
    border-bottom: solid 1px  #CECECE;
}

.tablelisting table.attendance-grid tr td.person,
.tablelisting table.attendance-grid tr td.personbordered,
.tablelisting table.attendance-grid tr td.hourbordered
{
    border-bottom: solid 1px  #CECECE;
    text-align:left;
    vertical-align:top;
    padding-top:2px;
    padding-right:0px;
    padding-left:5px;
}

.tablelisting table.attendance-grid tr td.sessionbordered
{
    border-bottom: solid 1px  #CECECE;
    background-color:#FFFCE1;
    text-align:left;
    vertical-align:top;
    padding-top:2px;
    padding-right:0px;
    padding-left:5px;    
}

.tablelisting table.attendance-grid tr td.personbordered,
.tablelisting table.attendance-grid tr td.hourbordered,
.tablelisting table.attendance-grid tr td.sessionbordered
{
    border-left: solid 1px  #CECECE;
    border-right: solid 1px  #CECECE;
}
.tablelisting table.attendance-grid tr td.bordered
{
    border-right: solid 1px  #CECECE;
    border-bottom: solid 1px  #CECECE;
    padding-left:5px;    
}

.tablelisting table.attendance-grid tr td.session
{
    border-right: solid 1px  #CECECE;
    border-bottom: solid 1px  #CECECE;
    padding-left:0px;    
    vertical-align:middle;
    background-color:#FFFCE1;
    text-align:center;
}

.tablelisting table.attendance-grid tr td.empty
{
    border-right: solid 1px  #CECECE;
    border-bottom: solid 1px  #CECECE;
    text-align:center;    
    vertical-align:middle;
}

.tablelisting table.attendance-grid tr td img
{
    padding-left: 2px;
}

.tablelisting table.attendance-grid tr th 
{
    padding-left:10px;
    text-align:left;    
}

.tablelisting table.attendance-grid tr th.center 
{
    padding-right:2px;
    text-align:center;    
}

.tablelisting table.attendance-grid tr th.person 
{
    padding-right:0px;
    text-align:left;    
}

.tablelisting table.attendance-grid tr td span.oneattendance
{
    display:block;
    padding:3px 0px 3px 0px;
    white-space:nowrap;
}
/* End Attendance grid */

/*Start week-selector-control*/

.week-selector-control a
{
    margin-right: 5px;
    font-size: 0.85em;
}

.week-selector-control select
{
    width: 60px;
    min-width: 60px;
    margin-right: 10px;    
}

/*End week-selector-control*/

.attendance-WeekOverview
{
	margin-right:20px;
    display:inline-block;
	margin: 20px 0px;
}

/*Start report-learner-grid*/
.report-learner-spacing
{
     margin: 20px 0px 10px 0px;
}

.report-learner-grid-label
{
   	font-weight: bold;
    font-size: 0.8em;
    margin: 20px 0px 10px 0px;
}
.report-learner-degree-label
{
	font-size: 0.8em;
	margin: 15px 0px 10px 0px;
	
}
/*End report-learner-grid


/*Start attendance-report*/

.attendance-report .checkbox-selector .switcher
{
    float: none;
}

.attendance-report .group-filter-text
{
    font-size:0.8em;
}

.attendance-category-column-header
{
    display: block;
}

.attendance-report .attendance-category-column-header,
.attendance-report .attendance-category-column-header-inline
{           
    width : 50px;
    height : 1.5em;
    border : 1px solid #D3D3D3;
    padding: 1px 5px;    
}

.attendance-report .attendance-category-column-header-inline
{
    float : left;
}

.attendance-report-dates-in-the-middle
{
	font-size: 0.8em;
	display: block;
	padding-left: 300px;
	margin-bottom: 20px;
}

.attendance-report-margin
{
    margin: 3px 0;    
}

.attendance-report-code-color
{
	border-color: #d3d3d3;
	border-style: solid;
	border-width: 1px;
	float: left;
	height: 15px;	
	margin-right: 10px;
	vertical-align: middle;
	width: 30px;	
}

/*End attendance-report*/

/*Start overview-grid*/

.overview-grid .checkbox-selector .switcher
{
    float: none;
}

.overview-grid .group-filter-text
{
    font-size:0.8em;
}

.attendance-selected-period-label
{
    margin-left : 2em;
}

/*End attendance-report*/


/* Attendance-category */
.attendance-color-cell
{
	border-color:#d3d3d3;
	border-style:solid;
	border-width:1px;
	height:10px;
	width:20px;	
}
/* End Attendance-category */

/* HtmlItemPicker control */

.itsl-htmlitempicker-selectedcontainer
{
    display: inline;
}

.itsl-htmlitempicker-dropdownlink
{
    margin-left: 5px;
}

.itsl-htmlitempicker-menu
{
    position: absolute;
    background-color: #fff;
    border: solid 1px #ccc;
    width: 100px;
}

.itsl-htmlitempicker-menu-closelinkcontainer
{
    margin: 0 5px;
}

.itsl-htmlitempicker-menu-closelink,
.itsl-htmlitempicker-menu-closelink:link,
.itsl-htmlitempicker-menu-closelink:visited,
.itsl-htmlitempicker-menu-closelink:active,
.itsl-htmlitempicker-menu-closelink:hover
{
    float: right;
    text-decoration: none;
    color: inherit;
}

.itsl-htmlitempicker-menu-list
{
    margin: 5px;
	padding: 0; 
	list-style-type: none;
	text-align: center;
}

.itsl-htmlitempicker-menu-list-item
{
    margin: 0;
	padding: 3px 0;
	border-bottom: solid 1px #e4e4e4;
}

.itsl-htmlitempicker-menu-list-item-last
{
    border-bottom: none;
    padding-bottom: 0;
}

.itsl-htmlitempicker-menu-list-item-link,
.itsl-htmlitempicker-menu-list-item-link:link,
.itsl-htmlitempicker-menu-list-item-link:visited,
.itsl-htmlitempicker-menu-list-item-link:active,
.itsl-htmlitempicker-menu-list-item-link:hover
{
    text-decoration: none;
    color: inherit;
}

/* END HtmlItemPicker control */

/* BehaviorSettings page */

.behaviorsettings-radiobuttonslist
{
    margin: 0;
	padding: 0;
	list-style-type: none;
}

.behaviorsettings-radiobuttonslist-item
{
    display: inline;
}

/* END BehaviorSettings page */

/* BehaviorReport page */

.behaviorreport-header-container
{
    margin: 0 0 5px 0;
    line-height: 2em;
}

.behaviorreport-header-container select
{
    margin-left: 5px;
}

.behaviorreport-weight-cell
{
	display: inline-block;
	width: 80px;
}

.behaviorreport-name-cell
{
	max-width: 150px;
	overflow: hidden;
	width: 150px;
}

/* END BehaviorReport page */

/* EditBehavior page */

.behavior-validator
{
    display: block;
}

.behavior-radiobuttonslist
{
    margin: 0;
	padding: 0;
	list-style-type: none;
}

.behavior-radiobuttonslist li
{
    display: inline;
}

.behavior-dropdownlist
{
	width: 345px;
}
.behavior-dropdownlist option
{
	overflow: hidden;
	width: 450px;
}

.behavior-checkboxlist
{
    margin: 0;
	padding: 0;
	list-style-type: none;
}

.behavior-changelog
{
    font-size: 0.8em;
    margin: 0 0 30px 10px;
    position: relative;
}

.behavior-changelog-text
{
	position: absolute;
	left: 195px;
}

.behavior-weight-selector
{
	display: inline;
	width: 100px;
}

.behavior-weight-selector a
{
	width:16px;
	height:16px;
	display:inline-block;
}

/* END EditBehavior page */

/* BehaviourOverview page */
.behaviour-header-container
{
    white-space: nowrap;
    font-size:0.8em;
}

.behaviour-header-section
{
    margin-right:20px;
    display:inline-block;
}

.behaviour-header-section select
{
    min-width:150px;
    margin-left:10px;
}

.behaviour-header-section p
{
    margin: 0 0 10px 0;
}

.behaviour .checkbox-selector .switcher
{
    float: none;
}
/* END BehaviourOverview page */

/* Attendance report: Hierarchy list */

.attendance-hierarchy-list
{
    font-size: 0.8em;
}
.attendance-hierarchy-list td
{
    vertical-align: top;
}
.attendance-bold-title
{
    font-weight: bold;
}
.attendance-hierarchy-list ul
{
    list-style-type: none;
    list-style-position: outside;
    margin-top: 0;
}

/* END of Attendance report: Hierarchy list */