/* id-css-devices.php?css=common+icon-lists+js-scroll-box&colour=69C4D9 */
/* generated fresh */


/* ##### Begin device "id-css-devices/common.css" ##### */

.margin-top-none {
	margin-top: 0px !important;
}

.margin-bottom-none {
	margin-bottom: 0px !important;
}

.margin-none {
	margin: 0px !important;
}

.padding-right {
	padding-right: 30px !important;
}

.padding-left {
	padding-left: 30px !important;
}

/* ##### Begin device "id-css-devices/icon-lists.css" ##### */

#bodycontainer ul.icon-list {
    list-style-image: none;
}
#bodycontainer ul[class*='icon-list-'] {
    margin: 0px;
}
#bodycontainer ul[class*='icon-list-'] li {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;margin: 0px 10px 10px 0px;
}
#bodycontainer ul.icon-list-right {
    list-style-image: none;
    text-align: right;
    margin: 0px 0px 10px 10px;

}
#bodycontainer ul.icon-list-center {
    list-style-image: none;
    text-align: center;
    margin: 0px 10px 10px 10px;
}

#bodycontainer ul[class*='icon-list-'] li * {
    margin: 0px !important;
}
#bodycontainer #pagecontainer ul.icon-list li img {
    margin: 0px 10px 10px 0px;
    border: none;
}
#bodycontainer #pagecontainer ul.icon-list-right li img {
    margin: 0px 0px 10px 10px;
    border: none;
}
#bodycontainer #pagecontainer ul.icon-list-center li img {
    margin: 0px 5px 10px 5px;
    border: none;
}#bodycontainer ul.stamp-list {
    text-align: center;
    list-style-image: none;
    font-size: 0px;
}
#bodycontainer ul.stamp-list li {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    margin: 0px 10px 20px 10px;
    min-width: 175px;
}
#bodycontainer #pagecontainer ul.stamp-list li img {
    margin: 0px 10px 20px 10px;
    border: none;
}
#bodycontainer ul.stamp-list.cols-3 li {
    width: 27.33%;
    *width: 26%;
    margin: 0px 3% 20px 3%;
}
#bodycontainer ul.stamp-list.cols-2 li {
    width: 50%;
    margin: 0px 0px 20px 0px;
}
@media screen and (max-width: 600px) {
    #bodycontainer ul.stamp-list li {
        width: 100% !important;
    }
}dl[class*='icon-list-'] dt {
    clear: left;
    float: left;
    margin-bottom: 10px;
}
dl[class*='icon-list-'] dd {
    margin-bottom: 10px;
}
dl[class*='icon-list-'] dd p {
    margin: 0px;
}
dl.icon-list-small dt {
    width: 60px;
    height: 70px;
}
dl.icon-list-small dd {
    min-height: 70px;
    margin-left: 70px;
}
dl.icon-list-small dt img {
    max-width: 60px;
    max-height: 60px;
}
dl.icon-list-medium dt {
    width: 115px;
    height: 115px;
}
dl.icon-list-medium dd {
    min-height: 115px;
    margin-left: 115px;
}
dl.icon-list-medium dt img {
    min-width: 100px;
    min-height: 100px;
}
dl.icon-list-32 dt {
    width: 42px;
    height: 42px;
}
dl.icon-list-32 dd {
    min-height: 42px;
    margin-left: 42px;
}
dl.icon-list-32 dt img {
    max-width: 32px;
    max-height: 32px;
}

dl.icon-list-165 dt {
    width: 175px;
    height: 165px;
}
dl.icon-list-165 dd {
    min-height: 165px;
    margin-left: 175px;
}
dl.icon-list-165 dt img {
    max-width: 165px;
    max-height: 165px;
}#bodycontainer ul.icon-text-list,
#bodycontainer ul.icon-link-list {
	list-style-image: none;}

#bodycontainer #pagecontainer ul.icon-text-list li, 
#bodycontainer #pagecontainer ul.icon-link-list li {
	height: 56px;
	vertical-align: middle;
	display: table-row;
	margin: 10px;
}

#bodycontainer #pagecontainer ul.icon-text-list li span, 
#bodycontainer #pagecontainer ul.icon-link-list li a {
	display: table-cell;
	vertical-align: middle;
}

#bodycontainer #pagecontainer ul.icon-text-list li img,
#bodycontainer #pagecontainer ul.icon-link-list li img {
	float: left;
	padding: 3px;
	margin: 5px 10px 5px 0px !important;
	max-width: 48px;
	max-height: 48px;
	vertical-align: middle;
}
#bodycontainer #pagecontainer ul.icon-link-list li img {
    border: 1px solid #c4c4c4;
}div.event-with-icon {
  min-height: 70px;
  position: relative;
  margin-left: 53px;
  margin-bottom: 10px
}

div.event-with-icon img {
  position: absolute;
  top: 0px;
  left: -70px;
}

#bodycontainer div.events-feed-twocol ul {
  margin-top: 2em;
}

#bodycontainer div.events-feed-twocol li {
  box-sizing: border-box;
  display: inline-block;
  margin: 0px -14px 0px 14px;
  padding-right: 25px;
  width: 48%;
  vertical-align: top;
}ul.news-with-large-images a.title {
	font-size: 18px;
	text-decoration: none;
	display: block;
	padding-bottom: 10px;
	font-family: Georgia, serif;
}
ul.news-with-large-images a.title:focus,
ul.news-with-large-images a.title:hover {
	text-decoration: underline;
}
ul.news-with-large-images b.date { 
	display: none;
}

ul.news-with-large-images {
  list-style: none !important;
}

ul.news-with-large-images li {
  border-top: 1px dotted #ddd;
  min-height: 175px;
  position: relative;
  padding-left: 175px;
  padding-top: 10px;
  margin-left: 0px !important;
}
ul.news-with-large-images li:first-child {
  border-top: none;
  padding-top: 0px
}

   
ul.news-with-large-images li img {
  position: absolute;
  max-width: 165px;
  max-height: 165px;
  top: 10px;
  left: 0px;
}
ul.news-with-large-images li:first-child img {
  top: 0px;
}
ul.news-with-large-images li.morenews {
	border-top: none;
	padding-top: 0px;
	min-height: 10px;
	padding-left: 15px !important;
	background: url("../graphics/bullet-link.gif") 0px 3px no-repeat;
}
@media screen and (max-width: 500px) {

	ul.news-with-large-images li {
		min-height: 100px;
		padding-left: 110px;
	}
	ul.news-with-large-images li img {
		max-height: 100px;
		max-width: 100px;
	}
}


/* ##### Begin device "id-css-devices/js-scroll-box.css" ##### */

#bodycontainer ul.scroll-box {
    list-style-image: none;
    list-style-type: none;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 0px;list-style-position: outside; 
    font-size: 0px;
}

#bodycontainer ul.scroll-box > li {
    display: inline-block;
    font-size: 12px;
    margin: 0px;
    padding: 0 5px 0 5px;
    white-space: nowrap;*display: inline; 
    zoom: 1;
    vertical-align: middle;
}


#bodycontainer ul.scroll-box.align-top > li {
    vertical-align: top;
}

#bodycontainer ul.scroll-box.align-bottom > li {
    vertical-align: bottom;
}


#bodycontainer ul.scroll-box > li div,
#bodycontainer ul.scroll-box > li span {
    white-space: normal;
}


#bodycontainer ul.scroll-box > li:first-child {
    padding-left: 0px;
}

#bodycontainer ul.scroll-box > li:last-child {
    padding-right: 0px;
}

#bodycontainer ul.scroll-box > li > img {
    vertical-align: middle;
    margin: 0px !important;
}

div.scroll-box-outer {
    position: relative;
    padding: 0px 30px;
    margin-bottom: 1em;
    word-wrap: normal;
    overflow: hidden;}

div.scroll-box-outer > div[class*='scroll-'] {
    position: absolute;
    display: block;
    width: 25px;
    height: 100%;background-position: center center;
    background-repeat: no-repeat;
    font-size: 0px;
    background-color: #ffffff;
    transition: opacity ease 300ms;
    transition: background-color ease 300ms;
}

div.scroll-box-outer > div[class*='scroll-']:hover {cursor: pointer;
    transition: opacity ease 300ms;
    transition: background-color ease 300ms;
}

div.scroll-box-outer > div.scroll-next {
    top: 0;
    right: 0;
    background-image: url("../graphics/id-css-devices.php?f=nav-arrow-circle-right.png&c=3fb4cf");
    z-index: 70;
}

div.scroll-box-outer > div.scroll-prev {
    top: 0;
    left: 0;
    background-image: url("../graphics/id-css-devices.php?f=nav-arrow-circle-left.png&c=3fb4cf");
    z-index: 70;
}

div.scroll-box-outer > div.scroll-next:hover {
    background-image: 
url("../graphics/id-css-devices.php?f=nav-arrow-circle-right.png&c=90d3e3");
}

div.scroll-box-outer > div.scroll-prev:hover {
    background-image: 
url("../graphics/id-css-devices.php?f=nav-arrow-circle-left.png&c=90d3e3");
}

div.scroll-box-outer > div.scroll-pos {
    z-index: 60;
    height: 5px;
    width: 50px;
    bottom: 0;
    left: 26px;
    opacity: 0;
    display: block;
    background-color: #69c4d9;
    border-radius: 3px;
    transition: opacity ease 300ms;
}

div.scroll-box-outer:hover > div.scroll-pos{
    opacity: 1;
    transition: opacity ease 300ms;
}

div.scroll-box-outer > div.fade-left,
div.scroll-box-outer > div.fade-right {
    position: absolute;top: 0;
    bottom: 0;
    width: 40px;
    z-index: 50;
    
}

div.scroll-box-outer > div.fade-left {
    background: url('../graphics/id-css-devices/fade-in-white-left.png') top left repeat-y;
    left: -5px;
}
div.scroll-box-outer > div.fade-right {
    background: url('../graphics/id-css-devices/fade-in-white-right.png') top right repeat-y;
    right: -5px;
}
div.scroll-box-outer:not(.disabled) > div.fade-right{
    right: 26px;
} 


div.scroll-box-outer.disabled div[class*='scroll-'] {
    display: none;
}
div.scroll-box-outer.disabled {
    text-align: center;
    padding: 0px;
} 

div.scroll-box-outer > div[class*='scroll-'].disabled {}