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

/* 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 - Categories
-PageType - ContentMenu
-PageType - Login
-PageType - Normal
-PageType - TopMenu
	-Contextual(TopMenu) PageComponent - Area
	-Contextual(TopMenu) PageComponent - ExternalLinks
	-Contextual(TopMenu) PageComponent - Name
	-Contextual(TopMenu) PageComponent - Navigation
-PageType - TreeMenu
-PageComponent - ProxyToolOperations
	Contextual(ProxyToolOperations) PageComponent - AdminOperations
	Contextual(ProxyToolOperations) PageComponent - LearnOperations
-PageComponent - AlertBoxes
-PageComponent - BackNav
-PageComponent - ColorBox
-PageComponent - ContainerBox
-PageComponent - ContainerFunction
-PageComponent - Description
-PageComponent - ePortofolio
	-Contextual(ePortofolio) PageComponent - Login
-PageComponent - ExpandedChoice
	-Contextual(ExpandedChoice) PageComponent - Expanded
-PageComponent - FlexiToolbar
-PageComponent - Form
	-Contextual(Form) PageComponent - Choicegroup
	-Contextual(Form) PageComponent - Colorpicker
	-Contextual(Form) PageComponent - Required
	-Contextual(Form) PageComponent - SequenceOrganizer
	-Contextual(Form) PageComponent - URL
-PageComponent - FormTable
	-Contextual input_active
-PageComponent - HeadingAndNavigation
-PageComponent - Inactive
-PageComponent - InputForm
-PageComponent - ImageUploader
-PageComponent - MainMenu
-PageComponent - MiniListing
-PageComponent - NewsList
	-Contextual(NewsList) PageComponent - NewsItem
-PageComponent - NoContentText
-PageComponent - OldCal
-PageComponent - Pageframe
-PageComponent - PageFunctions
-PageComponent - Pagetabs
-PageComponent - PersonBox
-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
-PageComponent - Copyright
-PageComponent - FrameHeaderInfo
-PageComponent - Promotion
-PageComponent - DiscussionCategory

-----------------------------------------------------
*/

/* 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: 0;
	top: -4000px;
}

.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;
}

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

.nowrap{
	white-space: nowrap;
}

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

/*
dt, dd, legend, li, p, td, th{
	font-size: .8em;
}

dt *, dd *, legend *, li *, p *, td *, th *{
	font-size: 1em;
}

p td td{
	font-size: 1em;
}*/

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

	/* Font-size inherit rules */
/*	li li{
		font-size: 1em;
	}
	
	li dd, li dt{
		font-size: 1em;
	}*/
	
	.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;
	}
	
	.sequenceorganizer .moveup, .sequenceorganizer .movedown{
		font-size: 1em;
	}
	/* 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;
}


/* 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;
}

.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 */


/* 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;
}

/* 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;
}

/* 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 {
	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;
}
/* END PageComponent - FloatClear */


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

/* END PageComponent - Editor */

/* 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: left;
			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;
	}
	
	/* 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 th{
		width: 180px;
	}

	/* 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;
	}

	/* 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;
	}
	
/* 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;		
}


/* 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; 
}

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

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

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

.minilisting tr th{
	text-align: left;
}

.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 */

/* 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 */

/* 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;
}
/* 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 {
	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;
}
/* 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{
	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;
}

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

.tablelisting table th a:hover{
	border: 0 none;
}

.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;
	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;
	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;
}

.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;
}

/* 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;
}
	
/* 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 */

.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 *
{
	/*
	float: left;
	width: 100%;
	*/
	padding: 0;
	margin: 0;
}

.messageListSearch{
	font-size: .8em;
	margin: 0;
	padding: 0;
	position: absolute;	
	right: 20px;
	top: 45px;
	display: inline;
	/*
	float: right;
	*/
}
.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 20px 3px 20px;
	white-space: normal;
}

.messageSettings
{
	white-space: nowrap;
}

.ob_t5v, .ob_t6v
{
	background-image: url(/search/nb/20070603210204oe_/https://itslearning.nhh.no/skins/vertical.gif);
}

/* END messaging */

.MemberSelector
{
	width: 230px;
}
.video_portal 
{
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 2px;
}

/* 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_category_list
{
	padding: 0px 2px 0px 2px;
	color: black;
	border: 1px solid #000;
	background-color: #FFF;
	white-space: nowrap;
	float:left;
	margin: 0;
}

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

.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;
}

/* END Discussion category editor control */

.discussionCategorySelectorDropDown
{
	cursor: pointer;
	float: left;
	vertical-align: top;
}

/* 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 */

.discussionSearch
{
	position: absolute;
	top: 40px;
	right: 10px;
	font-size: 0.8em;
}

.searchControl
{
	text-decoration: none;
}

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

.selectAction
{
	padding-left: 10px;
	font-weight: normal;
	font-size: 0.8em;
}

#SearchForm th
{
	vertical-align: middle;
}

.uploadModeContent
{
	margin-left: 1.5em;
}

.templateWarningText
{
	font-size: 0.8em;
}


.uploadModeItem
{
	margin-top: 5px;
}

.fileDescription
{
	width: 50%;
}


a.details_expand_collapse{

    position: absolute;
    right: 10px;
    top: 5px;
}