/*------------------------------------------------------------------
Proje:	Ninova
Versiyon:	2
Duzenleme:	17/09/08 
Hazirlayan:	Omer ARI, Asim GUNES
--------------------------------------------------------------------
[Icindekiler]
1. Standartlar
2. Sayfa Ust
3. Icerik
	3.1 Sol
	3.2 Orta
	3.3 Sag
4. Sayfa Alt
5. Ozel Tanimlar
6. Tab
7. Tooltip
--------------------------------------------------------------------
[Renk Kodlari]
# Turuncu (baslik ve link): #f3792b
# Mavi (link ve h1): #30add8
# Acik Mavi (table ve pano): #90d1e7
# En Acik Mavi (table): #D4E9F1
# Acik Sari (uyari bg): #ffffcc
# Kirmizi (uyari yazi): #cc0000
# Acik Gri (input ve border): #bbbbbb
# Koyu Gri (baslik h3): #666666
# -----------------------------------------------------------------*/
@import "reset.css";
/* ----------------------------------
1. STANDARTLAR
-----------------------------------*/
html
{
	overflow-y: scroll;
}
body{
	background: url(bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #f3fbfe;	
}
abbr{
	cursor: help;
	border-bottom: 1px dashed #ccc;
}
.clear{clear: both;}

/* ----------------------------------
2. SAYFA UST
-----------------------------------*/
.tasiyici{
	width: 980px;
	margin: 0 auto;
}
	.icerik{
		width: 966px;
		background-color: #fff;
	}
		.tepe{
			width: 966px;
			height: 110px;
			background: url(bg-tepe.png) no-repeat;	
		}
			.tepe .oturum{
				font-family: Tahoma;
				float: right;
				text-align: right;
				font-size: 11px;
				color: #fff;
				padding-top: 6px;
			}
			.tepe a.oturumAc{
				text-decoration: none;
				font-size: 11px;
				color: #fff;
				line-height: 1.5em;
				padding: 1px;
			}
			.tepe a.oturumAc:hover{
				text-decoration: none;
				background-color: #fff;
				color: #f3792b;
				padding: 1px;
			}
			
			.tepe .menu{
				position: absolute;
				margin-top: 78px;
				margin-left: 270px;
				font-family: tahoma;
				font-weight: bold;
				font-size: 11px;
			}
				.tepe .menu div{
					float: left;
					display: block;
				}
				.tepe .menu a{
					display: block;
					background: url(bg-menu.png) no-repeat;
					background-position: 0px 2px;
					width: 90px;
					height: 22px;
					text-align: center;
					margin-right: 2px;
					color: #30add8;
					text-decoration: none;
					padding-top: 12px;
				}
				.tepe .menu a:hover{
					color: #f3792b;
					background: url(bg-menu.png) no-repeat;
					background-position: -90px 0px;
				}
				.tepe .menu a.selected{
					color: #f3792b;
					background: url(bg-menu.png) no-repeat;
					background-position: -90px 0px;
					cursor: default;
				}

/* ----------------------------------
3. ICERIK
-----------------------------------*/
.yol{
	width: 952px;
	height: 23px;
	background: url(bg-yol.png) no-repeat;
	padding: 16px 0px 6px 14px;
	font-size: 12px;
	color: #999;	
}
	.yol a{
		font-size: 12px;
		color: #999;
		text-decoration: none;
	}
	.yol a:hover{
		color: #666;
		text-decoration: underline;
	}
	.yol .ic{
		float:left;
	}
	.yol .profil{
		float: right;
		width: 36px;
		height: 30px;
	}
	.yolAna{
		width: 966px;
		height: 20px;
		background: url(bg-yol-ana.png) no-repeat;
	}
.tdSol{
	float: left;
	width: 10px;
	min-height: 300px;
	background: url(bg-tdSol.jpg) no-repeat;
	background-color: #fff;
}
.tdSag{
	float: right;
	width: 10px;
	min-height: 300px;
	background: url(bg-tdSag.jpg) no-repeat;
	background-color: #fff;
}

/* ----------------------------------
3.1 SOL
-----------------------------------*/
.sol{
	float: left;
	width: 175px;
	font-size: 11px;
	line-height: 1.5em;
	background: url(bg-sol.png) no-repeat right;
	background-position: 165px 0px;
	background-color: #fff;
	min-height: 390px;
}
.solAna{	
	width: 185px;
	padding-right:15px;
	background-position: 190px 0px;
}

.sol a{
	color: #333;
	text-decoration: none;
}
.sol a:hover{
	color: #F3792B;
	text-decoration: none;
}
.sol h2{
	font-size: 15px;
	color: #F3792B;
	margin-bottom: 6px;
	font-weight: normal;
}
.sol .ic{
	padding: 0px 2px 0px 4px;
}
.menuAraclar 
{
    font-size: 11px;
	line-height: 1.5em;
}
.menuAraclar a{
	color: #333;
	text-decoration: none;
}
.menuAraclar a:hover{
	color: #F3792B;
	text-decoration: none;
}
.menuAraclar h2{
	font-size: 15px;
	color: #F3792B;
	margin-bottom: 6px;
	font-weight: normal;
}



ul.menuErisimAgaciSinifListesi{
	padding-left: 15px;
	padding-top: 2px;
	list-style-image: url(bullet-b.gif);
}
/* ----------------------------------
3.2 ORTA
-----------------------------------*/
.orta{
	float: left;
	width: 556px;
	background-color: #fff;
}
	.orta a{
		text-decoration: none;
		color:#30add8; 
	}
	.orta a:hover{
		text-decoration: underline;
		color:#30add8; 
	}

.orta .ic{
	padding: 6px 2px 0px 4px;
	font-size: 12px;
	line-height: 1.5em;
}
    .orta p 
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .orta .ic ul{
		list-style-image: url(bullet-d.gif);
		margin-left: 16px;
	}
	.orta .ic h1{
		font-size: 26px;
		font-weight: normal;
		line-height: 1.3em;
		color: #30add8;
		letter-spacing: -0.03em;
		margin:0px;
		margin-bottom: 10px;
	}
	.orta .ic h2{
		font-size: 18px;
		font-weight: normal;
		line-height: 1.3em;
		color: #30add8;
		letter-spacing: -0.03em;
		margin-bottom: 10px;
	}
	.orta .ic h3{
		font-size: 14px;
		font-weight: bold;
		color: #30add8;
		margin-bottom: 10px;
	}
	.orta .ic .link{
		color: #30add8;
		text-decoration: none;
	}
	.orta .ic .link:hover{
		color: #30add8;
		text-decoration: underline;
	}
	.orta .ic table.data caption{
		font-size: 15px;
		display: block;
		text-align: left;
		color: #fff;
		background-color: #90D1E7;
		padding: 5px;
	}
	.orta .ic table.data > tbody > tr > th{
		background-color: #D4E9F1;
		border-bottom: 1px solid #D4E9F1;
		border-top: 1px solid #D4E9F1;
		font-size: 11px;
		color: #30ADD8;
		padding: 2px 0px 2px 6px;
	}
	.orta .ic table.data > tbody > tr > td{
		background-color: #fff;
		border-bottom: 1px solid #90D1E7;
		color: #666;
		font-size: 11px;
		padding-left: 6px;
		padding-right: 4px;
		padding-bottom: 2px;
		padding-top: 2px;
		vertical-align: top;
	}
	.orta .ic table.data tbody td a{
		text-decoration: none;
		color:#30add8; 
	}
	.orta .ic table.data tbody td a:hover{
		text-decoration: underline;
		color:#30add8; 
	}
	    .orta .ic .yardim
	    {
	        background-color: #efefef;
	        padding: 10px;
	        margin-right: 10px;
	    }
	    .orta .ic .yardim h2{
		    font-size: 15px;
		    color: #F3792B;
		    margin-bottom: 6px;
		    font-weight: normal;
    		
	    }
.ortaAna{
	float: left;
	width: 741px;
	background-color: #fff;
}
    .ortaAna p 
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }
	.ortaAna .ic{		
		padding: 1px;
		margin: -8px 10px 10px 5px;		
	}
	.ortaAna .ic .dersler ul{
		list-style-image: url(bullet-d.gif);
		margin-left: 16px;
	}
	.ortaAna .ic .dersler a.fakulteLink{
		text-decoration: none;
		font-size: 16px;
		color: #999;
		margin-top: -16px;
		display: block;
	}
	.ortaAna .ic .dersler a.dersLink{
		text-decoration: none;
		color: #666;
		font-weight: bold;
	}
	.ortaAna .ic .dersler a.dersLink:hover{
		text-decoration: underline;
		color: #30add8;
		font-weight: bold;
	}
	.ortaAna .ic .dersler p{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.ortaAna .ic .dersBilgileri{
		padding: 10px;
		font-size: 11px;
	}
	.ortaAna .ic .dersBilgileri span{
		color: #f3792b;
		font-weight: bold;
		font-size: 12px;
	}
	.ortaAna .ic .dersBilgileri a{
		color: #333;
		text-decoration: underline;
	}
	.ortaAna .ic .dersBilgileri a:hover{
		color: #30add8;
		text-decoration: none;
	}
.orta .duyuruGoruntule{
	width: 540px;
}
.orta .duyuruGoruntule .tarih{
	width: 540px;	
	color:#999;
}
.orta .duyuruGoruntule .icerik{
	width: 540px;
}
.panoElemani{
	border: 1px solid #90d1e7;
	padding: 10px;
	height: 120px;	
	margin: 2px;
	background:url(bg-panoElemani.jpg) repeat-x bottom;
	cursor: default;
}
    .panoElemani p{
		font-size: 11px;
		margin: 0px 0px;
	}
	.panoElemani h2 > a{
		display: block;
		text-decoration: none;
		font-size: 16px;
		font-weight: bold;	
		color: #30add8;
		padding-bottom: 0px;
		margin: 0px;
	}
	.panoElemani h2 > a:hover{
		text-decoration: underline;
	}
	.panoElemani a{
		font-size: 11px;
		text-decoration: none;
		font-weight: normal;	
		color: #30add8;
		font-weight: normal;	
	}
	.panoElemani a:hover{
		text-decoration: underline;
	}
.panoElemaniPasif{
	border: 1px solid #c24b4b;
	padding: 10px;
	height: 120px;	
	margin: 2px;
	background:url(bg-panoElemani-red.jpg) repeat-x bottom;
	cursor: default;
}
	.panoElemaniPasif p{
		font-size: 11px;
		margin: 0px 0px;
	}
	.panoElemaniPasif h2 > a{
		display: block;
		text-decoration: none;
		font-size: 16px;
		font-weight: bold;	
		color: #c24b4b;
		padding-bottom: 0px;
		margin: 0px;
	}
	.panoElemaniPasif h2 > a:hover{
		text-decoration: underline;
	}
		
	.panoElemaniPasif a{
		font-size: 11px;
		text-decoration: none;
		font-weight: normal;	
		color: #c24b4b;
		font-weight: normal;	
	}
	.panoElemaniPasif a:hover{
		text-decoration: underline;
		color: #c24b4b;
	}
	.aktifPasif{
		float:right;
		margin-top:-25px;
	}
/* ----------------------------------
3.3 SAG
-----------------------------------*/
.sag{
	float: left;
	width: 215px;
	background: url(bg-sag.png?123) no-repeat left;
	background-position: 0px 0px;
	background-color: #fff;
	min-height: 390px;
}
	.sag h2{
		font-size: 15px;
		color: #F3792B;
		margin-bottom: 6px;
		font-weight: normal;
	}
	.sag h3{
		font-size: 12px;
		color: #333;
		margin-top: 6px;
		margin-bottom: 6px;
	}
	.sag .ic{
		padding: 0px 4px 0px 20px;	
		font-size: 11px;
		line-height: 1.5em;
	}
	.sag .ic p{
		margin-left: 6px;
	}
	.sag .ic h2+p,
	.sag .ic h2+p+p,	
	.sag .ic h2+p+p+p,
	.sag .ic h2+p+p+p+p,
	.sag .ic h2+p+p+p+p+p,
	.sag .ic h2+p+p+p+p+p+p,
	.sag .ic h2+p+p+p+p+p+p+p,
	.sag .ic h2+p+p+p+p+p+p+p+p,
	.sag .ic h2+p+p+p+p+p+p+p+p+p,		
	.sag .ic h2+p+p+p+p+p+p+p+p+p+p,	
	.sag .ic h2+p+p+p+p+p+p+p+p+p+p+p,
	.sag .ic h2+p+p+p+p+p+p+p+p+p+p+p+p,	
	.sag .ic h2+p+p+p+p+p+p+p+p+p+p+p+p+p,	
	.sag .ic h2+p+p+p+p+p+p+p+p+p+p+p+p+p+p,	
	.sag .ic h2+p+p+p+p+p+p+p+p+p+p+p+p+p+p+p
	{
		margin: 0px;
	}	
/* ----------------------------------
4. SAYFA ALTI
-----------------------------------*/
.alt{
	margin-left: -6px;
	background: url(bg-alt.png) no-repeat;
	width: 978px;
	height: 180px;
}
	.alt .ic{
		padding: 60px 20px 10px 30px;
		font-size: 12px;
		color: #666;
		line-height: 1.5em;
	}
	.alt .ic a{
		color: #666;
		text-decoration: none;
		padding: 1px;
	}
	.alt .ic a:hover{
		background-color: #F3792B;
		color: #fff;
		padding: 1px;
		text-decoration: none;
	}
	.alt .ic a.bidb{
		margin: 0px;
		padding: 0px;
	}
/* ----------------------------------
5 OZEL TANIMLAR
-----------------------------------*/
input, textarea, .txtinput input{
	border: 1px solid #bbb;
	padding: 3px 2px 1px 4px;
	margin-bottom: 1px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(bg-input.gif) repeat-x top;
}
textarea{
	overflow: auto;	
	SCROLLBAR-FACE-COLOR: #e9e9e9;	
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;	
	SCROLLBAR-SHADOW-COLOR: #e9e9e9;	
	SCROLLBAR-3DLIGHT-COLOR: #dbdbdb;	
	SCROLLBAR-ARROW-COLOR: #787878;	
	SCROLLBAR-TRACK-COLOR: #f1f1f1;	
	SCROLLBAR-DARKSHADOW-COLOR: #aeaeae
}
select, option{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
.checkbox input{
	border:0px solid #bbb;
}
input.baslik{
	font-size: 22px;
	height: 26px;
	width: 500px;
}


a.buton{
	background: transparent url('sol.gif') no-repeat top left;
	display: inline-block;
	font: bold 12px Arial,Geneva,Sans-Serif; 
	line-height: 15px; 
	height: 23px; 
	padding-left: 12px; 
	text-decoration: none;
	cursor: pointer;
}
a:link.buton, a:visited.buton, a:active.buton{
	color: #333; 
}
a.buton span{
	background: transparent url('sag.gif') no-repeat top right;
	display: inline-block;
	padding: 4px 12px 4px 0; 
}
a.buton:hover{ 
	background-position: bottom left;
	text-decoration: none;
}
a.buton:hover span{ 
	background-position: bottom right;
	color: #333;
	text-decoration: none;
}

a.butonIptal{
	display: inline-block;
	padding-left: 10px;
	padding-bottom: 4px;
	color:#30add8;
}

.ana{
	float: left;
	width: 915px;
	height: 450px;
	margin-left: 15px;
	margin-top: 5px;
}
.kapak{
	padding: 10px;
	font-size: 12px;
}
.kapak h2{
	color: #F3792B;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}
.kapak p{
	line-height: 1.5em;
}
.dersKategorileri{
	padding: 4px 10px 0px 10px;
	font-size: 12px;
	line-height: 1.4em;
}
	.dersKategorileri li{
		margin: 4px 0px;		
		margin-left: 14px;
		list-style-image: url(bullet-d.gif);
	}
	.dersKategorileri a.menu{
		display: block;
		width: 100px;
		height: 22px;
		padding-top: 6px;
		padding-left: 4px;
		border-bottom: 1px dotted #ccc;
		text-decoration: none;
		color: #333;
		font-weight: bold;
	}
	.dersKategorileri a.menu:hover{
		background-color: #f1f1f1;
		text-decoration: none;
		color: #f3792b;
	}
	.dersKategorileri a{
		text-decoration: none;
		color: #999;
	}
	.dersKategorileri a:hover{
		text-decoration: none;
		color: #666;
	}

.kisiYetkilendirme{
	margin-top: 20px;
	margin-bottom: 20px;
}
.data2 .title_field{
  	display: block;
  	color: #999;
  	font-size: 10px;
}
.data2 .data_field{
 	display: block;
 	color: #333;
 	font-size: 13px;
}
.form2 .title_field{
  	display: block;
  	color: #000;
  	font-size: 12px;
}
.form2 .data_field{
 	display: block;
 	color: #333;
 	font-size: 13px;
 	margin-bottom: 10px;
}
.bIslem, .bIslemw, .bIslemp{
	border-top:1px solid #ffcc99;
	border-bottom:1px solid #ffcc99;
	padding: 10px;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 10px;
	background: url(ikon-tick.png) no-repeat 10px 14px;
	padding-left: 30px;
	background-color: #ffffcc;
}
.bIslemw{
    width: 720px;
}
.bIslemp
{
    width: 690px;
    margin-top:10px;
}
.bIslem strong{
	font-weight: bold;
	color: #30add8;	
}
.hIslem{
	border-top:1px solid #ffcc99;
	border-bottom:1px solid #ffcc99;
	padding: 10px;
	color: #cc0000;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 10px;	
	background: url(ikon-hata.png) no-repeat 10px 10px;
	padding-left: 30px;
	background-color: #ffffcc;
}
.hIslem strong{
	font-weight: bold;
	color: #cc0000;	
}
.uyari{
	color: #cc0000;	
}
.uyari-yesil
{
    color: green;
}
.formAbetDuzenle td{
	vertical-align: top;
	border-bottom: 1px dotted #ccc;
	padding: 8px 2px 8px 2px;
	font-size: 11px;
	line-height: 1.3em;
}
.formAbetDuzenle .inputMiddle{
	vertical-align: middle;
}
.formAbetDuzenle .inputwm{
	color: #999;
}
.formAbetDuzenle select{
	font-size: 11px;
}
.formAbetGoster td{
	vertical-align: top;
	border-bottom: 1px dotted #ccc;
	padding: 8px 2px 8px 2px;
	font-size: 12px;
	line-height: 1.3em;
}
.formAbetGoster .inputMiddle{
	vertical-align: middle;
}

	.kutuMetin{
		font-size: 13px;
		line-height: 1.4em;
		margin:20px 0px;
		padding: 0px 10px;
		width: 45%;
		min-height: 140px;
		border-left: 6px solid #d4e9f1;
	}
	.kutuMetin h2{
		font-size: 16px;
		color: #f3792b;
		margin-bottom: 10px;
	}
	.kutu{
		font-size: 12px;
		line-height: 1.4em;
		margin-top: 20px;
	}
		.kutu span{
			font-size: 16px;
			font-weight: bold;
			color: #f3792b;
			line-height: 2em;
		}
		.kutu1{
			float: left;
			width: 176px;
			height: 100px;
			padding-left: 100px;
			padding-right: 4px;
			padding-top: 10px;
			background: url(bg-kutu1.png) no-repeat;
			margin-right: 50px;
		}
		.kutu2{
			float: left;
			width: 176px;
			height: 100px;
			padding-left: 100px;
			padding-right: 4px;
			padding-top: 10px;
			background: url(bg-kutu2.png) no-repeat;	
		}
		.kutu3{
			float: left;
			width: 176px;
			height: 100px;
			padding-left: 100px;
			padding-right: 4px;
			padding-top: 10px;
			background: url(bg-kutu1.png) no-repeat;
			margin-right: 20px;
		}
		.kutu4
		{
			float: left;
			width: 166px;
			height: 100px;
			padding-left: 100px;
			padding-right: 4px;
			padding-top: 10px;
			background: url(bg-kutu3.png) no-repeat;
		}
hr{
	border-top:1px dotted #30add8;
	width: 100%;
	height: 1px;
}
.odev-adim{
    background-color: #d4e9f1;
    padding: 2px;
    font-weight: bold;
}

a.link{
	color:#30add8;
	text-decoration: none;
}
a.link:hover{
	color:#30add8;
	text-decoration: underline;
}
.giris{
	display: none;
	visibility: hidden;
}
.SSSSoruTxt{
	font-size: 16px;
	display: block;
	margin-top: 10px;
}
.SSSSCevapTxt{
	display: block;
}

/* ----------------------------------
6. TAB
-----------------------------------*/
.tabContainer .tabs {
	overflow: auto;
}
.tabContainer .tabs .tab_active{
	background-color: #bbb;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: url(bg-tab.png) repeat-x;
	float: left;
	cursor:default;
	padding: 4px 14px 2px 14px;
	margin-right: 2px;
}
.tabContainer .tabs .tab_passive{
	color: #999;
	float: left;
	font-size: 12px;
	padding: 4px 14px 2px 14px;
	cursor:pointer;
	background: url(bg-tab-pasif.png) repeat-x;
	margin-right: 2px;
}
.tabContainer .tabs .tab_passive:hover{
	color: #333;
}
.tabContainer .contents .content_active{
	border: 1px solid #30add8;
	padding: 10px 0px 10px 10px;
}
.tabContainer .contents .content_active p{
	margin-bottom: 20px;
}
.tabContainer .contents .content_passive{
	display: none;
	visibility: hidden;
}



/* ----------------------------------
7. TOOLTIP 
-----------------------------------*/
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
}
/* the default style */
.prototip .default {
	width: 250px;
	color: #666;
}
.prototip .default .toolbar {
	background: #f5f5f5;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; font-size: 11px; color: #333; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
	line-height: 1.5em;
}
.prototip .default .content strong{
	display: block;
	float: left;
	width: 100px;
	margin-right: 10px;
}
.prototip .default .content span{
	font-weight: normal;
	display: block;
	float: left;
	text-align: left;
}

/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */

input.inputForm, textarea.inputForm
{
	font-size: 14px;
	height: 18px;
}

input.inputEM, textarea.inputEM{
	background: #efefef;
	color: #999;
	font-style: italic;
	font-size: 14px;
	height: 18px;
}

a.excelButon {
    background: transparent url('/images/ds/ikon-excel.png') no-repeat top left;
	display: inline-block;
	font: bold 12px Arial,Geneva,Sans-Serif; 
	line-height: 15px; 
	height: 23px; 
	padding-left: 18px; 
	text-decoration: none;
	cursor: pointer;
}

table.notKriter {
    width:97%;
    border-spacing:2px 4px;
}

div.notKriterContainer {
    padding:10px;
    background-color:#D4E9F1;
    border:1px #90D1E7 solid;
}

@font-face {
  font-family: 'Roboto';
  src: url('../lib/fonts/Roboto-Light.eot');
  src: url('../lib/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
       url('../lib/fonts/Roboto-Light.woff2') format('woff2'),
       url('../lib/fonts/Roboto-Light.woff') format('woff'),
       url('../lib/fonts/Roboto-Light.ttf') format('truetype'),
       url('../lib/fonts/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../lib/fonts/Roboto-Condensed.eot');
  src: url('../lib/fonts/Roboto-Condensed.eot?#iefix') format('embedded-opentype'),
       url('../lib/fonts/Roboto-Condensed.woff2') format('woff2'),
       url('../lib/fonts/Roboto-Condensed.woff') format('woff'),
       url('../lib/fonts/Roboto-Condensed.ttf') format('truetype'),
       url('../lib/fonts/Roboto-Condensed.svg#Roboto-Condensed') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Condensed';
  src: url('../lib/fonts/Roboto-BoldCondensed.eot');
  src: url('../lib/fonts/Roboto-BoldCondensed.eot?#iefix') format('embedded-opentype'),
       url('../lib/fonts/Roboto-BoldCondensed.woff2') format('woff2'),
       url('../lib/fonts/Roboto-BoldCondensed.woff') format('woff'),
       url('../lib/fonts/Roboto-BoldCondensed.ttf') format('truetype'),
       url('../lib/fonts/Roboto-BoldCondensed.svg#Roboto-BoldCondensed') format('svg');
  font-weight: 700;
  font-style: normal;
}
.slider{
    position:relative;
    width:610px;
    height:240px;
    border:1px solid #e1e1e1;
    border-radius:20px;
    overflow:hidden;
}
#owl-slider{
    position:relative;
    width:606px;
    height:236px;
    border-radius:18px;
    overflow:hidden !important;
    margin-left:2px;
    margin-top:2px;
    z-index:999;
}
.slider img{
    display: block;
    width: 100%;
    min-height:220px;
    object-fit:cover;
    object-position:center;
}
.slider .caption{
    position:absolute;
    z-index:999999;
    padding:27px;
}
.slider .caption a{
    text-decoration:none;
}
.slider .caption h4 {
    font-family: 'Roboto Condensed';
    position:relative;
    font-size:26px;
    font-weight:400;
    color:#fff;
    line-height:31px;
    margin-bottom:13px;
}
.slider .caption h4 span{
    font-weight:700;
}
.slider .caption li {
    font-family: 'Roboto';
    position:relative;
    font-size:14px;
    font-weight:300;
    color:#fff;
    line-height:17px;
    list-style:inside;
}
.slider .owl-theme .owl-controls {
    position: absolute;
    right: 22px;
    bottom: 19px;
}
.slider .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 6px;
    border:2px solid #fff;
    margin: 0 2px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color:transparent;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #FFFFFF;
}