/* CSS - friedk.css - www.frie.dk */
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}    

body{
  background-color:#dee6ed;
  margin:0; margin-top:5px; margin-bottom:8px;
  text-align:center;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color:#316685;
}

h1, iframe h1{
  font-family: Arial;
	font-family: 'Trebuchet MS',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 2.2em;
  line-height: 1.3em;
  margin: 0px;
  padding: 0px;
  margin-bottom: 0.3em;
  margin-top: 1.3em;
	margin-top: 0;
/*  letter-spacing: 0.2em;*/
}

h1 a,
h2 a,
h3 a,
.nolink a{
  color:#316685;
  text-decoration: none;
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
.nolink a:visited{
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
.nolink a:hover
{
  color: #f89f38;
  text-decoration: none;
}

h2{ font-size: 1.4em; line-height: 1.3em;	margin: 1.2em 0 0 0; font-weight: normal;}
h3{margin-bottom: 0px; line-height: 1.5em; font-weight: bold; font-size: 1em;}
p{font-size: 1em; line-height: 1.6em;	margin: .5em 0 .9em 0;}
th{text-align: left; }

th.header {         background: url(sort_both.gif) no-repeat center right; cursor: pointer; padding-right: 20px; } 
th.headerSortUp {   background-image: url(sort_asc.gif); }   
th.headerSortDown { background-image: url(sort_desc.gif); }  



div.notice{
  border: 1px solid red;
  padding: 3px;
}

















#container{
  margin: 0 auto;
  width: 768px;
  text-align: left;
  height: auto;
  }
#top{
  background-image: url('topbg.gif'); text-align: left; height: 63px;}
#top .logo{ display:inline;margin-left: 15px; margin-top: 8px; float: left;}
#top .logo img{ border: none;}

#main{
  background: url('mainbg.gif') top left no-repeat #FFF9E8;
  border-right: 1px solid #3A799E;
  border-left: 1px solid #3A799E;
  padding-top: 0px;
  padding-bottom: 8px;
  width: 766px;
  overflow:visible;

}

#breadcrumps {padding-left: 9px; padding-bottom: 5px;overflow: visible; height: 1px; margin-top: 5px; float: left;}
#shorticons{float:right;margin-right: 3px; clear: both;}
#shorticons a{ border: 1px solid #9cb6ba; padding: 2px;}
#shorticons a:hover{ background-color: white;}

#normal_page_top{
  clear: both;
  margin:auto;
  width:100%;
}

#left  {display:inline; margin:auto; float: left; padding-top:0px;   padding-right: 9px;  width: 211px; min-height: 30px;}
#right {display:inline; margin:auto; float: left; padding-top: 0px; margin-top: 0px; padding-left: 5px; padding-right: 10px;   width: 690px;}
.equalcolumn #right{
  display: block;
  width: 885px;
  padding: 0px 30px;
}
#rightbox{display:inline; border-left: 1px solid #9cb6ba; margin-top: 8px; float: right; width: 198px;
padding: 0px 20px 0px 30px;}
#content{ margin-bottom: 3em;}
#page{ clear: both;}
#last_updated{
	margin:0 auto;text-align: center;clear: both;
  text-align: right;padding: 5px; width: auto;
  margin-right: 20px;
  
}
#footer{
  margin:0 auto;text-align: center;clear: both;height: 17px;
  background: url('footerbg.gif') bottom center; border-top: 1px solid #3A799E;
  padding-bottom: 2px; padding-top: 2px; width: 768px;
}



   
.back_to_list{ margin-top: 20px; padding-top: 5px;}
.read_more{ text-align: right; margin-top:0px;}
/* FORM */
form{display: inline;}
form.wbform{
  border-top: 1px solid #D8DDD1;
  border-bottom: 1px solid #D8DDD1;
  display: block;
  padding: 3px;
  padding-bottom: 5px;
}
fieldset{ padding-left: 5px; border: 0px;}
fieldset legend{font-weight: bold; color: #2C6381; }

.wbform input{ width: 200px;}
.wbform textarea{ width: 200px;}
.wbform input.checkbox{width: auto; margin-left: 70px;}


.wbform label, .content label{  margin-right: 3px;float:left;width: 120px;}
.wbform p{
  clear: both;
}
.wbform p.nofield{ margin-left: 103px;}
.wbform label.req{
  background: url("req.gif") center right  no-repeat;
}
.wbform label .req{
  float: right;
  color: #C33;
}
.wbform div.error{
  color: #833;
}

#content label.inline {
  float: none;
  display: inline;
  width: auto;
  margin-right: 0;
}


.wbform input.checkbox{ margin-left: 10px; margin-top: 4px;}
.wbform label.checkboxlabel,
.content label.checkboxlabel{/* float: right; width: 399px;*/float: none; display: inline; /*font-weight: bold;*/ margin-top: 2px; margin-left: 10px; }
.wbform p.nofield{ margin-left: 43px;}
.formerror{
/*  border-top: 1px solid red;
  border-bottom: 1px solid red;
  background: #fff;*/
  color: red;
}
.wbform .description{
  display: block;
  margin-left: 120px;
  font-size: 0.9em;
font-style: italic;  
}
div.wbform_submitted{
  border: 1px solid #d8ddd1;
  padding: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
}

a.button{
  border: 1px solid #d8ddd1;
  padding: 5px 10px;
  background-color: #87a6b1;
  color: white;
}
.error{
  border: 1px solid red;
  background: #fff;
  padding: 15px;
  margin: 15px;
}


.news-meta, .author{
  font-style: italic;
}

/* NEWS */
.news{border-bottom: 1px solid #d8dfd9; margin-bottom: 5px; padding-bottom: 5px; overflow:auto; width:100%;}
.news h2{ margin-top: 0;}
.news_year{font-weight: bold; margin-bottom: 5px; padding-bottom:5px;border-bottom: 1px solid #d8dfd9;}
.news_date{ line-height: 1.1em; font-size:0.9em; color: #87a6b1; display: inline; float: right; margin: 0px; padding: 0px; margin-bottom: 6px; margin-top: 0px; width:120px; text-align: right;}
.news_story .author{color:#d8dfd9; font-style: italic;font-size: 0.8em; color:#87a6b1; margin-top: 10px;}

.news .date, .job .date{ font-style: italic;font-size: 0.8em; color:#87a6b1;}



/* new news*/
.post-list {
  list-style: none;
  margin-left: 0;
  float: left;
  margin-left: -30px;
  margin-right: -30px;
}
.post-list li {
  padding-bottom: 20px;
  margin-bottom: 19px;
  border-bottom: 1px solid #316685;
/*  margin-left: 30px;*/
  float: left;
}
.post-list .thumbnail {
  float: left;
  overflow: hidden;
  width: 120px;
  height: 120px;
  background-color: #F4764C;
}
.post-list .post-content {
  float: left;
  width: 385px;
  margin-left: 30px;
}
.post-list h2{
  margin:0;
  line-height: 1.1em;
}
.post-list .post-date,
.post-story .post-date {
  font-size: 0.8em;
  line-height: 1.4em;
  margin-bottom: 0.6em;
  display: block;
}
.post-list .post-content{
  margin-bottom:0px;
}




.personale{
  border-bottom: 1px solid #d8dfd9;
  border-top: 1px solid #d8dfd9;
  padding-bottom: 2px;
  padding-top: 2px;
  width: 100%;
}
.personale p{
  margin-bottom:0px;
  margin-top: 0px;
  padding-top: 0px;
  line-height: 1.2em;
}
.personale img{
  float: left;
  margin-right: 10px;
}
.personale .name{
  font-size: 1.0em;
}
.personale .title{
  font-weight: bold;
}
img.persimg{
  border: 1px solid black;
  margin-right: 10px;
  vertical-align: text-top;
}








#search{ display:inline; float:right; margin-right:5px; margin-top: 2px; text-align:center;}
/*#search{text-align:right; margin-right:5px; margin-top: 5px; }*/
#searchform{display: inline;}
#searchform #sqfield{width: 80px; display: block; padding-left: 2px; padding-right: 2px; height: 12px; padding-top: 0px;}
#searchform #sqsubmit{width: 90px; display: block;}
#searchform #old_sqfield{width: 87px; height: 14px; border: 1px solid #d8dfd9; border-top: 1px solid #3A799E;  border-left: 1px solid #3A799E; text-align: left;}



#shortcuts{display: inline; margin: auto; float: right; margin-right: 1px; margin-top: 7px; border-top: 1px solid #9cb6ba;}
#shortcuts ul{list-style-type:none; margin:0; padding:0;}
#shortcuts li{display:inline;margin:0;padding:0; font-size: 0.8em; line-height: 1.0em;}
#shortcuts li a{
  display: block;
  margin: 0px; padding: 0px;
  text-decoration: none;
  color: #316685; border-left: 1px solid #9cb6ba;
  border-bottom: 1px solid #9cb6ba;
  background-color: transparent;
  padding: 1px 3px;
  width: 80px;
  
  }
  
#shortcuts li a:hover{
  background-color: #fff;
}

















/* -- -- -- -- -- -- -- -- -- FONTS -- -- -- -- -- -- -- */



input, textarea{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 0.9em; color: #316685;}


a, a .link{  color: #349ad6;   text-decoration: none;}
a:hover, a:hover .link{ text-decoration: underline; color: #f89f38;}

a img{ border: none;}

li{margin-left: 10px; font-size: 1m; line-height: 1.6em;}
ul, ol{ list-style-position: outside; margin-top: 0px; margin-bottom: 3px; padding-left: 15px; margin-left: 0px;}
ol{ padding-left: 0px; margin-left: 15px;}
ol li, ul li{
  margin-bottom:0.5em;
}
hr{color: #D8DFD9; height: 1px; margin: 1em 0; padding:0; border: 0; background-color: #D8DFD9;}
.hr{color: #D8DFD9;height: 1px;margin-top: 6px;overflow: hidden;height: 1px;font-size:1px;background: #D8DFD9;}

/* NAVIGATION */



/* TOPNAVIGATION */
#topnavigation{height: 24px; vertical-align: top;   border: 1px solid #3A799E; }
#topnavigation ul{ text-align: left; list-style-type: none; margin: 0; padding:0; /*padding-left: 5px;*/}
#topnavigation li{display: inline; float: left; margin:0;}
#topnavigation a, #topnavigation a.active{
  display: inline;
  float: left;
  height: 21px;
  overflow: hidden;
  border-right: 1px solid #9cb6ba;
  margin: 0px auto;
  padding: 3px 6px 0px 5px;
  background-image: url('menubg0901.gif');
  color: #2C6381;
  text-decoration: none;
  font-size: 1.0em;
  line-height: 1.2em;   
}
#topnavigation .menufirst{ /* border-left: 1px solid #9cb6ba;*/}
#topnavigation a:hover{ background-color: #baccd7;}
#topnavigation a.active{ background-image: url('navdot_a.gif'); background-color: #5E89A0;}
#topnavigation a:hover{ background-image: url('navdot_a.gif'); background-color: #5E89A0;}



/*
.menu110 a{
  border-right: 1px solid #9cb6ba !important;
  margin-right: 20px !important;
}
.menu110{
  border-right: 1px solid #9cb6ba !important;

}
*/


#subnavigation {margin-top: 13px; padding-right: 10px;}
#subnavigation ul{margin:0; padding:0;}
#subnavigation ul li{padding-left: 8px; padding-bottom: 3px;}
#subnavigation ul li a{  display: block; padding-bottom: 3px;}
#subnavigation ul li a{border-bottom: 1px solid #d8dfd9;}
#subnavigation ul li li a{ border-bottom: none;}
#subnavigation ul li ul{ margin-top: 4px; margin-bottom: 3px;}
#subnavigation ul li li{ padding-top: 2px; padding-bottom: 1px; border: none;}

 
#subnavigation{ font-size: 1.0em;}
#subnavigation ul{list-style: none;}
#subnavigation ul li{line-height: 1em; margin: auto; font-size: 1em; line-height: 1.1em;}
#subnavigation a, #subnavigation a:visited{ color: #316685;text-decoration: none;}
#subnavigation a:hover{color: black; text-decoration: underline;}
#subnavigation a.active{font-weight: bold; color: black;} /* color:#a47317; }*/
#subnavigation ul ul { font-weight: normal;}
#subnavigation ul ul ul{ font-weight: normal;font-size:0.9em;}

#subnavigation li.redirect{ font-weight: normal;}






#searchform a{ color: #316685;text-decoration: none;}


#breadcrumps{color: #87a6b1; font-size: 0.8em; line-height: 0.8em;}
#breadcrumps a{color: #87a6b1; text-decoration: none;}
#last_updated{font-size: 0.9em; color: #87a6b1;}
#footer{ color: #316685; font-size: 0.9em;}
/*#footer a{ text-decoration: none; color: #316685;}*/

#rightbox h2{ margin: 1em 0 0 0; font-weight: bold;}
#rightbox p{ margin: 0 auto; }
#rightbox h3{font-weight: bold; font-size: 1.0em; line-height: 1.1em; margin: 0 auto;}

.date{ line-height: 1.1em; font-size:0.9em; color: #87a6b1;}

/* SHOP */
.shop .product{border-bottom: 1px solid #d8dfd9; overflow:auto; width: 100%; margin-top: 5px; margin-bottom: 5px;}
.shop .product p, .shop .product h2{ margin-left: 120px; margin-top: 0px;}
.shop .product p.image{float: left; margin: 3px 0px; border: 1px solid #d8dfd9; width: 100px; padding: 4px; text-align: center; background-color: white;}
.shop .product p.price{text-align: right; font-size: 1.1em;}
.shop .product .order{margin-left: 10px;}
/*

.shop .product .image{ border: 1px solid #bbb; width: 110px; text-align: center; padding: 2px; margin: 0; margin-top: 8px; font-style: italic; font-size: 9px; float: left;}
.shop .product .price{ text-align: right; font-weight: bold; font-size: 0.9em;}
.shop .product .order{ text-align: right; font-weight: bold; font-size: 0.9em;}
.shop .product p.rabat{ text-align: left; font-size: 0.9em;}
*/

.shop .product .teaser a, .shop .product .teaser a:hover{font-size: 0.9em; color: #316685;  text-decoration: none;}
.shop .product h2 a:hover{ color: #316685}

#show_basket{ font-size: 0.9em; border: 1px solid #D8DDD1; padding: 3px 3px 3px 10px;}
#show_basket h3{ margin-top: 0px;}
#show_basket a{color: #316685; text-decoration: none;}
#show_basket a:hover{ text-decoration: underline;}
#show_basket .item{float: left; width: 125px; }
#show_basket .totalprice{border-top: 1px solid #d8dfd9;}
#show_basket .price{float:right;}


/* COURSE */
.course .date a{font-size: 1.0em; color: #316685; text-decoration: none;}
.course_full{ font-size: 1.2em; font-weight: normal;}
.course{
  border-top: 1px solid #3A799E;
  margin: 5px 0px;
  padding: 5px 0px;
}

.course h2{
  margin: 0px auto;
  font-weight: bold;
}
.course_full h2{ font-size: 1.0em; font-weight: normal;}

/* INSTITUTIONER */
.institution a .name{font-weight: bold;}

/* SEARCH*/
h2.search_result{ padding: 7px; padding-left: 4px; width: 100%; background-color: #eee;}
.search_result .title a{font-weight: bold;}
.search_result .bc, .search_result .bc a{color: #87a6b1;}
.search_result .date{float:right;text-align:right;}
h2.search_result { border-bottom: 1px solid; font-weight: normal;}
.search_result .descr{font-size: 0.9em;}



.searchresult .hilight{
  background-color: transparent;
  font-weight: bolder;
}





.respons{
  border: 1px solid #f1512c;
  background-color: #fbbe93;
  padding: 5px;
  color: black;
  margin: 10px 0px;
}
.respons h2, #rightbox .respons h2{
  padding:0; margin:0;
  font-size: 1.1em;
}
.respons p{
  padding: 0 0 1em 0;
  line-height: 1.1em;

}

.searchformdiv{border: 1px solid #ddf; background-color: #eef; text-align:right; padding: 5px;}
.searchblock{
  border-bottom: 1px solid #eee; margin-bottom:5px; padding-bottom: 5px;
}
.searchblock p.title, .searchblock p.title a{
  font-weight: bold;
  color: black;
}
.searchblock p.bc, .searchblock p.bc a{
  color: #87a6b1;
  text-align:right;
}


.searched{border: 1px solid #eef; padding: 5px;font-size: 0.9em; color: #87a6b1;}
.hilight{background-color: #ff7;}
.hilight0{ background-color: #ffa;}
.hilight1{ background-color: #faf;}
.hilight2{ background-color: #aff;}
.hilight3{ background-color: #faa;}
.hilight4{ background-color: #aaf;}





/* NEW STUFF */
h1.small{ font-weight: normal; font-size: 0.8em; text-align: left; line-height: 1.0em; margin: 0; margin-top:1em;
  letter-spacing: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #87a6b1;}
h1.small a,
h1.small a:visited,
h1.small a:hover{
  color:#316685;
  text-decoration: none;
}



.blockquote {
  margin: 0px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 5px;
  background: url(quote.gif) no-repeat;
  	font-style: italic;
}
.quoteauther{
  font-style: normal;
}



div.notice{
  border: 1px solid #D8DDD1; padding-left: 10px; padding-bottom: 10px; padding-top: 0px;  background: #dee6ed;
}









/* IMAGE ALIGN */

img.right{
  float: right;
  padding: 4px;
}

img.left-align, img.left{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.clear{
clear: both;
}

.news-gallery{
  width:100%;
  overflow:hidden;
}
.news-gallery img{
  margin-bottom: 5px;
  border: 1px solid black;
  margin-right: 5px;
  float: left;  
}



/* RING TIL OS - MYTABLE JQUERy */
#myTable{
}
#myTable td{
	vertical-align: top;
	border-bottom: 1px solid #D8DDD1;
	padding-right:10px;
}
#myTable td .name{
	font-weight: bold;
}
#myTable td .title{
	padding-left: 5px;
	display: block;
}
#select_afd{
  font-size: 1em;
}
#form_afd_search p{
  padding: 5px 3px 5px 3px; 
  border-top: 1px solid #fed;
  border-bottom: 1px solid #fed;
  line-height: 20px;
}
#form_afd_search label{
  width: 120px;
}
table#myTable {page-break-inside: avoid;}
.only-print{display:none !important}

.banner{
	position: absolute; top:0; margin-left: -100px;
}











.page-id-71{}
 #container{
	width: 948px;
}
.page-id-71{}
 #main{
	width: 946px;
}
.page-id-71{}
 #footer{
	width: 948px;
	background-image: url("950/bg_footer_950.gif");
}
.page-id-71{}
#top{
	background-image: url("950/bg_top_950.gif");
}
.page-id-71{}



.download_table{ width: 100%;}
.download_table td{
  padding: 5px 0px;
  margin: 0px auto;
  clear: both;
  border-bottom: 1px solid #efefef;
  vertical-align: top;
}
.download_table .download_image{ padding-right: 10px; width: 10px; }
.download_content{ vertical-align: top;}
.download_content h3{ margin: 0; font-size: 1.1em; line-height: 1.1em; font-weight: normal;}
.download_table h2{border: none; margin-top: 2em; font-weight: bold;}
/*}
.download_list h3{ margin-top: 5px; font-size: 1.1em; line-height: 1.1em; font-weight: normal;}
.download_number{width: 40px; float:left;}
p.download_text{
  margin: 0;
  padding:0;
}
.download_text a, .download_text a:visited{
  text-decoration: none;
  color:#316685;
}
.download_content{
  margin-left: 45px;
  float: left;
  vertical-align: top;
}

.download_image img{
  padding: 1px;
  margin: 2px;
}
.usemedia .download_content{  margin-left: 80px; height: 100%;}
.usemedia .download_text{margin-left: 40px;}
.usemedia .download_number{display: none;}
.usemedia .download_row{border-bottom: 1px solid #efefef;}
*/
.tilmeldingsbox{
  border-bottom: 1px solid #316685;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
#rightbox h2.tilmeldingsform{
   padding-top: 5px;
   margin-top: 5px;
   margin:0;
   padding:0;
}
#rightbox p label{
  display: block;

}

/* Course */    
    #leftcol{
      float: left;
      overflow: hidden;
      width: 480px;
    }
    #rightcol{
      float: left;
      overflow: hidden;
      width: 200px;
      margin-left: 10px;
    }
    .equalcolumn #leftcol{
      width: 550px;
    }
    .equalcolumn #rightcol{
      width: 300px;
      margin-left: 30px;
    }
    .fact{
      margin: 10px 0px;
      clear: both;
      overflow: hidden;
    }
    .fact h4{
      font-weight: bold;
      float: left;
      width: 100px;
      margin:0;
      padding:0;
      line-height: 1.6em;
    }
    .fact p{
      float: left;
      margin:0;
      padding:0;
      width: 190px;    
    }

    /* table */

#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;  
}
#content .download_table{
  border: transparent;
}

#content tr th,
#content thead th {
	color: #888;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tbody th{
  line-height: auto;
	font-weight: normal;
  white-space: nowrap;
  padding: 1px 12px;
  color: #6caddf;
  color: #7398B8; /* DB */  
  vertical-align: top;  

}
#content tr td {
  padding: 1px 12px;
  vertical-align: top;
}
#content tr td p {
  margin: 0px 0px 1em 0px;
}
#content tr td.nowrap {
  white-space: nowrap;
}
#content tr.odd td {
	background: #f2f7fc;
}
#content tr td.align-right{
  text-align: right;
}

.reccancelled{
  font-weight: bold;
}
sup{
  line-height: 1em;
}
/* org chart*/
ul.org-chart li,
ul.org-chart ul li{
  list-style:none;
  margin: 0;  
}
ul.org-chart,
ul.org-chart ul{
  padding: 0;
  margin:0;
}

.org-chart{
  width: 600px;
}
.org-chart a{
  color: #f0512c;
}
ul.org-chart>li{
  clear: both;
}
ul.org-chart>li h2{
  float: left;  
  width: 255px;
  background-color: white;
  clear: left;
  border: 1px solid black;
  padding: 5px 10px 5px 15px;
  font-size: 1.1em;
  margin: 0px 0px 10px 0px;
  min-height: 35px;  
}
ul.org-chart>li>ul>li{
  float: right;
  width: 282px;
  clear: right;
  padding-left: 36px;
  margin:0;
  font-size: 1.1em;
  background:url('orgchart/org-mid.png') no-repeat 0px -85px;

}
ul.org-chart>li>ul>li:first-child{
  background:url('orgchart/org-top.png') 0px 25px no-repeat;  
}
ul.org-chart>li>ul>li.last{
  background:url('orgchart/org-bot.png') 0px -200px no-repeat;  
}
ul.org-chart>li>ul>li.single{
  background:url('orgchart/org-horiz.png') left 24px no-repeat;  
}
ul.org-chart>li>ul>li div{
  border: 1px solid black;
  padding: 5px 10px 5px 15px;
  margin: 0px 0px 10px 0px; 
  background-color: white;
  min-height: 35px;
}

ul.org-chart ul ul li{
  margin-left: 10px;
}
.org-chart h2.col_a{  float: left;}
.org-chart h2.col_b{  float: right;}
.org-chart h2.col_a,
.org-chart h2.col_b{
  height: 40px;
  width: 260px;
  border: 1px solid black;
  background-color: #6caddf;
  padding: 5px 5px 5px 15px;
  margin: 0px 0px 10px 0px;
  color: white;
  line-height: 30px;
}