.ex-lightbox A:focus { 
  outline: none; 
}

.ex-lightbox .thumbs,
.ex-lightbox .filmstrip {
  clear: both; /* Fix for IE */
}

.ex-lightbox .thumb {
  text-align: center;
  
  float:   left;

  margin:  0.4em;
  
  padding-top: 0.1em;
  
  position: relative;  
}

/*
.browser-Safari  .ex-lightbox .thumb INPUT,
.browser-Firefox .ex-lightbox .thumb INPUT { display: none; }
BODY .ex-lightbox .thumb:hover INPUT       { display: block; }
*/

.ex-lightbox .selected img,
.ex-lightbox .thumb:hover img {
  border-color: #93B9D8;
}

.ex-lightbox .selection .thumb    { display: none;  }
.ex-lightbox .selection .selected { display: block; }

.ex-lightbox .visual { /* Vertical align image (align="middle") */
  margin-right: 0.2em;
  padding:      0.1em 0.2em;
}

.ex-lightbox .visual A {
  display:  block;
  overflow: hidden;
}

.ex-lightbox .visual IMG {
  height: 5.3em;
  cursor: pointer;
  align:  center;
  margin: 1px;
}

.ex-lightbox .caption,
.ex-lightbox .title {
  text-align:  center;
  font-size:   82%;
  
  color: #666666;

  overflow:    hidden;
  white-space: nowrap;
  width:       92%;
  margin:      0px 2%;
  
  position:   absolute;
  bottom:     0em;
  left:       0px;
}

.ex-lightbox .caption {
  bottom:   0.1em;
}

.ex-lightbox .icons {
  position: absolute;
  bottom:   25px;
  right:     6px;
  background-color: #F5F5F5;
}

.ex-lightbox .thumb .check {
  position: absolute;
  top:   0.4em;
  right: 0.6em;
  background-color: #F5F5F5;
}

.ex-lightbox .thumb .check INPUT {
  outline: none;
  margin: 0.2em;
}

/* ---------------------------------------------- */
/*  TRACK / HANDLE                                */
/* ---------------------------------------------- */


.ex-lightbox .menu .track {
  width: 80px; 
  height: 6px;
  
  margin: 4px;
  margin-right: 15px;
  background-color:#F6F6F6;
  
  border-style: solid;
  border-color: #CDCDCD #CECECE #CECECE #CECECE;
  border-width: 1px;
  
  position: relative;
}

.ex-lightbox .menu .handle { 
  width:  9px; 
  height:17px; 
  background-image: url(../images/handle.gif);; 
  cursor:move;
  margin-top: -4px;
  
  position: absolute;
  left: 45%;
}


/* ---------------------------------------------- */
/*  FILMSTRIP                                     */
/* ---------------------------------------------- */

.ex-lightbox .filmstrip .strip-bg{
  border-top: 1px solid #FFFFFF;
  background-color: #FCFCFC;
}

.ex-lightbox .filmstrip .strip {
  height:  9em;
  margin: 0 auto;
}

.ex-lightbox .filmstrip .strip .thumb {
  margin: 0.4em 0.6em;
}

.ex-lightbox .filmstrip .strip .hl {
  border: 3px solid orange;
  margin: 0.2em 0.6em;
}
.ex-lightbox .filmstrip .strip .lightbox-check {
  display: none;
}

.ex-lightbox .filmstrip .strip .thumbNav,
.ex-lightbox .filmstrip .strip .thumbNav:hover {
  float:  left;
  margin: 2.2em 0px 0px 0px;
  height: 30px;
  display: block;
}

.ex-lightbox .filmstrip .preview {
  margin: 0 auto;
  border-top:  1px solid #DFDFDF;
}

.ex-lightbox .filmstrip .preview .wrapper {
  position: relative;
}

.ex-lightbox .preview .check {
  top:   1em;
  right: 1em;
  background-color: #FFFFFF;
}

.ex-lightbox .filmstrip .preview IMG.thumbnail {
  border: 1px solid orange;
}


/* ---------------------------------------------- */
/*  FILMSTRIP - TEMPLATE                          */
/* ---------------------------------------------- */

.ex-lightbox .template {
  padding: 1em;
	border-top:  1px solid #DFDFDF;
}

.ex-lightbox .template .check {
	float: left;
  font-size: 26px;
	padding: 5px;
	position: absolute;
	z-index: 10;
}

.ex-lightbox .template .preview {
	border: 0;
}
.ex-lightbox .template H1,
.ex-lightbox .template H3 {
	font-size: 26px;
	margin-left: 20px;
}

.ex-lightbox .template .typeInfo {
  margin-bottom: 10px;
}

.ex-lightbox .template .description {
  margin-bottom: 10px;
}

.ex-lightbox .template .right-column {
  float: right;
  width: 300px; 
}

.ex-lightbox .template .links {
  font-weight: bold;
}

.ex-lightbox .template .links UL {
  list-style-type: none;
  padding: 0px;
  margin:  0px;
}

.ex-lightbox .template .links  LI,
.ex-lightbox .template .links  LI A,
.ex-lightbox .template .links  LI A:hover {
  line-height: 24px;
  font-size:   16px;
  text-decoration: none;
}
.ex-lightbox .template .links IMG.icon {
  vertical-align: baseline;
}

.ex-lightbox .template .links,
.ex-lightbox .template .metadata {
  margin: 10px 0 16px 0;
  padding: 5px;
  background-color: #F7F7F7;
  border: 1px solid #DDDDDD;
  font-size: 12px;
}

.ex-lightbox .template TH {
  text-align: left;
  font-weight: bold;
}
.ex-lightbox .template TH,
.ex-lightbox .template TD {
  vertical-align: top;
}
.ex-lightbox .template .metainfo{
  float: left;
  overflow: hidden;
  margin-bottom: 18px;
  margin-right:  18px;
}

.ex-lightbox .template .metainfo TABLE {
  font-size: 12px;
}

.ex-lightbox .template .metainfo TH {
  background-color: #F3F3F3;
}

.ex-lightbox .template .metainfo TD {
  border-top: 2px solid #F3F3F3;
}