/*

Notater VH 21.07.2016

Green Theme

convert rgba to hex http://jsfiddle.net/Mottie/xcqpF/1/light/
RGBA 24 bit
CMYK 32 bit

color: rgba(255,255,255,0,75); menytekst hex code #?
background-color: rgba(0,0,0,0.6); articletekst hex code #000000
background-color: rgba(51,51,51,1); 80 % svart hex code #333333 
background-color: rgba(120,190,32,1); lime green hex code #78be20
background-color: rgba(255,255,255,1); hvit hex code #ffffff 

disabled colors:
background-color: rgba(51,51,51,1);
color : rgba(255,255,255,1);

New styles 2018
Colors	Black Pantone=7547, RGB=5,29,39 and CMYK=84,51,37,85
		Green Pantone=360, RGB=120,190,32 and CMYK=60,0,100,0
		Grey Pantone=Cool grey 1, RGB=230,226,226 and CMYK=3,5,4,10
		Blue Pantone=7710, RGB=0,178,194 and CMYK=73,1,26,0
		Orange Pantone=2011, RGB=243,146,0 and CMYK=0,50,100,0
Fonts	Museo Sans 100 -> Normal
		Museo Sans 300 -> Normal overskrift
		Museo Sans 900 Bold -> Bold overskrifter
		Arial regular -> Intern bruk
		Arial Bold -> Intern bruk
		Shadows Into Light -> Kontrastfont
*/

@media screen{
	/* Standard styles */
	.bgred{ background-color: #FF8072 !important; }

	select{
		height: 22px;
		line-height: 22px;
		padding: 1px;
	}

   body{
		/* Old Font */
		font-family: 'Titillium Web', sans-serif;
		font-size: 10pt;
		
		/* New Font 2018
		font-family: museo, serif;
		font-style: normal;
		font-weight: 10;
		*/
	
		position: relative;
		/* Old rgba color - black
		color: rgba(51,51,51,1);
		*/
		
		/* New cmyk color 2018 - black */
		color: cmyk(84%,51%,37%,85%);
	}
    h1{
		/* Old rgba color - black
        color: rgba(51,51,51,1);
		*/
		
		/* New cmyk color 2018 - black */
		color: cmyk(84%,51%,37%,85%);
		
		/* OLD font */
		font-family: 'Titillium Web', sans-serif;
		
		/* New Font 2018
		font-family: museo, serif;
		*/
		
		font-size: 24;
		font-weight: bold;
    }
    h2{
		/* Old rgba color - black
        color: rgba(51,51,51,1);
		*/
		
		/* New cmyk color 2018 - black */
		color: cmyk(84%,51%,37%,85%);
		
		/* Old Font */
        font-size: 18;
        font-family: 'Titillium Web', sans-serif;
		
		/* New Font 2018
		font-family: museo, serif;
		font-style: bold;
		font-weight: 900;
		*/
    }
    h3{
		color: #000000;
		
		/* New Font 2018 */
		font-family: museo, serif;
		
		font-size: 16;
	}
    h4{
		color: #000000;
		
		/* New Font 2018 */
		font-family: museo, serif;
		
		font-size: 14;
	}
    hr{
		/* Old rgba color - green
		color: rgba(120,190,32,1);
		*/
		
		/* New cmyk color 2018 - green */
		color: cmyk(60%,0%,100%,0%);
		
		height: 2px;
		background-color: rgba(120,190,32,1);
		
		/* Old rgba color - green
		background-color: rgba(120,190,32,1);
		*/
		
		/* New cmyk color 2018 - green */
		background-color: cmyk(60%,0%,100%,0%);
		border:0;
	}
	a {
		text-decoration: none;
		font-weight: bold;
		/* Old rgba color - black */
		color: rgba(51,51,51,1);

		
		/* New cmyk color 2018 - black 
		color: cmyk(84%,51%,37%,85%);
		*/
		
		/*text-decoration: none;*/
		text-decoration: underline;
	}
	a:hover {
		text-decoration: underline;
		font-weight: bold;
		color: rgba(0,0,0,1);
	}
    td{ 
		/* OLD font */
		font-family: 'Titillium Web', sans-serif;
		
		/* New Font 2018
		font-family: museo, serif;
		*/
		
		font-size: 10pt 
	}
	fieldset{
		padding:5px;
		border-width: 2px;
		background-color: rgba(255,255,255,1);
		margin-bottom: 2px;
		margin-right: 2px;
		margin-left: 2px;
		margin-top: 2px;
		padding-bottom: 5px;
		padding-top: 5px;
	}

	legend{
		border: 1px solid #bbb;
		color: rgba(255,255,255,1);

		/* Old rgba color - green*/
		background-color: rgba(120,190,32,1);
		
		/* New cmyk color 2018 - green */
		/*background-color: cmyk(60%,0%,100%,0%);*/
		
		font-size:1.1em;
		padding:0.4em;
		border: 0 solid #aeaeae;
		padding: 1px 10px; 
        border-radius :5px 5px 5px 5px;
		border-bottom : 4px solid rgba(120,190,32,1);
        border-top : 4px solid rgba(120,190,32,1);
	}
	input{
		font-family : sans-serif;
	}

	/* Custom styles */
	
	/* Wrapper for center page */
	/*
	.clsTestWrapper{
		text-align: left;
		width: 70%;
		margin: 0 auto; 
	}

	/* Tables */
	/* Tabell layout 2: Headinglinje, vanlige rader, og 1 sumlinje med border */
	.tblDualFooterLine{
		border-collapse: collapse;
		/* OLD font */
		font-family: 'Titillium Web', sans-serif;
		
		/* New Font 2018
		font-family: museo, serif;
		*/
	}
	.tblDualFooterLine td,th,tr{
		border: 1px solid #AAA;
	}
	.tblDualFooterLine td, th{
		padding: 3px;
	}
	.tblDualFooterLine thead th{
		/*color: #333333 ;*/
		
		/* New cmyk color 2018 - black */
		color: cmyk(84%,51%,37%,85%);
		
		font-weight: bold;
		font-size: 12px;
	}
	.tblDualFooterLine tbody td{
		/*color: #333333 ;*/
		
		/* New cmyk color 2018 - black */
		color: cmyk(84%,51%,37%,85%);
		
		font-size: 12px;
	}
	.tblDualFooterLine tfoot td{
		/*color: #333333 ;*/
		
		/* New cmyk color 2018 - black */
		color: cmyk(84%,51%,37%,85%);

		font-size: 14px;
		font-weight: bold;
		border-top: solid;
		border-top-width: 2px;
		border-bottom: solid;
		border-bottom-width: 2px; 
	}

	.clsTableHeading {}
	.clsTableRow14{
		font-size: 14px;
		font-weight: bold;
	}
	.clsTableIcon{
		border:	0px;
		width: 16px;
		height: 16px;
		cursor: pointer;
	}

	/* MessageBoxes */
	.clsDivHelp{
		border: solid 1px #AAA;
		padding: 5px;
		margin-top: 5px;
		background-color: #FFFFCC;
	}
	.clsDivHelpFieldset{
		border: solid 1px #AAA;
		padding: 5px;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
		background-color: #FFFFCC;
	}

	/* FSC */
	hr.clsFscLine{
		border: 1px solid;
		/*color: #aeaeae;*/
		
		/* New cmyk color 2018 - green */
		color: cmyk(60%,0%,100%,0%);
		
		height: 0;
	}

	td.clsInputFSC { vertical-align : top; }
	td.clsSuccessColor 	{ background-color : #90EE90; }
	td.clsWarningColor { background-color : #FFCC66; }
	td.clsErrorColor	 { background-color : #FF8072; }
	td.clsInfoColor { background-color : #BDE5F8; }

	/* Buttons */
	.clsStyledButtonSmall{
		/* Brukes til alle knapper */
		text-align: center;
		margin-right: 10px;
		min-width: 100px;
		height: 25px;
		border: 1px solid #99A189;
		color: rgba(255,255,255,1);
				
		/* Old rgba color - green */
		background-color: rgba(120,190,32,1);
		
		/* New cmyk color 2018 - green
		background-color: cmyk(60%,0%,100%,0%);
		/*
		
		/* OLD font */
		font-family: 'Titillium Web', sans-serif;
		
		/* New Font 2018
		font-family: museo, serif;
		*/
		
		border-radius: 4px;
	}
	.clsStyledButton:hover{
		color: rgba(255,255,255,0.75);
		background-color: rgba(51,51,51,1);
		cursor: pointer;
	}
	.clsStyledButtonSmall:hover{
		color: rgba(255,255,255,0.75);
		
		/* Old rgba color - black*/
        background-color: rgba(51,51,51,1);
		
		
		/* New cmyk color 2018 - black */
		/*background-color: cmyk(84%,51%,37%,85%);*/
		
		cursor: pointer;
	}
	.clsStyledButtonSmall:disabled{
		/* New style not working */
		/*
		color : rgba(255,255,255,1);
		background-color: cmyk(84%,51%,37%,85%);
		cursor: auto;
		*/
		
		background-color: #dddddd;
		color: rgba(51,51,51,1);
		cursor: auto;
	}

	/* Headers */
	/* Wrapper for center page */
	DIV.clsPageWrapper{
		text-align: left;
		width: 70%;
		margin: 0 auto; 
	}
	/* Wrapper for page top */
	DIV.clsTopWrapper1{
		position: relative;
		height: 150px;
		margin-top: -7px;
		/* OLD font */
		font-family: 'Titillium Web', sans-serif;
		
		/* New Font 2018
		font-family: museo, serif;
		*/
		
		font-size: 26px;
	}
	DIV.clsTopWrapper2{
		position: relative;
		height: 70px;
		margin-top: -7px;
		/* OLD font */
		font-family: 'Titillium Web', sans-serif;
		
		/* New Font 2018
		font-family: museo, serif;
		*/
		
		font-size: 26px;
	}
	DIV.clsOverskrift{
		/* Old rgba color - green */
		color: rgba(120,190,32,1);
		
		/* New cmyk color 2018 - green
		color: cmyk(60%,0%,100%,0%);
		*/
		
		position: absolute;
		top: 20px;
		left: 160px;
		font-size: 26pt;
		font-weight: bold;
		/* OLD font */
		font-family: 'Titillium Web', sans-serif;
		
		/* New Font 2018
		font-family: museo, serif;
		*/
	}
	DIV.clsVikenLogo{
		position: absolute;
		left: 0px;
		top: 0px;
	}
	DIV.clsTopImage{
		position: absolute;
		left: 0px;
		top: 80px;

		width: 100%;
		z-index: -1;
	}
	DIV.clsTopImage img {
		width: 100%o;
		height: 80px;
	}
	DIV.clsGjeldendeBruker{
		/* OLD font */
		font-family: 'Titillium Web', sans-serif;
		
		/* New Font 2018
		font-family: museo, serif;
		*/
		
		font-size: 11px;
		position: absolute;
		text-align: right;
		right: 15px;
		top: 48px;
		vertical-align: top; 
	}
	DIV.clsDriftsmelding{
		/* OLD font */
		font-family: 'Titillium Web', sans-serif;
		
		/* New Font 2018
		font-family: museo, serif;
		*/
		
		font-size: 18px;
		font-weight: bold;
		color: red; 
	}

	/* CSS settings for Images */
	/* Icons */
	img.icon{
		border: 0px;
		width: 16px;
		height: 16px;
		cursor: pointer;
	}
	/* size top image height=80px width=1600px */
	img.clsTopImage{
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	/* CSS for Publikasjoner via folder.php */
	a.docLink{
		display: table-cell;
		width: 240px;
		height: 48px;
		border: solid 1px white;
		background-repeat: no-repeat;
		padding: 0px;
		padding-left: 54px;
		vertical-align: middle;
		outline: none;
	}
	a.docLink:active a.docLink:visited{
		text-decoration: none;
	}
	a.docLink:hover{
		text-decoration: none;

		/* Old rgba color - green
		background-color: rgba(120,190,32,1);
		*/
		
		/* New cmyk color 2018 - green */
		background-color: cmyk(60%,0%,100%,0%);
		
		border: solid 1px;
	}

	/* 26.06.2016 - VH Tabs */
	/* 18.03.2018 VH Tabs må ha rgba color code, if using cmyk tabs do not show */
	/*----- Tabs -----*/
	#tabs {
		width: 100%;
		margin: 0 auto;
		display: inline-block;
	}

	/*----- Tab Links -----*/
	/* Clearfix */
	#tab-links:after {
		display: block;
		clear: both;
		content: '';
	}

	#tab-links ul {
		padding: 0px;
		margin: 0px 0px;
		float: left;
		list-style: none;
	}

	#tab-links li {
		margin: 0px 1px;
		float: left;
		list-style: none;
	}

	#tab-links a {
		padding: 4px 4px;
		display: inline-block;
		border-radius: 3px 3px 0px 0px;
		background-color: rgba(120,190,32,1);
		font-size: 14px;
		font-family: 'Titillium Web', sans-serif;
		font-weight: normal;
		color: rgba(255,255,255,1);
		transition: all linear 0.15s;
	}

	#tab-links a:hover {
        background-color: rgba(51,51,51,1);
		color: rgba(255,255,255,0.75);
		text-decoration: none;
		font-weight: normal;
	}

	#tab-links li.active a, li.active a:hover {
		color: rgba(255,255,255,0.75);
        background-color: rgba(51,51,51,1);
	}
	 
	/*----- Content of Tabs -----*/
	#tab-content {
		padding: 10px;
		border: 1px solid #99A189;
		box-shadow: 1px 1px 1px 1px rgba(255,255,255,0.75);
		background-color: rgba(255,255,255,1);
		font-family: 'Titillium Web', sans-serif;
	}
	 
	/*----- hide all -----*/
	.tab {
		display: none;
	}

	/*----- Activates first tab -----*/
	.tab.active {
		display: block;
	}

	.warning2 {
		padding: 20px;
		background-color: #f44336;
		color: white;
		margin-bottom: 15px;
	}
}