/*// bright blue : #007dc1*/
/*//  blue dark: #0c2444;*/

.terasakiblue{
	color:#0c2444;
}
.terasakibrightblue{
	color:#007dc1;
}
body{
    font: 50%/0.55 Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    margin: 0;
    padding: 0;

}
h1 {
    font: 125%/1.7 Verdana, Arial, Helvetica, sans-serif;
    color: #006dab;

}
h2 {
    font: 110%/1.6 Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    font-weight: bolder;

}
h3 {
    font: 100%/1 Verdana, Arial, Helvetica, sans-serif;
    color: #666;

}
ul {
    margin:0;
    padding:10px;
}
a{
    color:#005486;
        text-decoration:none;
}
a:visited{
    color:#3f305e;
}
a:hover{
    color:#009efd;
}

/*Header Area*/
    #terasaki-logo{
                    float:left;
                    margin-top:15px;
                }
                
                .header-right{
                    float:right;
                    width:260px;
                    margin-bottom:10px;
                }
                .countrymenu{
                    margin-left:auto;
                    margin-right:auto;
                }
                .countrymenu img{
                    width:30px;
                    float:left;
                }
                h2.terasaki-strapline{
                    color:#006bab;
                    width:260px;
                    margin:0;
                    text-align:center;
                }
                h3.terasaki-sub-strapline{
                    width:260px;
                    text-align:center;
                    line-height:0.7;
                    padding:0;
                    margin:0;
                }
/* */
a.sub-product-main{
    text-decoration:none;
}
.heading-bar{
    width: 100%;
    text-align: center;
    background-color: #D3D3D3;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    margin-top:10px;
    font-weight: bold;

}
.pagetitle, .pagetitle a, .pagetitle h1, .pagetitle h1 a{
    text-align:right;
    
    color:#999;

    font-weight: bolder;
    background-color:lightgrey;
    text-decoration:none;
    font-size:14px;
    padding:6px;
    color:#006bab;
    }
    .pagetitle h1{
        padding:0px;
/*        padding-right:5px;*/
    
margin:0px;
    }
.pagetitle a:hover{
    color:#006dab;
    }
    
.container{
   padding-top:20px;

}
.menu li{
    display:inline;

}
.menu{
    margin-bottom:2px;
}
.centered{
    text-align: center;
}
#strapline h2, .sub-product-main h1{
    margin-top:5px;
    margin-bottom:0px;
    font-style: italic;
    color: #006bab;
    font-weight:bold;
    text-align: center;
}


.sub-product-main h2, h2.sub-product-main {
    background-color: #006bab;
    padding: 5px 5px 5px 20px;
    color:white;
}
#strapline{
    margin-bottom:25px;
}
ol{
    list-style-type:decimal;
    margin-bottom:50px;
    border:1px solid darkgrey;
}

ol.selling-points{
    font-style:italic;
    background-color:#dbebf0;
    color:#525151;
border:none;
    margin-left:50px;
    margin-right:50px;  
    padding:20px;
    padding-left:70px;
    line-height:2;
}

.logo{
    padding-bottom:20px;
}
.selectmenu { display: none;
text-align: center;}
@media (max-width: 500px) {
    .mainnav  { display: none; }
    .selectmenu { display: inline-block;}
}
img-left{
    float:left;
    margin-right:10px;
}


ul.mainnav {
    min-height: 20px;
    /*margin:10px 0px 5px 0px;*/
   background-color: #999;

}
ul.mainnav li { border-right: 1px solid #fff;
    /*float: left; */
    color: #fff;
    font-weight: bold;
    font-size: 0.7em;
}
ul.mainnav li.active { 
}
ul.mainnav li a {
    line-height: 1.7em;
    min-height: 20px;
    padding: 0px 23px;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
}
ul.leftnav li.active {

    color: lightgrey;
}

ul.leftnav { font-family: verdana; list-style: none; border: 1px solid #888;margin: 0px; font-size: 0.7em;padding: 0px;}
ul.leftnav li { background: #fff; border-bottom: 1px solid #888;  padding: 3px; font-weight: bold;}
ul.leftnav li a { color: #999; font-weight: bold;text-decoration:none; }
ul.leftnav li a:hover { color: #ccc; }

.leftnav{width:170px;}

.news-preview{
    background-color:#E0E0E0;
    padding:6px;
border-left: 1px solid darkgrey;
}
/*
.news-preview:hover{
 transform: scale(1.1);
    transition: transform .2s;
}
*/
.news-preview a:hover p{
    background-color:#2394d8;
}
.news-preview p{
   text-decoration:none;
    font-size:80%;
    text-align:center;
    padding:12px 0;
    margin:0;
    color:white;
    font-weight: bolder;
    background-color:#006bab;
}
.news-preview a{
   text-decoration:none;
}
.news-preview img{
    width:170px;
    height:130px;
    object-fit: cover;
}




.news a{
    font-style: oblique;
    color:#999;
    text-decoration: none;
}
.news a:hover{
    color:#666;
    text-decoration: underline;
}
.news h1{
    font-style:normal;
    color:#999;
}

.newsitem {
    margin-top:32px;
    padding:0 4px 32px 4px;

    border:1px dotted #D8D8D8;

}

a.back-to-top{
    margin-bottom:64px;
    background-color:grey;
    padding:10px;
    text-align:right;
	float:right;
    text-decoration:none;
    color:lightgrey;
    font-weight:bolder;
	border-bottom-left-radius: 10px;

}
a.back-to-top:hover{
    color:white;
    background-color:lightgrey;

}

.newsitem h2 {
 font-style: normal;
color: white;
background-color: #0c2444;
padding: 20px;
font-size: 150%;
margin-top:none;
}
.newsitem h3, h3.grey-background {
font-style: normal;
color: #666;
padding-left: 10px;
background-color: #D8D8D8;
font-weight: bold;
line-height: 1.5;
font-size: 1.2em;
}
.newsitem p {
    text-align: justify;
}
.news img{
    float: left;
    margin: 10px;
    padding-right:10px;
    border-right: 1px solid lightgrey;
}
.news-items{
    width:100%;
    border: 1px solid #999;
    padding:9px;
    font-size: 80%;
}
.news-items{
   text-align: center;
}





ul{
list-style: none;
}

.banner{
    border-top: 20px solid lightgrey;
    border-bottom: 20px solid lightgrey;
    margin-bottom:10px;
}


.socialmedia{
    text-align: right;
}
p.usercontent{
    color: #383838;
}

strong{
    color: #006bab;
}
.distributer-detail{
    font-size: 0.7;
}
.product-main h1{
    background-color:#d1d1d1;
    font-weight: bold;
    padding-left:20px;
}


.product-main li{
padding-left:20px;

}
.product-main img{
    margin-right:10px;
}
ul.orange-bullets li{
    border-left:5px orange solid;

}
ul.orange-bullets li:before {
    content: " | ";
    color: orange;
    list-style: square;
}
.grid-menu{
    margin: 0px auto;
    text-align: center;

}
.grid-item{
    padding:10px;
    display: inline-block;
    width:100%;
    float:left;
    text-align:center;
    position:relative;
}
.grid-item img{
    height:120px;
    padding-bottom:10px;
}
.grid-link{
    width:100%;
    background-color:lightgrey;
    text-align: center;
    padding:5px;
}
.grid-link a{
    color:#005486;
    font-weight:bold;
text-decoration:none;
}
.grid-link a:hover{
    color:#009efd;

}
.caption{
    color:black;
    font-style: italic;
    font-size:85%;

}
ul.caption {
    display:inline;

}
ul.caption li{
    float:left;

}
ul.caption li { border-left: 10px solid orange;
margin:10px}
ul.caption li.first { border-left: none ;
}
.caption{
    padding-left:5px;
    padding-right:5px;
}
.sub-product-main ul, .list-of-links ul{
    border:1px solid darkgrey;
}

.list-of-links li, .sub-product-main li{
   padding:5px 5px 5px 25px;
    margin-bottom:0px;
    font-size:80%;
}
.sub-product-main li:nth-child(even), .list-of-links li:nth-child(even){
    background-color:#d3d3d3;

}
.sub-product-main li:nth-child(odd), .list-of-links li:nth-child(odd){
    background-color:#e2e2e2;

}
.sub-product-main li.hovereffect:hover, .list-of-links li.hovereffect:hover{
    background-color: #e6e6e6;
}
ul.video-list{
    text-align:center;
}
ul.video-list li{
    padding-bottom:20px;
    padding-top:10px;
}


.product-img{
    text-align:center;
}

#caption{
    font-size: 80%;
    color:black;
    font-style:italic;
    background-color: lightgrey;
    padding:5px;

}
.downloads-page{
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}
.downloads-page h1{
    background-color:#666;
    color:white;
    font-weight: bolder;
    padding-left:10px;
    margin-bottom:0px;
}
.downloads-page h2{
    background-color:lightgrey;
    font-weight: bold;
    padding-left:50px;
}
.downloads-page p{
margin-bottom:10px;
    padding-left:90px;
}

.product-info-table{
    width:100%;
}
.product-info-table, .product-info-table td, .product-info-table th{
    border:1px solid black;
    padding:2px;
    margin-bottom:20px;
    margin-top:10px;
}
th {text-align:left;}
.flags { margin: 0px 0px 0x 0px; padding: 0px 0px 10px 35px }
.flags img { width: 30px; }
.flags a img { border: 0px; }
ul.mainnav { height: 20px;list-style: none; margin:10px 0px 5px 0px; padding: 0px; background-color: #999; }
ul.mainnav li { border-right: 1px solid #fff; float: left; color: #fff; font-weight: bold; font-size: 0.7em; font-family: verdana; }
ul.mainnav li a { line-height: 1.7em; height: 20px; padding: 0px 23px; text-decoration: none; color: #fff; }
ul.mainnav li a:hover { color: #ccc; }
ul.mainnav li.last { border-right: 0px solid #fff; }




.specifications-table{
    border-collapse: collapse;
    width: 625px;
    border: 1px solid white;
    font-size:80%;
    padding-bottom:60px;
}

.specifications-table tr td a{
	text-decoration:none;
    color: white;
}
.specifications-table tr td a:hover{

    color: #54befd;
}
.specifications-table th,.specifications-table td{
    border: 1px solid white;
}

.specifications-table th{
    background-color: #898989;
    color:white;
    font-weight: bold;
    padding:4px;
    padding-left:6px;
    text-align:center;
}
.specifications-table th{
    color:white;
    font-weight: bold;
    padding:3px;
    padding-left:6px;
}
.specifications-table th.col1{
    background-color: #045E85;
}
.specifications-table th.col2{
    background-color: #187299;
}
.specifications-table th.col3{
    background-color: #2c86ad;
}
.specifications-table th.col4{
    background-color: #409ac1;
}
.specifications-table th.col-orange{
    background-color: #ff7f00;
}

.specifications-table td.col1{
    background-color: #7fadc1;
     color:#005486;
}
.specifications-table td.col2{
    background-color: #89b7cb;
     color:#005486;
}
.specifications-table td.col3{
    background-color: #93c1d5;
    color:#005486;
}
.specifications-table td.col4{
    background-color: #9eccdf;
     color:#005486;
}
.specifications-table td.col-orange{
    background-color: #ffbe7d;
     color:#005486;
}
.specifications-table td.col5{
    background-color: #a8d6ea;
     color:#005486;
}
.specifications-table td.col6{
    background-color: #b2e0f4;
     color:#005486;
}
.specifications-table td.col7{
    background-color: #bceafe;
     color:#005486;
}
.specifications-table td.col-orange-2{
    background-color: #ffdebd;
     color:#005486;
}

.specifications-table td{
       padding: 6px;

    font-weight: 100;

}

/*.specifications-table td.empty {*/
    /*background: #e1e1e1;*/
/*}*/

.specifications-table tr.alt td{
    background-color:  #bfc0c0;
    color: white;
}
.specifications-table td.col1alt{
    background-color: #75a6bb;
    color: white;
}
.specifications-table td.alt{
    background-color:  #bfc0c0;
    color: white;
}
/*
.specifications-table tr td.col1{
    background-color: #3091bb;
    color: white;
}
*/
.specifications-table tr.alt td.col1{
    background-color: #75a6bb;
    color: white;
}

.specifications-table tr td{
    background-color:#a4a5a5;
    color: white;
}

.specifications-table tr.alt td{
    background-color:  #bfc0c0;
    color: white;
}
.specifications-table td.col1alt{
    background-color: #75a6bb;
    color: white;
}
.specifications-table td.alt{
    background-color:  #bfc0c0;
    color: white;
}
.specifications-table tr td.col1{
    background-color: #3091bb;
    color: white;
}
.specifications-table tr.alt td.col1{
    background-color: #75a6bb;
    color: white;
}

.specifications-table tr td{
    background-color:#a4a5a5;
    color: white;
}
.accordionItem h2 {width:640px;  margin: 0; font-size: 0.8em; padding: 0.4em; color: #fff; background-color: #034f70; border-bottom: 1px solid #034f70; }
.accordionItem h2:hover { cursor: pointer; }
.accordionItem div { width:638px;  padding: 1em 0.4em; background-color: #e1e1e1; border-bottom: 1px solid #e3e3e3; }
.accordionItem.hide h2 {width:640px; color: #fff; background-color: #3799cf; }
.accordionItem.hide div { display: none; }

#pagetitle-bar{
    width: 100%;
    text-align: right;
    background-color:#E0E0E0;
    height:30px;
}
#pagetitle-bar h1{
    padding:2px;
    padding-right:5px;
    font-size:0.9em;
    font-weight: bold;
    color:#666;
    margin:0px;
}
#product-main-page h1{
    padding:2px;
    padding-right:5px;
    font-size:0.9em;
    font-weight: bold;
    color:white;
    margin:0px;

}
#product-main-page{
    width: 100%;
    text-align: right;
    height:30px;
    background-color:#0066CC;

}
.footnote{
    font-style: italic;
    font-size:0.8em;

}
           #countryname {
                    
                   
                    text-transform:uppercase;
                     font-weight: bold;
                }
                #companyname{
                    
                     font-weight: bold;
                   
                }
                #companyaddress{
                    color:#666;
                   
                }
                #country-table-default{
                    font-size:70%;
                    font-family:Verdana, Arial, Helvetica, sans-serif;
                    color:#666;
                }
				#country-table-default .spacer{
					height:24px;
				}
#country-table-default img{
					max-width:190px;
	max-height:100px;
	padding:5px 32px 5px 0;
				}
                .row-countryname{
				padding-top:5px;
				padding-bottom:5px;
				border-top:2px solid darkorange;
				background-color:#006bab;
				color:white;
				font-weight:bolder;
				height:30px;
			}
.row-countryname td:first-child{
	width:350px;
	color: lightblue;
	font-size:130%;
	padding-left:12px;
}
        .row-countryname td:second-child{
	width:250px;

	font-size:130%;
	padding-left:12px;
}        
                
                
                
                
                
                
                
                .heading-exclamation {
    background: -webkit-linear-gradient(left, #FFF, #EC6D01);
    background: transparent linear-gradient(to right, #FFF, #EC6D01) repeat scroll 0% 0%;
    background: -moz-linear-gradient(right, #FFF, #EC6D01);
    background: linear-gradient(to right, #FFF, #EC6D01);
    color: white !important;
    padding: 10px 50px 10px 50px;
    text-align: right;
    font-weight: bold;
    font-style: italic;
    font-size: 1.5em;
}
.heading-exclamation-p{
    padding-left:30%;
}

.myButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}
.myButton:active {
    position:relative;
    top:1px;
}
.alertBox{
    
margin-top: 30px;
margin-bottom: 60px;
border: 3px solid darkorange;
padding: 50px;
background-color: lightgoldenrodyellow;
border-radius: 50px;
color: black;
}
.clear { clear:both; }


.services-menu li:hover {
    color: orange;
    background-color: lightgrey;
}
.services-menu li a {
    text-decoration: none;
    font-weight: bold;
    color: white;
}
.services-menu li {
    background-color: darkgrey;
    padding: 8px;
    margin: 10px auto;
    width: 90%;
    text-align: center;
    border-radius: 10px;
}

.align-left{
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
.align-right{
    float:right;
    margin-left:20px;
    margin-bottom:20px;
}
p{
    text-align: justify;
}
blockquote {
    font-style: italic;
    background-color: #e1e1e1;
    padding: 20px;
    border-radius: 20px;
}
.button:hover{
    background-color: #0078bf;
    }
.button:hover{
    color:white;
}
.button:visited{
    color:white;
}
.button{
    background-color: #007dc1;
color: white;
font-weight: bolder;
text-decoration: none;
border-radius: 10px;
padding: 15px;
text-transform: capitalize;
margin:10px;
font-size:110%;
line-height: 1.5;
text-align: center;
display:block;
}
.button.small{
	    padding: 5px;
    line-height: 1.3;
    font-weight: normal;
}
.centered{
    text-align: center;
}

.centerimg{
    margin-left:auto;
    margin-right:auto;
    display:block;
}
#product-selection-area {
    background-color: #ffefd2;
    padding: 20px;
    border-radius: 20px;
    margin:64px 0px;
    }
#product-selection-area ul{
    background-color:#fcd183;
    padding:10px;
    border-radius:10px;
    list-style: inside;
    margin:50px;
    
}
#product-selection-area li{
    padding:5px;
    }
#product-selection-area th h3 {
    text-align:center;
    background-color:darkorange;
    color: #ffefd2;
    margin:20px;
    padding:10px;
    border-radius:10px;
    font-weight: bolder;
}
#product-selection-area td{
    text-align:center;
}


table.contact-details-table{

    margin:32px;
    width:100%;
    }

table.contact-details-table td{
    
    padding: 5px;
   
    }
    table.contact-details-table td:first-child{

    text-align:right;

}
table.contact-details-table td:last-child{

padding-left:20px;
    background-color:lightgrey;
}




table.points td{
    text-align: center;
    padding: 10px;
    background-color: #006dab;
    color: white;
    font-size: 120%;
    border: 4px dashed white;
    border-radius: 10px;
    height:70px;
    width: 160px;
 }
 table.points{
     margin-left: auto;
     margin-right: auto;
     border-spacing: 10px;
 }
 table.exhibitions{
     border-collapse:collapse;
    border: 4px solid grey;
     text-align:center;
    font-weight:bolder;
    font-size: 120%;
    color:#3e3d3d;
 }
 table tr{

    border: 4px solid darkgrey;

 }
 

 
 table.exhibitions tr:first-child{
     background-color: #006dab;
     color:white;

 }
 table.exhibitions td:first-child{
     background-color: white;
 }
 table.exhibitions tr:nth-child(2){
     background-color: #d4e5ef;

 }
.question .no{
    background-color: darkorange;
    padding: 4px 8px;
    color:white;
    font-size:28px;
    margin-right:12px;
}

.question {
    margin-top:64px;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}

ul.normal-list-points li {
    background-image: url("/images/Terasaki Blue Chevron.png");
    background-repeat: no-repeat;
    line-height: 23px;
    padding-left: 30px;
}
ul.normal-list-points li ul{
    list-style: disc;
   
    
}
ul.normal-list-points li ul li{
    background-image: none; 
        padding-left: 0;
}
ul.normal-list-points  {
    margin: 30px;
}

/*cookie law*/
#cookie-law{
    position:relative;
}
#cookie-law p {
    width: 850px;
    margin: auto;
    padding: 12px;
    font-size: 80%;
    text-align: center;
}
#cookie-law {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);
    background-color: #e1e1e1;
}
#cookie-law a{
    text-decoration: none;
    color:#006bab;
}
#cookie-law a:hover{
    text-decoration: underline;
}
a.close-cookie-banner {
    /* border: 1px solid white; */
    border-radius: 5%;
    padding: 2px 5px 4px 5px;
    margin: 5px;
    color: white !important;
    font-weight: bolder;
    background-color: #a4a5a5;
}
a.close-cookie-banner:hover {
    background-color:grey;
    text-decoration:none !important;
}
ul.videos p{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width:480px;
}
ul.videos iframe {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 64px;
/*   border: 12px solid #006bab;*/
}
.centered-block{
        margin-left: auto;
    margin-right: auto;
    display: block;
}
ul.videos{
    font-size:80%;
    
}

ul.videos h2{
    text-align:center;
    
}
.footer{
    padding-top:10px;
    
}
.footer .bottom-bar{
    padding-top:10px;
    color:white;
    background-color:#006bab;
    font-size:80%;
    margin:10px;
}
.footer .bottom-bar a, .footer .bottom-bar p{
    font-size:80%;
    margin:10px;
}
.footer .bottom-bar a{
    color:white;
}
.main-footer .button a{
    font-size:120%;
    line-height:1.2;
}
.main-footer{
    border-top:5px solid #006bab;
    font-size:80%;
    background-image:url("../images/Terasaki Tile.jpg");
    background-repeat: repeat;
}
.main-footer ul, .main-footer a{
    
    
    font-size:80%;
}
.main-footer a.button {
    font-size:110%;
    line-height:1.2;
}

.main-footer h5{
    text-align:center;
    margin:20px;
    color: #006bab;
}
.footer{
	padding-top:10px;
	
}
.footer .bottom-bar{
	padding-top:10px;
	color:white;
	background-color:#0c2444;
	font-size:80%;
	margin:10px;
}
.footer .bottom-bar a, .footer .bottom-bar p, .footer .bottom-bar .footer-menu a, .footer .bottom-bar .footer-menu{
	font-size:80%;
	margin:10px;
	text-decoration:none;
	color:#007dc1;
}
.footer .bottom-bar a{
	color:white;
}
.main-footer .button a{
	font-size:120%;
	line-height:1.2;
	
}
.main-footer{
	border-top:5px solid #006bab;
	font-size:80%;
	background-image:url("../images/Terasaki Tile.jpg");
	background-repeat: repeat;
}
.main-footer ul, .main-footer a{
	
	
	font-size:80%;
}
.main-footer a.button {
	font-size:110%;
	line-height:1.2;
}

.main-footer h5{
	text-align:center;
	margin:20px;
	color: #006bab;
}
.outline-box{
	border:1px solid lightgrey;
	padding:5px;
	margin-right:5px;
}
.standard-list{
	padding:10px;
	margin:32px;
	list-style: disc;
}
h2.highlight-background{
	background-color:#666;
	color:white;
	padding:5px;
}

ul.document-list {
    background-color: lightgrey;
	color: white;
	padding:0;
	font-size:75%;
}
ul.document-list li a{
    text-decoration:none;
}
ul.document-list li a:hover{
    background-color:#D0D0D0;
}
ul.document-list li{
    border:1px solid white;
	padding:5px;
}

.button.mid{
	font-size:80%;
	width:300px;
}