/*
* Template : "Artologik - Screenshot gallery"("artologik-start-screenshots.htm") & Theme : "Screenshot gallery"
*/
/*.cnpBottom .siteCSS.theme14 {
    display: none;
} - Have been commented since we want the ModalScreenshotGalleryControl to work on the "EZ - Core Facility Management"-page. */
/* Special layout for Landing page */
#site-body.start .cnpBottom .siteCSS.theme14 {
    display: block;
}
#site-body.start .cnpBottom .siteCSS.theme14 .nbt-wrap.templateWrapper,
#site-body.start .cnpBottom .siteCSS.theme14 .nbt-wrap.templateWrapper .nbt-i-26-1 {
    width: auto !important;
}
.msg-thumb-nav-open {
    background: #fff url('../Images/Slimbox2_Artologik/msg-thumb-nav-open.png') no-repeat 0% 0% !important;
    display: inline-block;
    float: right;
    position: relative;
    bottom: -3px;
    height: 30px;
    width: 36px;
    z-index: 2;
}
.msg-thumb-nav-open:hover {
    background-image: url('../Images/Slimbox2_Artologik/msg-thumb-nav-openH.png') !important;
}
.msg-custom-layout {
    position: relative;
    width: 100%;
    height: 150px;
    margin-top: 0.8em;
    margin-bottom: 1em;
}
.msg-custom-layout .msg-slider {
    position:absolute;
    top: 0;
    left: 42px;
    right: 42px;
    bottom: 0;
    overflow: hidden;
}
.msg-custom-layout ul.thumbs {
    position: relative;
}
.msg-custom-layout ul.thumbs li {
    display: inline-block !important;
    margin: 8px 36px 0 0 !important;
    white-space: nowrap;

    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
.msg-custom-layout ul.thumbs li a {
    border: none !important;
    padding: 0 !important;
    cursor: help;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}
.msg-custom-layout ul.thumbs li.last {
    margin-right: 0 !important;
}
.msg-custom-layout ul.thumbs li img {
    width: 191px;
    max-width: none;
}
/* Prev/Next */
.msg-custom-layout .msg-thumb-nav-btn {
    background: transparent none no-repeat 0% 0%;
    background-color: transparent !important;
    display: block;
    height: 139px;
    position: absolute;
    top: 4px;
    width: 41px;
}
.msg-custom-layout .msg-thumb-nav-btn.prev {
    background-image: url('../Images/Slimbox2_Artologik/msg-thumb-nav-btn-prev.png');
    left: 0;
}
.msg-custom-layout .msg-thumb-nav-btn.prev:hover {
    background-image: url('../Images/Slimbox2_Artologik/msg-thumb-nav-btn-prevH.png');
}
.msg-custom-layout .msg-thumb-nav-btn.prev.disabled,
.msg-custom-layout .msg-thumb-nav-btn.prev.disabled:hover {
    background-image: url('../Images/Slimbox2_Artologik/msg-thumb-nav-btn-prevD.png');
    cursor: default;
}
.msg-custom-layout .msg-thumb-nav-btn.next {
    background-image: url('../Images/Slimbox2_Artologik/msg-thumb-nav-btn-next.png');
    right: 0;
}
.msg-custom-layout .msg-thumb-nav-btn.next:hover {
    background-image: url('../Images/Slimbox2_Artologik/msg-thumb-nav-btn-nextH.png');
}
.msg-custom-layout .msg-thumb-nav-btn.next.disabled,
.msg-custom-layout .msg-thumb-nav-btn.next.disabled:hover {
    background-image: url('../Images/Slimbox2_Artologik/msg-thumb-nav-btn-nextD.png');
    cursor: default;
}
/* Fade */
.msg-custom-layout .msg-thumb-nav-fade {
    background: transparent none repeat-y 0% 0%;
    display: block;
    pointer-events: none; /* IE have no idea whats going on right now... */
    position: absolute;
    bottom: 0;
    top: 0;
    width: 210px;
}
.msg-custom-layout .msg-thumb-nav-fade.prev {
    background-image: url('../Images/Slimbox2_Artologik/msg-thumb-nav-fade-prev.png');
    left: 41px;
}
.msg-custom-layout .msg-thumb-nav-fade.next {
    background-image: url('../Images/Slimbox2_Artologik/msg-thumb-nav-fade-next.png');
    right: 41px;
}

/*
* Slimbox 2 - Artologik
*/
.art-body #lbCenter #lbCloseLink:link,
.art-body #lbCenter #lbCloseLink:visited,
.art-body #lbCenter #lbCloseLink:hover{
    background:transparent url('../Images/Slimbox2_Artologik/slimB_close.png') no-repeat 0 0;
    margin:0;
    width:26px;
    height:26px;
    position: relative;
    right: -14px;
    top: -13px;
    z-index:10;
    text-decoration:none;
}
.art-body #lbCenter #lbCloseLink:hover{
    background-image:url('../Images/Slimbox2_Artologik/slimB_closeH.png');
}
.art-body #lbCenter {
   overflow:visible;
}
.art-body #lbCenter #lbImage{
   border-bottom-width:68px;
}
.art-body #lbCenter #lbImage.queryandreport div{
   border-left:solid 1px #c4c4c4;
}
.art-body #lbBottomContainer {
   margin-top:-58px;
}
.art-body #lbBottom {
   padding:0;
   min-height:48px; /* Height to fith both arrows and #lbNumber */
   background:#515151 url('../Images/Slimbox2_Artologik/slimB_rightColSplit.gif') repeat-y 100% 0%;
   position:relative;
}
.art-body #lbBottom #lbCaption,
.art-body #lbBottom #lbNumber {
    color:#fff;
}
.art-body #lbBottom #lbCaption {
    float:left;
    margin-right:90px; /* The rest of the margins is set in ".siteCSS.theme14 .custom1" in WP */
    font-weight:normal;
}
.art-body #lbBottom #lbNumber {
    margin: 0;
    padding:0;
    text-align:center;
    line-height:23px;
    position:absolute;
    bottom:0;
    right:0;
    width:80px;
}
.art-body #lbBottom #lbBtmNav{
    float: right;
    position: absolute;
    top:0;
    right:0;
    width: 80px;
}
/* Prevoius/Next-buttons located above the image */
.art-body #lbImage #lbPrevLink:hover{
    background:transparent url('../Images/Slimbox2_Artologik/slimB_prevBig.png') no-repeat 0% 48%;
}
.art-body #lbImage #lbNextLink:hover{
    background:transparent url('../Images/Slimbox2_Artologik/slimB_nextBig.png') no-repeat 100% 48%;
}
/* Prevoius/Next-buttons located in the bottom section */
.art-body #lbBottom #lbBtmNavLinks{
    overflow:hidden;
    background:transparent url('../Images/Slimbox2_Artologik/slimB_split.gif') repeat-y 50% 0%;
    border-bottom:solid 1px #fff;
}
.art-body #lbBottom #lbBtmNav a:link,
.art-body #lbBottom #lbBtmNav a:visited,
.art-body #lbBottom #lbBtmNav a:hover{
    background:transparent url('../Images/Slimbox2_Artologik/slimB_prev.png') no-repeat 49% 50%;
    height:24px !important;
    position:relative;
    top:0;
    left:0;
    float:left;
}
.art-body #lbBottom #lbBtmNav a#lbNextLink:link,
.art-body #lbBottom #lbBtmNav a#lbNextLink:visited,
.art-body #lbBottom #lbBtmNav a#lbNextLink:hover{
    background-image:url('../Images/Slimbox2_Artologik/slimB_next.png');
    background-position:51% 50%;
    float:right;
}
.art-body #lbBottom #lbBtmNav a:hover{
    background-color:#747474;
}

/* Shadow */
.art-body #lbCenter {
	-moz-box-shadow: 0 0 18px #000;
	-webkit-box-shadow: 0 0 18px #000;
	box-shadow: 0 0 18px #000;
	/* For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=225, Color='#4d4d4d')"; */
	/* For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=225, Color='#4d4d4d');*/
}