html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, 
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 400;
	font-style: inherit;
	font-size: 12px;
	font-family: "Open Sans", Verdana, Helvetica, sans-serif;
	/*font-family: Helvetica,Arial,sans-serif;*/
	vertical-align: baseline;
	line-height:16px;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
 ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
    height: 16px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



blockquote {
background:transparent url(images/blockquote.gif) no-repeat scroll left top;
color:#666666;
font-style:italic;
margin:1em;
padding:0 0 0 4em;
}



html {
     overflow: -moz-scrollbars-vertical; 
}


#HeaderWrap						{ height: 120px; position:relative; width:980px; margin: 0 auto }
	#Logo					{ height:64px; width: 230px; float:left; background: url(images/sprites.png) -269px 0px; text-indent:-9999px; margin-top:5px }
	#TagLine					{ height:54px; width: 270px; float:left; font-style:italic; font-size:18px; color:White; padding: 10px 0 0 20px; line-height:20px}

		#LoginWrapper			{ height:64px; width: 390px;}
		#LoginHeader			{ font-size:12px; color:White; padding: 5px 0 5px 0 }
	#mainmenu					{ position:absolute; top:84px; left:0px;list-style-image:none;list-style-position:outside; height:50px; display:block; 
	         					  list-style-type:none; z-index:100; overflow:hidden;}
	      #mainmenu li.first a   { background: transparent; padding-left:0px}
	.sf-menu                    { overflow:visible !important }
		#mainmenu li			{ display:inline;}
		#mainmenu li a			{ display:block; float:left; height:30px;  margin:0 0px 0 0; color: #ffffff; text-decoration:none; font-size:16px; 
		              			  line-height:32px; font-weight:normal }


  /*  .Heading,
    .ActionHeading { padding:10px 0px 10px 0px; font-size:20px; color:#C3002C}*/
    html                { }

#wrap						{ margin:0 auto; width:980px; }

#header	                    { height:120px; position:relative }
#content                    { background:White; border:1px solid #c6c6c6; margin-top:25px; }
#contentInner               { padding:25px }
#CurrentUser                { color: White; position:absolute; top:2px; right:0px }
#CurrentUser a              { color: White;  }
#footer                     { padding:10px 0}
#footer .copyright          { text-align:center; color:#7b7b7b}
#footer .copyright a        { color:#7b7b7b}





body							{ background:url(images/Background_Subpage.png) repeat-x #e7e7e7} 

h1,
h1 a,
h2 a,
h1 a:link,
h2 a:link,
h3,
h4,
.ActionHeading				{ display:block; font-weight:normal;color:Black}

h1,
h1 a:link,
h1 a,
.ActionHeading					{ font-size:36px; line-height:40px; margin-bottom:5px;font-weight:300   }

h2,
h2 span,
h2 a							{ font-size:24px; line-height:26px;margin-bottom:15px;font-weight:600}

h3,
h3 span,
h3 a							{ font-size:16px; line-height:23px; color: Black; margin-bottom:15px;font-weight:400  }

h4,
h4 a							{ font-size:14px; line-height:20px; color: Black; margin-bottom:15px;font-weight:400  }















.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



body { margin: 0 0 0 0; font-size: 12px;}
td {  font-size: 12px;}

.normal {  font-size: 12px; font-weight: normal;}

a {color: #524444; text-decoration: none;}
a:visited {color: #524444; text-decoration: none;}
a:hover {color: #524444; text-decoration: underline;}

.ArticleTitle { font-size: 12px; font-weight: bold;}
.ArticleContent { width: 390px; overflow: auto;}

.SmallButton { font-size: 11px;}
.SmallInputField {width:26px;font-size:10px;}
.SmallInputFieldLabel {font-size:11px; font-weight:bold;}


input,select, textarea{ /*font-family: "Segoe UI",Segoe,"Roboto","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; */
                        font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
                        
                        font-size: 11px; font-weight: normal;}

.LoginInputField {width:100px;font-size:10px;}

/* ADMIN */
.ContentAdmin1 { width: 800px; height: 500px;}

.ImageButton { border: 0;}
.Message {  color: Red; }
.MenuItemLevel1 {margin-left: 10px;	}
.MenuItemLevel2{	margin-left: 20px;	}
.MenuItemLevel3 {	margin-left: 30px;	}
.MenuItemLevel4 {	margin-left: 40px;	}	
	
	
.ObjectHidden {visibility:hidden; height:0px; overflow:hidden;}
.ObjectVisible {visibility:visible; overflow: visible; height: 10px;}


.Heading2 {font-size: 14px; line-height: 16px; color: #003366; margin: 5px 0px; font-weight: bold;}
.Heading3 {font-size: 12px; line-height: 16px; color: #003366; margin: 5px 0px; font-weight: bold;}

.UTV_Header {font-size: 12px; line-height: 16px; color: #AF2846; margin: 5px 0px; font-weight: bold;}

.TextGray
{
    COLOR: #524444;
}

/*003366*/

.DataGrid
{
	background-color:#C7DCED;
	font-size: 8pt;
	color:#183F82;
	border:1px solid #183F82;
	border-right:2px solid #183F82;
	border-bottom:2px solid #183F82;	
	margin:0px;
	width: 400px;
}




.DataGridHeader
{
	background-color:#AF2846;	
	color:#fff;
	text-align:left;
	vertical-align:top;
	padding:3px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
}

.DataGridFooter
{
	background-color:#AF2846;	
	color:#fff;
	text-align:left;
	vertical-align:top;
	padding:3px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
}

.DataGridItem
{  
	background-color: #D0D0D0;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}
.DataGridAlternateItem
{  
	background-color:#fff;	
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}

.DataGridBoldItem
{
	background-color:#DEDEDE;	
	color:#000000;
	vertical-align:middle;
	font-weight:bold;
	}
.DataGridShyItem
{
	background-color:#FFFFFF;	
	color:#A8A8A8;
	vertical-align:middle;
	font-weight:normal;
	}
	
.DataGridHeader A:link { 			color:#fff;	text-align:left;	vertical-align:top;	padding:3px;	text-align:left;	vertical-align:top;	font-weight:bold;}
.DataGridHeader A:visited { 			color:#fff;	text-align:left;	vertical-align:top;	padding:3px;	text-align:left;	vertical-align:top;	font-weight:bold;}
.DataGridHeader A:hover { 			color:#fff;	text-align:left;	vertical-align:top;	padding:3px;	text-align:left;	vertical-align:top;	font-weight:bold;}
.DataGridHeader A:active { 			color:#fff;	text-align:left;	vertical-align:top;	padding:3px;	text-align:left;	vertical-align:top;	font-weight:bold;}


.DataGridItem a, .DataGridAlternateItem a                   { color: #C3002C; }
.DataGridItem A:visited, .DataGridAlternateItem a:visited   { color: #C3002C; }
.DataGridItem A:hover, .DataGridAlternateItem a:hover       { color: #C3002C; }
.DataGridItem A:active, .DataGridAlternateItem a:active     { color: #C3002C; }



/* ------------------------------- */
.DataGridHeader2
{
	background-color: dimgray;
	color: #fff;
	text-align: left;
	vertical-align: top;
	padding: 3px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

li.green {
  background-color: #ECF3E1;
  border:1px solid #C5DEA1;
  cursor: move;
  height: 20px;
  vertical-align: middle;
  padding-top: 5px;
  padding-left: 20px;
  margin-bottom: 5px;
}

/* AUTO TBL CLASSES */
.iH {cursor:hand; }
.SIF {width:26px;font-size:10px;}

.TabPanelJob {border: solid 1px #BBBBBB; width:727px; background-color: #F2F2F2; height: 100%; padding: 10px 10px 10px 10px; overflow: auto ;}



.cms_btnbar				{ background: url(../images/menybakgrunn.jpg); height:22px; width: 750px; overflow:hidden; margin:25px 0}
.cms_btnbar a.save		{ background: url(../images/btn_Save.gif) 0 3px no-repeat; height:22px; padding-left:20px; margin:0 5px; line-height:22px; display:block; float:left}
.cms_btnbar a.back		{ background: url(../images/btn_Back.gif) 0 3px no-repeat; height:22px; padding-left:20px; margin:0 5px; line-height:22px; display:block; float:left}

.cms_btnbar a.new		{ background: url(../images/btn_New.gif) 0 3px no-repeat; height:22px; padding-left:20px; margin:0 5px; line-height:22px; display:block; float:left}
.kladd					{ font-style:italic; color:#878787}
.specialpage			{ color:red}

.form-wrap				{ background:#CFCFCF url(../assets/images/form-wrap-bg.png) repeat-x scroll right bottom; margin-bottom:1px; padding:18px;
          				  background-color:#E5E5E5;}
.editLabel				{ color:#2D2D2D;font-size:12px;font-weight:normal;margin:0;padding:0;text-transform:uppercase;}

.form-wrap:hover				{ background-color:#F0F0F0; }

.form-wrap .editTextbox { border:1px solid #DFDFDF; color:#363636;font-size:14px;margin:5px 0;padding:8px 0;width:100%;}
.form-wrap .editTextarea { border:1px solid #DFDFDF; color:#222222;font-size:12px;margin:5px 0;padding:2px 0;width:100%;}
.fieldLabel		{ display:block; font-weight:bold; padding: 15px 0 0 0}
.Iconbtn			{background:url("/images/IconSprite.png") repeat-x -40px 0px; height:40px; line-height:40px; display: block; float:left; margin:10px 10px 10px 0px; width:100px; 
        			 text-align:center; font-weight:bold; color: Black }
.Iconbtn:hover		{background:url("/images/IconSprite.png") repeat-x -40px -40px; text-decoration:none}
.Iconbtn:active		{background:url("/images/IconSprite.png") repeat-x -40px -80px}
.Iconbtn:visited	{color: Black }
.Cancelbtn			{ float:left; display:block; height:40px; line-height:40px;margin:10px 10px 10px 0px;}





.UTVClasses td				{padding:2px; height: 20px; width:20px; border-top:1px solid #9dacbe;border-right:1px solid #9dacbe; background-color:#dce5f1; 
              				 background-image:url(/images/UTVClass_table.png); text-align:left; vertical-align:text-top; font-size:8px; color:#afbbc9}

.UTVClasses th				{ text-align:center; padding:2px; height: 20px;width:20px; border-top:1px solid #9dacbe;border-right:1px solid #9dacbe; background-color:#dce5f1; background-image:url(/images/UTVClass_table.png)}

.UTVClasses td.SelectedWeek	{ background-color: #2687e7; color:#d6e9fc; font-size:11px; text-align:center; vertical-align:middle; font-weight:bold}

.UTVClasses .SchoolName		{ width: 150px; text-align:left }
.UTVClasses .ClassName		{ width: 50px; text-align:center }

.UTVClasses td:hover,
.WeekSelector td:hover 		{ background-color:#cfdae7}

.UTVClasses td.ui-selecting,
.WeekSelector td.ui-selecting { background-color:#4f6484; }

.UTVClasses td.ui-selected,
.WeekSelector td.ui-selecting { background-color:#7494c5 }



#Reports h2			{ color:#C3002C; margin: 10px 0 0 0; font-size:16px }
#Reports ul			{ margin: 5px 0 20px 0px; padding: 0 0 0 10px; float:left; height:180px; width:445px}
#Reports li			{ margin: 0px 0 5px 0px; display:block;}

.ico_report			{ background: url(/images/btn_report.png) no-repeat; padding-left:18px; line-height:16px}
.ico_edit			{ background: url(/images/btn_edit.png) no-repeat; padding-left:18px; line-height:16px}


.hideme				{ display:none !important}


.Iconbtn			    {background:url("/images/IconSprite.png") repeat-x -40px 0px; height:40px; line-height:40px; display: block; 
        			     float:left; margin:10px 10px 10px 0px; width:100px; 
        			     text-align:center; font-weight:bold; color: Black }
.Iconbtn:hover,
.IconbtnSelected		{background:url("/images/IconSprite.png") repeat-x -40px -40px; text-decoration:none}
.Iconbtn:active,
.IconbtnSelected:hover	{background:url("/images/IconSprite.png") repeat-x -40px -80px}
.Iconbtn:visited	    {color: Black }

.IconbtnLarge			{background:url("/images/IconSprite.png") repeat-x -150px 0px; height:40px; line-height:40px; display: block; 
        			     float:left; margin:10px 10px 10px 0px; width:166px; 
        			     text-align:center; font-weight:bold; color: Black }
.IconbtnLarge:hover		{background:url("/images/IconSprite.png") repeat-x -150px -40px; text-decoration:none}
.IconbtnLarge:active    {background:url("/images/IconSprite.png") repeat-x -150px -80px}
.IconbtnLarge:visited	{color: Black }


.PrintFriendly          { margin: 15px 0}

.Cancelbtn			{ float:left; display:block; height:40px; line-height:40px;margin:10px 10px 10px 0px;}

.floatleft		{ float:left; margin-left:5px}
.floatright		{ float:right; margin-right:5px}
.ClearBoth		{ clear:both }

.ico_report						{ background: url(/images/btn_report.png) no-repeat; padding-left:18px; line-height:16px}
.ico_edit						{ background: url(/images/btn_edit.png) no-repeat; padding-left:18px; line-height:16px}


.ErrorAlert						{ background-color:#eddbd1; border:#bd5748 1px solid; padding:20px; margin: 10px 0 }
.OkAlert						{ background-color:#e6ebc3; border:#90a232 1px solid; padding:20px; margin: 10px 0}
.InfoAlert						{ background-color:#f3edcd; border:#dd9a54 1px solid; padding:20px; margin: 10px 0}
.Alert h3						{ font-size:16px; margin:0; padding:0}
.Alert label					{ display:block; font-weight:bold; margin-top:5px}

.Alert 					        { display:block;}

.NewForm .Alert h3 { margin:0}

.NotificationInfo                { display:block; background: url(images/Notification_BoxIcons.png) no-repeat 0px  -198px #dbecff; 
                                   padding: 15px 15px 15px 70px; border: 1px solid #9fc7f5; font-size: 12px }
.NotificationInfo h2             { color: #2850c1; padding:0px; margin:0px}

.NotificationSuccess             { display:block; background: url(images/Notification_BoxIcons.png) no-repeat -66px -132px #d4ffcd; 
                                   padding: 15px 15px 15px 70px; border: 1px solid #9adf8f; font-size: 12px }
.NotificationSuccess h2             { color: #258815; padding:0px; margin:0px}

.NotificationWarning             { display:block; background: url(images/Notification_BoxIcons.png) no-repeat -132px -66px #fefccb; 
                                   padding: 15px 15px 15px 70px; border: 1px solid #e5db55; font-size: 12px }
.NotificationWarning h2             { color: #947301; padding:0px; margin:0px}

.NotificationError               { display:block; background: url(images/Notification_BoxIcons.png) no-repeat -198px 0px #ffd2d3; 
                                   padding: 15px 15px 15px 70px; border: 1px solid #df8f90; font-size: 12px }
.NotificationError h2             { color: #871414; padding:0px; margin:0px !important}

ul.ActionMenu 					{ margin:0 0 20px 0; padding:0;}
ul.ActionMenu li				{ list-style:none; margin:0; padding:0; float:left; margin-right:10px; text-align:center}
/*
.btnExcel span.icon				{ background: url(/assets/images/buttons.png) no-repeat  -250px  0px; width: 40px; height:40px; display:block}
.btnExcel a:hover span.icon		{ background: url(/assets/images/buttons.png) no-repeat  -250px -40px; width: 40px; height:40px}
.btnExcel a:active span.icon		{ background: url(/assets/images/buttons.png) no-repeat  -250px -80px; width: 40px; height:40px;}


.btnPrint span.icon				{ background: url(/assets/images/buttons.png) no-repeat  -290px  0px; width: 40px; height:40px; display:block; margin:0 auto}
.btnPrint a:hover span.icon		{ background: url(/assets/images/buttons.png) no-repeat  -290px -40px; }
.btnPrint a:active span.icon	{ background: url(/assets/images/buttons.png) no-repeat  -290px -80px; }

.btnPlus span.icon				{ background: url(/assets/images/buttons.png) no-repeat  -130px  0px; width: 40px; height:40px; display:block; margin:0 auto}
.btnPlus a:hover span.icon		{ background: url(/assets/images/buttons.png) no-repeat  -130px -40px; }
.btnPlus a:active span.icon		{ background: url(/assets/images/buttons.png) no-repeat  -130px -80px; }

.btnEdit span.icon				{ background: url(/assets/images/buttons.png) no-repeat  -210px  0px; width: 40px; height:40px; display:block; margin:0 auto}
.btnEdit a:hover span.icon		{ background: url(/assets/images/buttons.png) no-repeat  -210px -40px; }
.btnEdit a:active span.icon		{ background: url(/assets/images/buttons.png) no-repeat  -210px -80px; }
*/
:active {outline:medium none;}


/* Skjemastyling */
.NewForm input[type=text]	{padding:6px; display:block; margin:0 0 5px 0; width:350px !important}

.NewForm input.riTextBox	{ background: url(/assets/unifimages/bg-input.png) repeat-x #FFFFFF !important; border:1px solid #C0C0C0 !important;padding:6px 0px 6px 6px !important;width:100% !important}
.NewForm input.rdfd_		{ width:1px !important}
.NewForm .rcCalPopup		{ margin-left:7px; margin-bottom:5px}

.NewForm input.rcbInput	{ width:100% !important}


.NewForm input[type=checkbox]		{ width:10px}
.NewForm textarea			{ background: url(/assets/images/input-bg.gif) repeat-x #FFFFFF; border:1px solid #C0C0C0; padding:6px; display:block; margin:0 0 5px 0;width:350px}

.NewForm label				{ display:block; padding:20px 0 0 0; font-weight:lighter; font-size:16px; line-height:20px}
.NewForm label span			{ display:block; font-size:9px; font-style:italic; text-transform:none}
.NewForm h2					{padding:0px; margin:25px 0px 0px 0px}
.NewForm h3					{padding:0px; margin:25px 0px 0px 0px}
.NewForm p					{padding:0px; margin:0px 0px 5px 0px}
.NewForm i					{padding:2px 0 3px 0; display:block}
.NewForm ul label			{ display:inline}

.NewForm ul li			{ padding: 0 0 5px 0}



.NewForm .CheckBoxList td      { padding:0 10px 15px 0px;}
.NewForm .CheckBoxList label { display:block; padding:0px 0 4px 0; font-size:12px;  width:218px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; float: left }

.NewForm .CheckBoxList div.checker {float: left; }
.NewForm .RadioButtonList label   { display:inline}




.CheckBoxList.TreeColumn {}




















.colorTip{
	/* This class is assigned to the color tip span by jQuery */
	
	display:none;
	position:absolute;	
	left:50%;
	top:-30px;
	padding:6px;
	
	background-color:white;

	font-size:11px;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	text-align:center;
	text-shadow:0 0 1px white;
	white-space:nowrap;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.pointyTip,.pointyTipShadow{
	/* Setting a thick transparent border on a 0x0 div to create a triangle */
	border:6px solid transparent;
	bottom:-12px;
	height:0;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0;
}

.pointyTipShadow{
	/* The shadow tip is 1px larger, so it acts as a border to the tip */
	border-width:7px;
	bottom:-14px;
	margin-left:-7px;
}

.colorTipContainer{
	position:relative;
	text-decoration:none !important;
}


/* 6 Available Color Themes */

.white .pointyTip{ border-top-color:white;}
.white .pointyTipShadow{ border-top-color:#ddd;}
.white .colorTip{
	background-color:white;
	border:1px solid #DDDDDD;
	color:#555555;
}

.yellow .pointyTip{ border-top-color:#f9f2ba;}
.yellow .pointyTipShadow{ border-top-color:#e9d315;}
.yellow .colorTip{
	background-color:#f9f2ba;
	border:1px solid #e9d315;
	color:#5b5316;
}

.blue .pointyTip{ border-top-color:#d9f1fb;}
.blue .pointyTipShadow{ border-top-color:#7fcdee;}
.blue .colorTip{
	background-color:#d9f1fb;
	border:1px solid #7fcdee;
	color:#1b475a;
}

.green .pointyTip{ border-top-color:#f2fdf1;}
.green .pointyTipShadow{ border-top-color:#b6e184;}
.green .colorTip{
	background-color:#f2fdf1;
	border:1px solid #b6e184;
	color:#558221;
}

.red .pointyTip{ border-top-color:#bb3b1d;}
.red .pointyTipShadow{ border-top-color:#8f2a0f;}
.red .colorTip{
	background-color:#bb3b1d;
	border:1px solid #8f2a0f;
	color:#fcfcfc;
	text-shadow:none;
}

.black .pointyTip{ border-top-color:#333;}
.black .pointyTipShadow{ border-top-color:#111;}
.black .colorTip{
	background-color:#333;
	border:1px solid #111;
	color:#fcfcfc;
	text-shadow:none;
}




.SortableList li { list-style:none}


.SortableList ul			            { list-style-type: none; margin:0px; padding:0px; }
.SortableList li 			            { width:350px; padding:5px;height:20px; background: #ECF3E1;border: 1px solid #C5DEA1; line-height:20px; margin-bottom:5px  }
.SortableList li.placeholder 	        { background-color:white !important; border:dashed 1px gray !important; }
.SortableList li.ui-state-disabled      { background-color:white !important; border:solid 1px #dedede !important; color:#adadad; }

/* UTVsetup-navigation */
.UTVsetup-navigation 	{ margin: 10px 0;overflow: hidden;}
.UTVsetup-navigation li	{ list-style:none; float:left; }
.UTVsetup-navigation a	{ padding:15px 10px; display:block; border:1px solid #dedede; background:#f1f1f1; margin-right:5px}
.UTVsetup-navigation a:hover				{ background-color: #FDEEB3 !important; border-color: #F1C43F !important;}
.UTVsetup-navigation a:active				{ background-color: #F6C867 !important; border-color: #C28A30 !important;}

.UTVsetup-navigation .Selected { background-color: #FDEEB3 !important; border-color: #F1C43F !important;}
.UTVsetup-navigation .Selected:hover {background-color: #F6C867 !important; border-color: #C28A30 !important;}


/* UTVsetup-navigation end */


/* Ribbon */
ul.Ribbon 						{ height:70px; background: url(/assets/images/backgrounds.png) repeat-x 0 -905px #FFFFFF; border-bottom:1px solid #dedede; 
          						  overflow:hidden; margin:25px -25px 25px -25px; padding:0 25px}
ul.Ribbon li					{ float:left; text-align:center; margin:0 10px 0 0; height:70px; position: relative}
ul.Ribbon a						{ border: 1px solid transparent; display:block; padding:3px;position:relative; font-size:11px; 
           						  line-height:13px; height:60px; }
					  
           						  
           						  
ul.Ribbon a:hover				{ background-color: #FDEEB3 !important; border-color: #F1C43F !important;}
ul.Ribbon a:active,
ul.Ribbon a.active				{ background-color: #F6C867 !important; border-color: #C28A30 !important;}
ul.Ribbon li.floatright			{ float:right}
ul.Ribbon .icon					{ margin: 0 auto}


ul.Ribbon .icon					{ height:32px; width:32px; display:block; background-image: url(/assets/images/icons.png); }
ul.Ribbon .btnNew .icon			{ background-position:0 0px}
ul.Ribbon .btnDistribute .icon	{ background-position:0 -96px}
ul.Ribbon .btnGroups .icon	    { background-position:-32px -96px}
ul.Ribbon .btnSetup .icon	    { background-position:-64px -96px}
ul.Ribbon .btnArchive .icon	    { background-position:-96px -96px}
ul.Ribbon .btnMerge .icon	    { background-position:-128px -96px}

ul.Ribbon .btnDuplicate .icon	    { background-position:-64px 0px}
ul.Ribbon .btnImport .icon	    { background-position:-96px 0px}

ul.Ribbon .btnTroll .icon	    { background-position:0 -128px}
ul.Ribbon .btnJobs .icon	    { background-position:-224px -96px}
ul.Ribbon .btnChart .icon	    { background-position:-256px -96px}

ul.Ribbon .btnEdit .icon		{ background-position:-32px 0px}
ul.Ribbon .btnSave .icon		{ background-position:-192px 0px}
ul.Ribbon .btnBack .icon		{ background-position:-192px -32px}
ul.Ribbon .btnForward .icon		{ background-position:-224px -32px}
ul.Ribbon .btnDocuments .icon	{ background-position:-64px 0px}

ul.Ribbon .btnExcel .icon		{ background-position:-160px 0px}
ul.Ribbon .btnUsers .icon		{ background-position:-0px -64px}
ul.Ribbon .btnRanking .icon		{ background-position:-96px -64px}
ul.Ribbon .btnFirm .icon		{ background-position:-128px -64px}
ul.Ribbon .btnEmail .icon		{ background-position:-224px -64px}
ul.Ribbon .btnTable .icon		{ background-position:-256px -64px}

ul.Ribbon .btnPreview .icon		{ background-position:-192px -64px}
ul.Ribbon .btnClock .icon		{ background-position:-256px 0px}

ul.Ribbon .btnPrint .icon		{ background-position:-224px 0px}

ul.Ribbon .btnDelete .icon		{ background-position:-64px -32px}
ul.Ribbon .btnPeople .icon		{ background-position: 0px -64px }
ul.Ribbon .btnPerson .icon		{ background-position:-32px -64px }
ul.Ribbon .btnContact .icon		{ background-position:-64px -64px}

table.RibbonTable				{ height:50px; background: url(/assets/images/backgrounds.png) repeat-x 0 -925px #FFFFFF; border-bottom:1px solid #dedede; width:977px; margin:25px -25px 25px -25px; padding: 0 25px }
table.RibbonTable  a			{ border: 1px solid transparent; display:block; padding:6px 3px; font-size:11px; line-height:16px  }
table.RibbonTable  a:hover		{ background-color: #FDEEB3 !important; border-color: #F1C43F !important; text-decoration:none}
table.RibbonTable  a:active		{ background-color: #F6C867 !important; border-color: #C28A30 !important;}


/*Ribbon End*/

.btnEdit16						{ background: url(/assets/images/icons.png) -32px -160px; height:16px; width:16px;}
.btnDelete16					{ background: url(/assets/images/icons.png) -32px -192px; height:16px; width:16px;}
.btnUsers16						{ background: url(/assets/images/icons.png) 0px -224px; height:16px; width:16px;}
.btnArchive16					{ background: url(/assets/images/icons.png)  -96px -160px; height:16px; width:16px;}
.btnSearch16					{ background: url(/assets/images/icons.png) -160px -192px; height:16px; width:16px;}
.btnSearch32					{ background: url(/assets/images/icons.png) -160px -64px; height:32px; width:32px;}

.btnEvaluate16					{ background: url(/assets/images/icons.png) -96px -224px; height:16px; width:16px; text-indent:-999999px; display:block}
.btnAlert16				     	{ background: url(/assets/images/icons.png) -96px -192px; height:16px; width:16px;display:block; float:right}




/* Grid */
.DataGrid							{ border:1px solid #DFDFDF !important; width:100% !important}
.DataGridHeader th					{ background: #DFDFDF; font-weight: bold; padding: 3px; text-align: left; vertical-align: top; color: Black;  }
.DataGridItem	td,					
.DataGridAlternateItem td			{ background:White; border-bottom:1px solid #DFDFDF; padding: 3px 1px;font-size:12px }
.DataGridAlternateItem td			{ background:#f1f1f1;}

.DataGrid a							{ color: #0072BC !important}
/*GRID STOP*/


/* FILTERS */
.filters						{ border: 1px solid #dedede; padding:15px; margin-bottom:15px;}
.filters label					{ display:block; font-size:11px; text-transform:uppercase; }
.filters .floatleft				{ margin-left: 15px; }
.filters h2				{ margin:0 !important }








.sf-menu						{ position:relative; top: 120px; margin:0}
.sf-menu  a.TopLevel			{ height:30px; border:0px; line-height:30px;  font-size: 18px; padding:0px 20px}
.sf-menu  a.TopLevel.sf-with-ul { padding:0px 30px 0px 10px}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul			{ top:			30px; /* match top ul list item height */ }
.sf-menu li						{ background: transparent }
.sf-menu a, .sf-menu a:visited  { color: White;}


.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: none repeat scroll 0 0 #666666;
    outline: 0 none;
}

.sf-menu a {
    border: 0px;
    padding: 5px 5px 5px 5px 
}

.sf-menu li li {
    background: Black;
}
.sf-menu li li li {
	background:		Black;
}

a > .sf-sub-indicator 
{
	margin-left:5px;
    top: 12px;
}
.sf-sub-indicator {
    top: 12px;margin-left:5px;
}

sf-menu ul a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
}
sf-menu ul .sf-sub-indicator {
	top:			1.05em; /* IE6 only */
}


.sf-menu ul {

	width:			18em; /* left offset of submenus need to match (see below) */
}


ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			18em; /* match ul width */
	top:			0;
}


ul.applicationDetails  li {
    border-bottom: 1px dashed #8E8E8E;
    margin-bottom: 8px;
    padding-bottom: 7px;
}
ul.applicationDetails  ol  
{
    padding-left:25px

}


ul.applicationDetails  li li  
{
    list-style-type:circle;
    border-bottom: 0px dashed #8E8E8E;
    margin-bottom: 3px;
    padding-bottom: 3px;
}

ul.applicationDetails  li h3 {
    color: #8C8C8C;
    font-weight: 400;
    text-transform: uppercase;
    font-size:12px;
    margin:0
}

.applicationRight      { margin: 0 0 25px 0}

.applicationLeft       { margin: 0 0 25px 0}

.DataGridHeader {
    background-color: #AF2846;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px;
    text-align: left;
    vertical-align: top;
}

.DataGridItem {
    background-color: #D0D0D0;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

.DataGridAlternateItem {
    background-color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
}

.DataGridItem td, .DataGridAlternateItem td {
    border-bottom: 1px solid #DFDFDF;
    padding: 3px 1px;
}


.PTVClass   { background:#dedede }

.rcDisabled   {  }




/* Yrkesmesse*/


#Ex_Classes             {}
#Ex_Classes li          { height:120px; width:120px; display: block; float: left; position:relative}
#Ex_Classes p           { margin: 3px 0 0 0; text-align:center }
#Ex_Classes img         { margin: 0 auto; width: 64px; display:block }
#Ex_Classes div         { position: absolute; top:0; right:10px; color: White; font-weight:bold; background:Red; padding:3px }



#Ex_Groups             { }
#Ex_Groups  li      { height: 140px; display: block; float: left; padding:3px;width:208px; border:1px solid #dedede;position:relative; overflow:hidden; margin:0 15px 15px 0 }
#Ex_Groups a       { display: block; padding:3px }

.Deviation              { background:Red;color: White; padding:3px}


.MyJobs,
.MyVGS,
.MyProject          { height: 150px; width:150px; background-image: url(images/icons-large.png); float:left; text-align:center; }


.MyExibition        { height: 150px; width:150px; background-image: url(images/icons-large.png);  text-align:center; }


.MyJobs                { background-position:   0px 0px}
.MyJobs:hover          { background-position:-150px 0px}
.MyJobs:active         { background-position:-300px 0px}

.MyVGS                 { background-position:   0px -300px}
.MyVGS:hover           { background-position:-150px -300px}
.MyVGS:active          { background-position:-300px -300px}

.MyExibition           { background-position:   0px -150px}
.MyExibition:hover     { background-position:-150px -150px}
.MyExibition:active    { background-position:-300px -150px}

.MyProject                { background-position:   0px -450px}
.MyProject:hover          { background-position:-150px -450px}
.MyProject:active         { background-position:-300px -450px}


.MyProject span       { text-align:center; display:block; padding-top:65px; font-weight:bold; font-size:18px}


.OrderedList          { position:fixed;  } 

.UnOrderedList li        { margin: 0 0 5px 0; height: 25px; line-height:25px}    

.AddCat , .AddExhib       { background: Red; color:White; padding:3px; display:block; margin: 0 5px  0 0; display:inline-block}

.AddCat:visited , 
.AddExhib:visited       { color:White;}




.DeleteGroupSelection   { background: Red; color:White; padding:3px; display:block; float:left; margin: 0 5px  0 0}





.StudentExcibitionSelectlist    { border:1px solid #dedede;border-bottom:0px; list-style:none}
.StudentExcibitionSelectlist h2     { padding:0; margin:0; font-size:14px; font-weight:bold}
.StudentExcibitionSelectlist li        { padding:5px;border-bottom:1px solid #dedede; list-style:none }   

.StudentExcibitionSelectlist .Selected   { background:#f0f0f0}

.StudentExcibitionSelectlist select   {  display:none}
.StudentExcibitionSelectlist .Selected select   {  display:block}



#GroupSelections    { border:1px solid #dedede;border-bottom:0px; float:right; width:200px}
#GroupSelections li        { padding:5px;border-bottom:1px solid #dedede; cursor:move }   
  
#GroupSelections h2     { padding:0; margin:0; font-size:14px; font-weight:bold}


















.LargeIcon          { position: relative; display:block; float:left; width:150px; text-align:center; height:195px; padding: 0 20px 0 0}
.LargeIcon:hover    { text-decoration:none }
.Notification       { white-space:nowrap; position:absolute; top:0; right:0; background:red; color:White; 
                      background: url(images/Notification.png) 100% 0; padding-right:13px; }
.Notification span  { height: 22px; background: url(images/Notification.png) 0 0; padding-left:13px; padding-bottom:8px; display:block; 
                      line-height:22px; font-size:16px; font-weight:bold }


.Ribbon .Notification   { top:10px; right:15px; }

.LargeIcon .Notification {top:20px; right:20px;}



.FirmIntrotext	 { font-size:13px; line-height:17px}
.FirmInfobox	  { float: left;width:350px; border:1px solid #C0C0C0; padding:5px; margin:30px 20px 20px 0}
.FirmInfobox:hover	  { background:#eaeaea; text-decoration:none}
.FirmInfoboxLast  { margin:30px 0px 20px 0}

.FirmInfobox h2	  { margin: 0 0 5px 110px; color: #CC244A; font-size:18px}
.FirmInfobox p	  { margin: 0 0 0px 110px; line-height:17px; font-size:13px}
.FirmInfobox a	  { font-size:13px; }
.formbox  { float: left; margin-right:25px}
.formboxwrapper { margin: 0}

.InformationMeeting { display:none !important}

.ThreeBoxes .FirmInfobox	  { width:284px; height:120px; }

.ThreeBoxes .InformationMeeting { display:block !important}














/*
 * jQuery Nivo Slider v2.3
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background: url(images/Features_Text.png) no-repeat;
	color:#fff;
	opacity:0.4; /* Overridden by captionOpacity setting */
	width:714px;
	margin: 32px;
	z-index:89;
	min-height: 100px;   height:auto !important;   height: 100px;
}
.nivo-caption p {
	padding:12px;
	margin:0;
	font-size:18px;
}
.nivo-caption h1 { font-size:30px
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}



.nivo-controlNav {
	position:absolute;
	height:22px;

}
.nivo-controlNav a {
	display:block;
	width:20px;
	height:20px;
	background:url(images/sprites.png) no-repeat;
	background-position:-387px -285px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-370px -285px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;

}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}














#slider {
	position:relative;
    width:780px;
    height:350px;
	background:url(images/ajax-loader.gif) no-repeat 50% 50%;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
#slider {
 margin-bottom: 30px;
}
#slider .nivo-controlNav {
    bottom: -22px;
    position: absolute;
    width:50%;
    padding-left:50%;
    background: url(images/sprites.png) no-repeat 0 -475px  

}
#slider .nivo-controlNav a {
    display: inline;
}
#slider .nivo-controlNav img {
    -moz-box-shadow: 0 0 5px #333333;
    display: inline;
    margin-right: 10px;
    position: relative
}
#slider .nivo-controlNav a.active img {
    border: 1px solid #000000;
}

#slider { border: 1px solid White}

ul.Feature 			    { text-align: center; margin:0 0 25px 0; padding:0}
ul.Feature li			{ display:inline; margin:0; }
ul.Feature li.first		{ }

ul.Feature li a			{ background: url(images/sprites.png) repeat-y -460px -145px; padding:0 0 0 15px }
ul.Feature li.first a	{ background: url(); padding:0  }

ul.Feature h2			{ font-size:12px; color:White;  line-height:14px}

ul.Feature a 			{ color:#c3002c; display: inline-block;}
ul.Feature p 			{ margin:0; padding:0}
ul.Feature a:hover		{ text-decoration:none}
.nivo-caption h1        {  color:White}
.ui-accordion-content p { padding: 0 10px}
.ui-accordion-content a { color:White }




table.EvalateTable td       { padding: 2px}
table.EvalateTable tr.alt td   { background:#dedede}
table.EvalateTable img   { float: right}




.Rounded {    -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px; -khtml-border-radius: 8px;     }

.iList  {border: #dedede 1px solid; border-bottom:0px;background:#f7f7f7;margin:0 !important; padding:0 !important}
.iList li      { border-bottom: #dedede 1px solid; border-top:White 1px solid; margin:0}



table.iTable         { border: #dedede 1px solid; border-bottom:0px;}
table.iTable .Header  { font-weight:bold; }
table.iTable td      { border-bottom: #dedede 1px solid; border-top:White 1px solid; padding:8px; vertical-align:middle; height:32px; background:#f7f7f7}
table.iTable th      { border-bottom: #dedede 1px solid; border-top:White 1px solid; padding:8px; vertical-align:middle; height:32px; background:#efefef; font-weight:bold}
table.iTable .Finished { color: #bbbbbb}

table.iTable a          {  color:#21759B !important}
table.iTable a:hover    {  color:#D54E21 !important}

table .datahighlight td { background:#ffdc87 ; border-top:#ffdc87 1px solid}

.LoggedInn { color: White; position: absolute; top: 10px; right: 0px}
#FeideLogin { background: url(images/sprites.png) -363px -337px; width: 44px; height: 26px; position: absolute; display:none; top:26px; right: -35px; text-indent:-99999px;}


.WeekLable                  { float:left; width: 220px;border-collapse:collapse;}
.WeekLable  th              { line-height:16px; font-size:11px; text-align:left; font-weight:bold; }
.WeekLable  td              { line-height:16px; font-size:11px;}

.WeekLable th,
.WeekLable td               { background: White;  border:1px solid White;  height:16px; }

     #GroupsWrapper { position:relative;margin:0px 0 0;}
 .btnForward { position:absolute; right:-15px; top:0; width:150px; background:White; height: 100%; display:none; 
               box-shadow: -9px 0 10px -6px rgba(0, 0, 0, 0.25); }
 .btnBackward { position:absolute; left:-30px; top:0; width:30px; background:White; height: 100%;display:none;
               box-shadow: 9px 0 10px -6px rgba(0, 0, 0, 0.25);}   

.WeekScrollWrapper          { float:left;  overflow:hidden; width: 796px }
.WeekSelector               { border-collapse:collapse; }
.WeekScrollWrapper.spring-weeks  { width:100%}
.WeekScrollWrapper.spring-weeks .WeekSelector { margin-left:-795px}
.WeekSelector th            { text-align:center}
.WeekSelector th,
.WeekSelector td            { background: #cad3de;  border:1px solid #9dacbe;  height:16px; cursor:pointer;line-height:16px;
                              width:25px; min-width:25px;vertical-align: middle }



.WeekSelector td.Selected   { border-left: 1px solid #abd0f6;border-top : 1px solid #abd0f6;background:#3891e9 }   

.WeekSelector  h4  { white-space:nowrap; margin:0;width:165px; padding: 0 0px 0 5px; text-align:left; line-height:14px; font-size:14px; overflow:hidden}


/*
.WeekSelector td.SelectedWeek  {background:#3891e9 }             
                        
.WeekSelector ul            { width: 25px; height:16px;border:0px   }                            
.WeekSelector li            { display:block; float:left; width:5px; height:14px; padding:0;margin:0;
                               }
.WeekSelector li.Selected   { background:#0374e2; width:3px; height:14px; border-top:1px solid #6eafee; 
                              border-right:1px solid #0257aa; border-bottom:1px solid #02478a;border-left:1px solid #3891e8  }   
.WeekSelector ul.Selected   { background:#6aa3da; }   
*/

         
                        
.WeekSelector ul            { width: 100%; height:18px;border:0px   }                            
.WeekSelector li            { display:block; float:left; width:5px; height:16px; padding:0;margin:0;  }
.WeekSelector li.Selected   { background:#0374e2; width:3px; height:16px; border-top:1px solid #6eafee; 
                              border-right:1px solid #0257aa; border-bottom:1px solid #02478a;border-left:1px solid #3891e8  }   
.WeekSelector ul.Selected   { background:#6aa3da; }   





 .EditGroups .DeleteGroup { display:inline-block;  cursor:pointer; margin-left:2px}
 .EditGroups .EditMaxUsers { display:inline-block;  margin-left:2px}

.WeekSelector ul.JointWeek     {height:14px; width:25px;border-top:1px solid #3f6890; border-bottom:1px solid #3f6890; overflow:hidden}
.WeekSelector ul.JointWeekFirst,.JointPeriodFirst ul.JointWeek     {height:14px; width:24px;border-top:1px solid #3f6890; border-bottom:1px solid #3f6890;border-left:1px solid #3f6890; overflow:hidden}
.WeekSelector ul.JointWeekLast, .JointPeriodLast ul.JointWeek     {height:14px; width:24px;border-top:1px solid #3f6890; border-bottom:1px solid #3f6890;border-right:1px solid #3f6890; overflow:hidden}

.WeekSelector ul.JointWeekFirst li,
.WeekSelector ul.JointWeek li,
.WeekSelector ul.JointWeekLast li {height:12px; width:4px }
   
.ui-selected ul {height:14px; width:23px;border:1px solid Red; overflow:hidden}
.ui-selected li, 
.ui-selected li.Selected{height:12px;  }


.ui-selecting ul {height:14px; width:23px;border:1px solid Yellow; overflow:hidden}
.ui-selecting li, 
.ui-selecting li.Selected{height:12px;  }

.CompactWeek .WeekSelector     { width: 700px;}
.CompactWeek .WeekScrollWrapper{ overflow:auto; width:auto}
.CompactWeek .WeekSelector th,
.CompactWeek .WeekSelector td  { font-size:10px; width: 13px; text-align:center}
.CompactWeek .WeekSelector li  { border-left: 0px; width: 0px}


.CheckboxList label { float: left; padding-top: 3px;}
.CheckboxList td {  padding-right:  10px;}

#contentInner .contentwidthsidebar  { width: 700px; float: left; margin-right:18px}
#contentInner .sidebar              { width: 210px; float: left}



.biglist{}
.biglist li { padding: 0 10px 0 0;float: left;}
.boxxes {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #DFDFDF;
    color: Black;
    float: left;
    height: 120px;
    margin: 0 5px 10px;
    padding: 10px;
    width: 277px;
}
.boxxes h2 {
    color: Black;
    margin: 0;
    padding: 0 0 15px 0;
    overflow: hidden; width: 277px;
    white-space:nowrap;
}

/* SmallRibbon */
ul.SmallRibbon 						{ height:20px; padding:0px}
ul.SmallRibbon li					{ float:left; text-align:center; margin:0 10px 0 0; height:20px}
ul.SmallRibbon a					{ border: 1px solid transparent; display:block; padding:3px; font-size:11px; line-height:13px; height:60px; }
ul.SmallRibbon a:hover				{ background-color: #FDEEB3 !important; border-color: #F1C43F !important;}
ul.SmallRibbon a:active				{ background-color: #F6C867 !important; border-color: #C28A30 !important;}
ul.SmallRibbon li.floatright		{ float:right}
ul.SmallRibbon .icon				{ margin: 0 auto}


ul.SmallRibbon a				    { height:16px; display:block; padding-left:22px; line-height:16px;  }
ul.SmallRibbon a.Basis		        { background: url(/Admin/images/btn_One.gif) no-repeat 3px 3px}
ul.SmallRibbon a.Setup		        { background: url(/Admin/images/btn_Two.gif) no-repeat 3px 3px}
ul.SmallRibbon a.Manuell		    { background: url(/Admin/images/btn_Three.gif) no-repeat 3px 3px}
ul.SmallRibbon a.New		        { background: url(/Admin/images/btn_new.gif) no-repeat 3px 3px }



.Drag { background: Black; color: White; padding:0 3px; margin-right:3px; display:none}
 .Reorder .Drag { display:block }
 
 .ChangePri { background: Yellow}
 .ExhibitionResult .QuestionChoice    {width: 75px; white-space:nowrap; padding-right:10px}
 .ExhibitionResult div    {background-image: url("images/Analyse_Bar.png");background-position: right top;height: 10px;background-color: #B1C661;}
 .ExhibitionResult { }
 .ExhibitionResult td { padding:3px}
  .ExhibitionResult th { padding:35px 3px 3px 3px; font-weight:bold}
 .ExhibitionResult .AnswerCount    { padding-left:10px}
 .ExhibitionResult .AnswerProsent    { width: 300px}
  input.txtboxsmall    { width:25px; border:1px solid #dedede; padding:0; margin:0; line-height:10px; font-size:10px}
  
  .WeekSelector td.JointPeriod { border:1px solid Black }
  
  .PrintOnly { display:none}
  
.Distributing                                    {background: url(images/loadingbar.png) no-repeat 100% 0; height:60px; width: 100%;position:relative}
.Distributing .DistributingTotal                 {background: url(images/loadingbar.png) no-repeat 100% -60px; height:34px; width: 50%; border-left:1px solid #5dba39; 
                                                  margin: 0 0 6px 0;  }
.Distributing .DistributingTotal .Description    { position: absolute; left:2px; bottom:25px; font-size:10px; text-transform:uppercase }
.Distributing .DistributingTotal .Procent        { position: absolute; right:2px; bottom:36px;font-size:30px; }

.Distributing .DistributingPart                  {background: url(images/loadingbar.png) no-repeat 100% -100px; height:16px; width: 73%; border-left:1px solid #5dba39;
                                                  }  
.Distributing .DistributingPart .Description     { position: absolute; left:2px; bottom:3px; font-size:10px; text-transform:uppercase }
.Distributing .DistributingPart .Procent         { position: absolute; right:2px; bottom:4px; }
 
  

  
  .StudentJobsFilter div { float:left; margin:0 10px 0 0}



.StudentExcibitionSelectlist .SubCategories { display:none; margin:3px 0 5px 22px}
li.Selected  .SubCategories { display:block}

.StudentExcibitionSelectlist .ValidationError i { color:Red; }
.StudentExcibitionSelectlist .ValidationError  {  border: 1px solid Red}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

/*

Body.LoginPage { background: url() #E7E7E7}

Body.LoginPage #wrap { width:400px}
Body.LoginPage #header {  display:none}

Body.LoginPage #content { background: #E7E7E7; border:0px}*/

.loginframe { width:260px; margin: 0 auto}
.loginframe h3 a  { font-size:18px}
Body.LoginPage .txtboxUsername input { border:1px solid #c1c1c1; padding:5px; line-height:25px; font-size:20px;}
Body.LoginPage .txtboxPassword input { border:1px solid #c1c1c1; padding:5px; line-height:25px; font-size:20px;}

Body.LoginPage .txtLostPassword { border:1px solid #c1c1c1; padding:5px; line-height:25px; font-size:20px;}






.StyledCheckBoxList  { border: 1px solid #dedede; padding:2px; width:365px  }
/*
.StyledCheckBoxList input { position:absolute;    left:-5000px;     }
*/

.StyledCheckBoxList label { display:inline; padding:4px; margin:0px 0 1px 0; }
.StyledCheckBoxList .selected  { background:#dedede  }


.RadEditor  td { height:auto}

#accordion {  margin:20px 0 }

#accordion ol  {  margin:0 0 0 30px }
#accordion li  {  margin:0 0 8px 0}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color:#C3002C;
    font-size:16px
}

.ui-accordion-content a {
    color:#C3002C;
    text-decoration:underline
}

td a { color:#21759B;}
td a:hover { color: #D54E21;}




.firmregistration #wrap { width:500px}

.LoginPage #wrap { width:500px}



table.evaluering   { margin: 0 0 15px 0 }
table.evaluering th.freq   { width:70px;white-space:nowrap;}
table.evaluering th.cnt    { width:100px;white-space:nowrap;}


table.evaluering td,
table.evaluering th   { background:  #F0EFEE;    border-bottom: 1px solid #CCCCCC;padding: 10px 15px 10px 8px;}

table.evaluering thead tr.header th {
    background-color: #d2d1d0;
    border-bottom: 1px solid #666666;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}
table.evaluering thead tr.header th.qst {
     font-size: 16px;
     line-height: 18px;
}


div.freqbar {
    background: #80c218;
    border: medium none;
    height:10px;

}



.DataGridItem.Deactive a { text-decoration:line-through}

.DataGridItem span.Deactive  { text-decoration:line-through; display:none}






.vgsprogram { width:700px; margin:25px auto;  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4); padding:20px;
}

.vgsprogram table {  border:1px solid #dadada;border-width:1px 0px 0px 0; margin: 10px 0}
.vgsprogram table td,
.vgsprogram table th { padding:10px 20px 10px 0; border:1px solid #dadada;border-width:0 0px 1px 0;font-size:13px; line-height:21px}

.vgsprogram table th { font-weight:bold}

.vgsprogram h1,
.vgsprogram h2,
.vgsprogram h3 { font-weight:700; color:Black}


.vgsprogram .vgsname { display:block; font-size:15px; line-height:21px; font-weight:bold}
.vgsprogram .vgsdates { display:block; font-size:15px; line-height:21px}

.vgsprogram .programDescription {padding: 40px 0; font-size:13px; line-height:21px}


.chkListClasses td  { padding: 0 0 5px 0}
.chkListClasses label { background: url(images/users.png) no-repeat; float: left;margin: 0; padding: 0 0 0 24px;}

.chkListClasses input  {float: left; margin: 2px 8px 0 0;}




/* *****************************  ACTION MENU ***************************** */
.actionMenu { position: fixed; margin-left: -160px; color:White; width: 120px }
.actionMenu .txt { clear:both}
.actionMenu  a {  color:White}
.actionMenu  a:hover { text-decoration:none; color:Black; background:#dedede;  display:block}

.actionMenu  span{ display:block; height:40px; text-align:center}



/* *****************************  WOOD THEME ***************************** */
.wood { background: url(/assets/images/bg_wood.jpg)}
.wood h1 { color: Black; margin:0 0 20px 0}
.wood h2 { color: Black;}

    .wood .header-wrapper,
    .wood .content-wrapper { width: 960px; margin: 0 auto; position:relative}
    
    
    .wood .header-wrapper { height: 140px}
    .wood .content-wrapper { background: White; -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.5);
        
        box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.5);}
.wood .content-wrapper .content-inner { padding:40px 40px 40px 160px ; background: url(/assets/images/ribbon.png) repeat-y}
    
.wood .tile { width: 320px; float: left; margin: 0 20px 20px  0;  padding:20px; 
                  -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.5);
        
        box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.5); }
body.wood .tile h2  {  margin: 0px; padding:0px; color:White }
    
body.wood .logo { background: url(images/logo-soga.png); width: 104px; height:53px; display:block; position:absolute; text-indent:-999999px; top: 40px }
.wood #mainmenu { left: 140px; top: 70px}
.wood #mainmenu .TopLevel { font-size:20px}
    .purple { background: rgb(162, 0, 255)}
    .lime { background: rgb( 140, 191, 38); color:#aeea84}
    .blue { background: rgb(0, 174, 239); color:#2ebcf2}
    
    .wood.home .content-wrapper { background: ; 
-webkit-box-shadow: none; box-shadow: none
}
    .home .content-wrapper .content-inner { padding:0px ; background: url() repeat-y; line-height:20px; font-size:14px}
 .home .content-wrapper { background: transparent}
 
.twocolumns .content-inner { float:left; width:400px}
.twocolumns .rightbar { padding:40px 40px 40px 0; overflow:hidden}
   
   
dl.multicol {    margin: 10px 0;}
   
   .multicol dt {
    float: left;
    line-height: 1.5em;
    margin: 0 10px 0 0px;
    width: 105px;
}
.multicol dd:after {
    clear: both;
    content: "";
    display: block;
}
.multicol dd {
    float: none;
    line-height: 1.5em;
    margin: 0 0 0 135px;
    width: auto;
}
.module { padding:10px 0}

    
    table.tablegrid td { background: #eae6dc; border-bottom:4px solid White; }
    
    table.tablegrid .action { background: #F09609; display:block }
    table.tablegrid td a { color:White} 
    table.tablegrid td span { height:20px; display:block; text-align:center; height:20px}   
    table.tablegrid tr:hover td { background:#d3446f}
    
    
    
    
    
/* *****************************  Box list ***************************** */
ul.boxlist {  padding: 15px 5px; margin: 0 0 0 0; overflow:auto; width:100%}    
ul.boxlist li { float: left; margin: 0 0 20px 2%     position:relative; background:White;
                  -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.5);box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.5); width:45%}
ul.boxlist h3 { margin:0 0 3px 0; text-align:center}  
ul.boxlist .icon { text-align:center; display: block;height: 50px; }   
ul.boxlist .icon:before { font-size:60px}    
ul.boxlist  .jobstatus { position:absolute; top:0; right: 4px}
ul.boxlist a.btn { height:50px; display:block; padding:20px 0; text-align:center;  float:left; width:50%; line-height:50px}
ul.boxlist a:hover { text-decoration:none;  background: rgb(0, 174, 239); color: White}
ul.boxlist a:hover h3 {  color: White}



ul.boxlist.twocolumn a { width:430px;}
ul.boxlist.threecolumn a { width:266px;  }
ul.boxlist.fourcolumn a { width:185px; }



/* *****************************  column-box ***************************** */

.column-box      { margin: 0 0 15px 0; padding: 0 0 15px 0;  border-bottom:3px solid #eaeaea; }
#contentInner .column-box a    {  color:#9a9a9a}

.column-box h3   {  margin: 0 0 5px 0; }
#contentInner .column-box  a h2 { color:Black}
#contentInner .column-box h3 a { font-size:18px; font-weight:400;color:Black}
#contentInner .column-box h3 a.tools { font-size:12px; font-weight:400;color:Black}




.column-box li { height:20px; line-height:20px; }

.ticon { background-image: url(images/icons-negative.png); background-repeat:no-repeat; width:20px; height:20px; display:block; float:left; background-color:#9a9a9a; margin: 0 5px 0 0}
.ticon.phone { background-position:0 0}
.ticon.user { background-position:-520px 0}
/*
#contentInner .column-box a:hover    {  color:#737373}
#contentInner .column-box a:hover .ticon  {  background-color:#737373}*/

.onecolumn { width: 100%; margin: 0 0 30px 0; }
.onecolumn .column-box { width: 100%; overflow:auto  }
.onecolumn .column-box ul {  float:right; }
.onecolumn .column-box li {  float:left; margin:0 15px 0 0; width: 200px;  }
.onecolumn .column-box h3   {  margin: 0 0 15px 0; }

.twocolumn { width: 100%; overflow:hidden;margin: 0 0 30px 0; }
.twocolumn .column-box { width: 47%; float:left; margin-right: 3% }


.threecolumn { width: 100%; overflow:hidden;margin: 0 0 30px 0; }
.threecolumn .column-box { width: 30%; float:left; margin-right: 3% }


.threecolumn .column-box h3 a.header { display: block; float: left; overflow: hidden; white-space: nowrap; width: 237px;text-overflow: ellipsis; }


.fourcolumn { width: 100%; overflow:hidden;margin: 0 0 30px 0; }
.fourcolumn .column-box { width: 22%; float:left; margin-right: 3% }


.twocolumn.withRightBar,
.threecolumn.withRightBar,
.fourcolumn.withRightBar { width:auto; overflow:hidden;margin: 0 270px 30px 0; }


.rightBar   { float:right; width:250px; border-left:1px solid #dedede; padding:0 0 0 15px}

.rightBar .column-box    {  border-bottom:0px; }
.rightBar .column-box h3   {  margin: 0 0 5px 0; }

.column-box .editBox { }
.column-box .editBox:hover { text-decoration:none;  display:block }

.column-box.border-box { border:1px solid #eaeaea; padding:0}
.column-box.border-box h3 { padding:15px 10px 5px 10px; margin:0 }
.column-box.border-box h4 { padding:5px 10px 5px 10px; margin:0 }
.column-box.border-box p { padding:0px 10px 5px 10px; margin:0;color:#9a9a9a }

.column-box .action-panel { background:#f3f3f3; border-top:1px solid #eaeaea;  padding:0px; margin: 15px 0 0 0; overflow:hidden}
.column-box .action-panel a { border-right:1px solid #eaeaea; padding:0px 10px 0px 10px; line-height:30px; height:30px; float:left; display:block}
.column-box .action-panel a:hover { background: #eaeaea;}

.tools { overflow:auto}
.tools span { float:left; margin:0}
.tools a { float:left; margin:0 0 0 5px;text-indent:-99999px; font-size:12px;color:#7bb724}
.tools a .ticon { background-color:#cecece; margin: 3px 0 0 0  }
.tools a:hover  { text-indent:0px; text-decoration:none; line-height:26px}
.tools a:hover .ticon { background-color:#7bb724; }


.ticon.plus {    background-position: -520px -200px;}
.ticon.pencil {    background-position: -240px 0px;}

.column-box.schooluser { height:95px}

.column-box.action-box { border:0px; padding:25px 0}
.column-box.action-box img { display: block; margin: 0 auto;}
.column-box.action-box h3 { text-align:center;font-size:22px;padding:10px 0 5px 0;margin: 0}
.column-box.action-box p { text-align:center; font-size:15px; }
.column-box.action-box a p.caption {  height:40px;display:block;line-height:20px;padding:5px 0;margin: 0}
.column-box.action-box a { display:block; overflow:hidden}
.column-box.action-box a:hover p.caption { display:none}
.column-box.action-box a:hover p.action { display:block; }

 p.action {
  display: none;
  border: 1px solid #ccc;
  border-radius: 5px;
   height:20px;
   line-height:20px;
  padding: 7px 0;
  margin: 7px 0;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
  background: -moz-linear-gradient(top,  #fff,  #e8e8e8);
  color: #336699;
}



/* *****************************  search ***************************** */
        .search-box  { background:#f3f3f3; padding:25px; margin: 0 0 25px 0;overflow:hidden}

        
        .search-box .filterInput { height:30px; line-height:30px; border:0; padding: 0 2%; font-size:14px;background:White;  border:1px solid #dadada; width:95%}
        .search-box .locs {}
        .search-box div.selector {  height:30px; line-height:30px;width:99%; padding:0; border:0;background:White;  border:1px solid #dadada;}

        .search-box div.selector span { height:30px; line-height:30px;  width:96%;padding:0 0 0 4%; font-size:14px }
        .search-box div.selector select {height:30px; width:100%;}
        
        .search-box label { color:#999999; display:block; line-height:14px;height: 20px; }
        
        .column25,
        .column50,
        .column75 { float:left;  padding:0;overflow:hidden}
        
        .column25 { width:22%; margin: 0 2% 0 0 }
        .column50 { width:47%; margin: 0 2% 0 0 }
        .column75 { width:72%; margin: 0 2% 0 0}
        
        
        .column25.last { width:25%; margin: 0}
        .column50.last { width:50%; margin: 0}
        .column75.last { width:75%; margin: 0 }
        
/* *****************************  wpadminbar ***************************** */   

.wpadminbar {
    background-color: #464646;
    color: #CCCCCC;
    
    left: 0;
    min-width: 600px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
} 

.wpadminbar ul { list-style: none;margin: 0;    padding: 0;}  
.wpadminbar li {    float: left;list-style: none;margin: 0;    padding: 0;}  
.wpadminbar * { color: #CCCCCC; font-size:13px;    line-height:28px;    height: 28px;}
.wpadminbar a { display: block;height: 28px; padding:0 12px}
.wpadminbar a:hover { background:#3a3a3a;color: #fafafa; text-decoration:none }

br.clear { clear:both}





.FirmWizard .header              { background:url(images/firm_wizard.png); height:130px; width:500px; margin: 0 auto}


.FirmWizard.StepTwo .header {  background: url("images/firm_wizard.png") left center }
.FirmWizard.StepThree .header {  background: url("images/firm_wizard.png") left bottom }

.FirmWizard .box-form            {background-color: #F4F5EF;    padding-bottom: 5px;}
.FirmWizard .box-form h2         {background-color: #7ED2ED;    color: #FFFFFF; line-height:2; font-size:16px; text-align: center;}
.FirmWizard .box-form fieldset   { padding: 0 20px 30px 20px}

.FirmWizard .box-form fieldset fieldset   { padding: 0 }



.FirmWizard .checkbox .checker { float:left;padding: 20px 0 0;}
.FirmWizard .checkbox label { float:left}


#contentInner .buttonSmall,
.buttonSmall {
font-size: 14px;
padding: 0px 7px;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor:pointer;

}




#contentInner .button,
.button {
font-size: 16px;
padding: 9px 15px;
text-decoration: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
cursor:pointer;

}

#contentInner .button.blue,
.button.blue,
#contentInner .buttonSmall.blue,
.buttonSmall.blue {
color: #ffffff;
background: #7ED2ED;
}
#contentInner .button.blue:hover,
.button.blue:hover,
#contentInner .buttonSmall.blue:hover,
.buttonSmall.blue:hover {
background: #77c6df;
}


#contentInner .button.red,
.button.red,
#contentInner .buttonSmall.red,
.buttonSmall.red


 {
color: #ffffff;
background: #dd0024;
}
#contentInner .button.red:hover,
.button.red:hover,
#contentInner .buttonSmall.red:hover,
.buttonSmall.red:hover {
background: #bd001f;
}


#contentInner .button.grey,
.button.grey {
color: #ffffff;
background: #dcdbcf;
}
#contentInner .button.grey:hover,
.button.grey:hover {
background: #cccbc0;
color: #ffffff;
}

.student-application,
.student-application p,
.student-application a { font-size:14px; line-height:1.6}

.student-application a { color: #7ed2ed}



.fixed-header { background:  #FFFFFF; z-index: 99999; width: 900px; padding:0 0 15px 0} 





.form-group label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
color: #333333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}

.form-group {
    margin-bottom: 15px;
}
.form-control 
{
color: #333333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 22px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}

select.form-control 
{

    height: 34px;

}

.radio, .checkbox {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 20px;
    vertical-align: middle;
}