/* Styles that apply to screen medias only */

@media screen 
{
	/* Positioning page elements */
	html, body { margin:0px; padding:0px; }
	body { text-align:center; background:transparent url(../img/gx_top_bg.png) repeat-x left top; }	
	#top { width:995px; margin:0px auto; text-align:left }
	#nav-wrapper { text-align:center; background:transparent url(../img/bg_nav.png) repeat-x left top; }
	#nav { width:995px; margin:0px auto; text-align:left; }
	#main { width:923px; margin:0px auto; padding:30px 36px 10px; text-align:left; }
	
	body.popup  { background:transparent none repeat-x left top; }
	
	/* Buttons */
	input.btn { }
	#top input.btn { background-color:#807E7E; }
	#main div.headerbuttons { text-align:right; float:right; padding-top:12px; }
	#main div.buttons { text-align:right; margin:0px 0px 24px; }
	#main div.buttons .left { float:left; }
	
	img.icon, input.icon { vertical-align:top; }
	
	/* Form elements */
	input.txt { border:1px solid #BDBCBC; width:115px; font-size:11px; margin:0px; }
	textarea { border:1px solid #BDBCBC; width:115px; font-size:11px; margin:0px; }
	select { font-size:11px; }
	input.chk, span.chk input { vertical-align:middle; margin-right:5px; }
	input.radio, span.radio input { vertical-align:middle; }
	span.chk label { vertical-align:middle; }
	span.radio label { vertical-align:middle; }	
	.mandatory { color:red; }		
	input.btn, 
	input.file { vertical-align:middle; }
	
	/* Checkboxlist */
	.checkboxlist { padding:0px 0px 0px 12px; margin:0px; }
	.checkboxlist span.chk { float:left; clear:both; }
	.checkboxlist span.chk input { margin-right:8px; }
	
	/* Table forms */	
	table.form { border-collapse:collapse;}
	table.form td { padding:0px 24px 4px 0px; }
	table.form td.text { height:24px; }
	table.form td.input { }
	table.form td.wide input.txt, table.form td.wide textarea { width:250px; }
	table.form td.full input.txt, table.form td.full textarea { width:400px; }
	table.form td.fill input.txt { width:100%; }
	
	table.form td.buttons { text-align:right; padding-top:5px; padding-bottom:10px; }
	table.form td.chk { }
	
	/* Headlines */
	h1 { font-size:25px; font-weight:normal; color:#281e78; margin:0px 0px 22px; width:80%; }
	h2 { font-size:18px; font-weight:normal; color:#281e78; margin:15px 0px 5px; }	
	h3 { font-size:11px; margin:0px 0px 3px; color:#666666; }
	
	/* Text */
	p { margin:0px 0px 10px; }
	a { text-decoration:underline; color:#281e78; }
	a:hover {  color:#666666; }
	strong { color:#666666; }
	img.inline { vertical-align:middle; }
	img.clickable { cursor:pointer; }
	
	div.hr { margin:10px 0px; clear:both; height:0px; border-style:solid; border-width:1px 0px 0px 0px; border-color:#CCCCCC; }

	div.ValidationSummary,
	div.ErrorMessage { border:1px solid red; color:red; margin:0px 0px 10px; padding:2px 4px; line-height:1.5em; }
	div.WarningMessage { border:1px solid orange; color:orange; margin:0px 0px 10px; padding:2px 4px; line-height:1.5em; }
	div.SuccessMessage { border:1px solid green; color:green; margin:0px 0px 10px; padding:2px 4px; line-height:1.5em; }
	
	span.invalid { display:inline; background:url(../Img/icon_invalid.gif) no-repeat left top; width:7px; height:7px; position:absolute; margin:3px 0px 0px 0px; }
	
	span.notice { font-weight:bold; color:red; }
	

/* Top */
#top { position:relative; height:79px; background:#281e78 url(/Img/gx_top_bg.png) repeat-x left top;}
	#logo { position:absolute; top:23px; left:36px; height:36px; overflow:hidden; }
	
	#myuser { position:absolute; top:0px; left:724px; height:69px; width:189px; padding:10px 52px 0px 21px; background:#281e78 url(../img/gx_top_bg_rev.png) repeat-x top left; }
		#myuser ul { margin:0px; padding:0px; }
		#myuser li { margin:0px; padding:0px; list-style:none; color:#76AB39; }
		#myuser li a { text-decoration:none; color:#76AB39; line-height:18px; }	
		#myuser li.account a { color:#FFFFFF; }
		#myuser input.btn { float:right; }
	
#nav { position:relative; }
	#nav ul, #nav li { margin:0px; padding:0px; }
	#nav li { list-style:none; float:left; padding:0px 11px; }
	#nav li a { font-family:Arial; font-size:14px; text-decoration:none; }
	#nav li.Menu-Level0 a { color:#FFFFFF; line-height:27px; }
	#nav li.Menu-Level1 a { color:#807E7E; line-height:28px; }
	#nav ul li.Menu-Selected {padding:0px 10px; border-style:solid; border-width:0px 1px; }
	
	#nav ul.Menu { background:transparent url(../img/bg_nav.png) repeat-x left top; width:auto; padding-left:36px; }
	#nav ul.Menu-SelectedItemHasChildren { height:56px; }
	
	#nav ul li.Menu-Selected { background-color:#FFFFFF; border-color:#807E7E;  }
	#nav ul li.Menu-Selected a { color:#807E7E; }
	
	#nav ul li.Menu-ChildSelected { height:56px; background-color:#F6F6F6; border-style:solid; border-width:0px 1px; border-color:#807E7E; }
	#nav ul li.Menu-WithChildren ul { position:absolute; left:36px; top:27px; border-bottom:1px solid #CCCCCC; background-color:#F6F6F6; width:923px; }
	#nav ul li.Menu-ChildSelected a { color:#807E7E; }

	#nav ul li.Menu-WithChildren ul li.Menu-Selected { background-color:#FFFFFF; border-color:#CCCCCC; margin-bottom:-1px; padding-bottom:1px; }
	
	
	#search { position:absolute; top:0px; left:724px; width:258px; padding-top:5px; }
		#search input.txt { width:136px; border:none; padding:1px 2px 0px; font-size:11px; height:15px; }
		#search a { font-family:Arial; font-size:14px; text-decoration:none; color:#FFFFFF; }
		#search a.search-adv { font-size:11px; margin-left:6px; }
		
		
#main { }
	
	.section { position:relative; width:923px;
    top: 0px;
    left: 0px;
}
		.onecol .content { width:923px; }
		.onecol .content div.form { width:911px; }
		.onecol .content div.highlight { width:905px; }
		.onecol .content div.checkboxlist { width:905px; }
		.onecol .related { display:none; }
		
		.twocol .content { float:left; margin:0px 0px 0px 0px; width:688px; }
		.twocol .content div.form { width:664px; }
		.twocol .content div.highlight { width:670px; }
		.twocol .content div.checkboxlist { width:676px; }
		.twocol .related { float:left; margin:0px 0px 0px 20px; width:215px; }

        /* Opgave evaluering special case */
		.twocol .opgavecontent { float:left; margin:0px 0px 0px 0px; width:500px; }
		
		.content div.form { background-color:#EAEAEA; padding:10px 12px 5px; margin:0px 0px 18px; }
		.content div.highlight { background-color:#EAEAEA; padding:19px 9px 11px; margin:0px 0px 18px; }


	/********************************************************/
	/********* Search Result                        *********/
	/********************************************************/
	div.SearchResult { border-top:1px solid #E1E1E1; }
	div.SearchResultItem { border-bottom:1px solid #E1E1E1; background-color:#F4F3F3; padding:10px; }
	div.SearchResultItem.alt { background-color:#FFF; }
	div.SearchResultItem table td { vertical-align:top; }
	
	/*div.SearchResultItem * { vertical-align:middle; }*/
	div.SearchResultItem input.btn { margin-right:5px; vertical-align:middle; margin-bottom:2px; }
	
	div.SearchResultItem h3 { margin:5px 0px; }
	div.SearchResultItem p { margin:5px 0px; }
	div.SearchResultItem em { background:yellow; font-style:normal; }
	div.Profil em { background:yellow; font-style:normal; }


	/********************************************************/
	/********* Wizard                               *********/
	/********************************************************/
	div.wizard { height:32px; margin:0px 0px 10px 0px; background:transparent url(../img/bg_wiz.gif) repeat-x left top; overflow:hidden; }
	div.wizard img { margin:0px 17px 0px 17px; float:left; }
	div.wizard img.first { margin-left:10px; }
	div.wizard img.selected { margin:0px 0px 0px -9px; }
	div.wizard img.first-selected { margin:0px 0px 0px 0px; }
	div.wizard img.last-selected { margin:0px 0px 0px -9px; }
	div.wizard-bottom { border-top:1px solid #BFBFBF; padding-top:10px; margin-top:15px; }
	
	
	/********************************************************/
	/********* User Popup                           *********/
	/********************************************************/
	
	.popup #ruler { height:23px; background-color:#807E7E; }
		.popup #ruler-inner { margin:0px 10px 0px 10px; text-align:left; line-height:23px; }
		.popup #ruler * { color:#FFFFFF; }
		
	
	
	/********************************************************/
	/********* GridView                             *********/
	/********************************************************/

	table.GridView { border-collapse:collapse; margin:0px 0px 15px; page-break-inside:avoid; }
		table.GridView td,
		table.GridView th { border:1px solid #DDDCDC; text-align:left; }
		table.GridView td { padding:3px 5px; vertical-align:top; background-color:#F6F5F5; }
		table.GridView tr.alt td { background-color:#FFFFFF; }
		table.GridView th { padding:5px 5px 3px; background-color:#281e78; color:#FFFFFF; }
			table.GridView th a { color:#FFFFFF; text-decoration:none; }
		table.GridView tr.EmptyRow td { padding:5px 20px; text-align:center; }
		table.GridView tr.EditRow td.ValidateColumn { padding-right:25px; }
		table.GridView tr.EditRow td.DateEditColumn { width:108px !important; }	
		table.GridView td.Amount { text-align:right; }
		table.GridView tr.EditRow td.Amount { text-align:left; }
		table.GridView td.Center { text-align:center; }
	    table.GridView td .projdesc {margin-bottom: 5px;}
	
	/********************************************************/
	/********* DetailsView                             *********/
	/********************************************************/

	table.DetailsView { border-collapse:collapse; margin:0px 0px 15px; page-break-inside:avoid; }
		table.DetailsView td,
		table.DetailsView th { text-align:left; }
		table.DetailsView td { padding:3px 5px; vertical-align:top; }
		table.DetailsView tr.alt td { background-color:#FFFFFF; }
		table.DetailsView th { padding:5px 5px 3px; }
			table.DetailsView th a { color:#FFFFFF; text-decoration:none; }
		table.DetailsView tr.EmptyRow td { padding:5px 20px; text-align:center; }
		table.DetailsView tr.EditRow td.ValidateColumn { padding-right:25px; }
		table.DetailsView tr.EditRow td.DateEditColumn { width:108px !important; }	
		table.DetailsView td.Amount { text-align:right; }
		table.DetailsView tr.EditRow td.Amount { text-align:left; }
		table.DetailsView td.Center { text-align:center; }
	    table.DetailsView td .projdesc {margin-bottom: 5px;}

	/********************************************************/
	/********* LevelDescriptions                    *********/
	/********************************************************/
	
	table.LevelDescriptions { border-collapse:collapse; margin:0px 0px 15px; page-break-inside:avoid; }
	table.LevelDescriptions th, 
	table.LevelDescriptions td { background-color:#F2F2F2; vertical-align:top; text-align:left; font-weight:normal; white-space:nowrap; } 
	table.LevelDescriptions th { padding:6px 10px; line-height:16px; } 
	table.LevelDescriptions td { padding:6px 10px; line-height:16px; }
	table.LevelDescriptions td.spacer { background-color:#FFF; width:10px; padding:0 0 0 0; }  
	
	
	/********************************************************/
	/********* Calendar                             *********/
	/********************************************************/

	/*
	td.Today 
	td.Selected
	td.DayHeader
	td.Day
	table.Title td.NextPrev
	td.OtherMonthDay
	td.Selector
	td.WeekendDay
	table.Title */
	       
	div.Calendar-outer { position:relative; display:inline; }
	div.Calendar-inner { position:absolute; left:10px; top:-100px; }

	table.Calendar { border:1px solid #CCCCCC !important; width:auto !important; }
	table.Calendar tr td { background-color:#DDDDDD !important; padding:4px 6px !important; height:auto !important; border:none !important; }
	table.Calendar tr td a { color:#333 !important; }

	table.Calendar table.Title tr td { background-color:#DDD !important; padding:0px !important; text-align:center !important; }
	table.Calendar table.Title tr td.NextPrev { padding:0px 5px !important; }

	table.Calendar tr th.DayHeader { background-color:#BBB !important; padding:3px 0px !important; text-align:center !important; border:none !important; }

	table.Calendar tr td.Day { background-color:#FFF !important; }
	table.Calendar tr td.WeekendDay { background-color:#FFF !important; }
	table.Calendar tr td.Today { background-color:#BBB !important;  }
	table.Calendar tr td.OtherMonthDay { background-color:#DDD !important; }
	table.Calendar tr td.OtherMonthDay a { color:#999 !important; }

	table.Calendar tr td.Selected { background-color:#92D335 !important; }
		table.Calendar tr td.Selected a {color:#FFF !important}
		
	table.Calendar tr td.Selector { background-color:#6EA521 !important; }
		table.Calendar tr td.Selector a {color:#FFF !important}
	
	
	
	/********************************************************/
	/********* Fixes                                *********/
	/********************************************************/
	
	/* Clear fix generic */
	.clear-fix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;  }
	* html .clear-fix { height:1%;}	
	
	/* Clear fix */
	.section:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;  }
	* html .section { height:1%;}
	/* Clear fix */
	#nav ul.Menu:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;  }
	* html #nav ul.Menu { height:1%;}
	/* Clear fix */
	#main:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;  }
	* html #main { height:1%;}	
	/* Clear fix */
	.highlight:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;  }
	* html .highlight { height:1%;}
	/* Clear fix */
	.checkboxlist:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;  }
	* html .checkboxlist { height:1%;}
	/* Clear fix */
	.buttons:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;  }
	* html .buttons { height:1%;}
	
	.displaynone { display:none; }

    .invitelist { background-color: AliceBlue; border: solid 1px #BBBBBB; padding: 10px 10px 10px 10px  }	

    /* Print evaluation */
    
    #PrintButton { text-align: center; }
    .commentcss
    { padding: 5px; border: solid 1px lightgray; height: 75px; text-align:left; 
                        overflow: auto; border-right: solid 1px lightgray; 
                        width: 99%; background-color: #FFFFFF; }
    	
    /* Hide evaluerings karakterer - only shown in print */
    #evaluation { display: none; }

	/********************************************************/
	/********* DEBUG - REMOVE                       *********/
	/********************************************************/
	
	.debug #main { background-color:#EEEEEE; }
	.debug .content { background-color:#BBBBBB; }
	.debug .related { background-color:#BBBBBB;  }
	.debug .checkboxlist { background-color:#CCCCCC;  }
}