/* style for modelSelector filmstrip */

#modelFilmstripDiv {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 80px;
   overflow: hidden;
   border: solid 1px #f39;
   background: #7f4;
}
#modelFilmstripDiv.img {
   width: 70px;
   height: 85px;
}

#modelStripHolderDiv {
   position: relative;
   top: 0px;
   left: 62px;
   width: 222px;
   overflow: hidden;
   visibility: visible;
   border: solid 1px #999;
}
#modelStripHolderDiv.zeroFrame {
   border: none;
}
#modelStripHolderDiv.oneFrame {
   width: 74px;
   left: 135px;
   visibility: visible;
}
#modelStripHolderDiv.twoFrame {
   width: 148px;
   left: 95px;
   visibility: visible;
}

/* width is calculated according to number of frames */
#modelStripDiv {
   height: 93px;
   margin: none;
   border: none;
   background: #efe;
}

div.modelFilmstripFrame {
   float: left;
   width: 70px;
   height: 90px;
   border: solid 2px #efe;
   padding: 0px;
   margin: 0px;
}
div.modelFilmstripFrame.selected {
   border: solid 2px #0f0;
}
div.modelFilmstripFrame.multiple {
   border: solid 2px #f00;
}

img.modelFilmstripImage {
   border: none;
   padding: 0px;
   margin: 0px;
}

#modelFilmstripFrameBuffer {
   width: 0px;
}

div.modelFilmstripFrameId {
   position: relative;
   top: 105px;
   width: 50px;
   height: 20px;
   border: solid 1px #000;
   border: none;
   background: #e9e9e9;
   visibility: hidden;
}

#modelArrowContainer {
   position: absolute;
   top: 38px;
   left: 14px;
   width: 34px;
   height: 16px;
   border: none;
}

#modelEndLeftArrowDiv {
   left: 0px;
}
#modelLeftArrowDiv {
   top: 30px;
   left: 20px;
   width:30px;
   height:42px;
}
#modelRightArrowDiv {
   top: 30px;
   right: 20px;
   width:30px;
   height:42px;
}
#modelEndRightArrowDiv {
   left: 48px;
}

div.modelArrowDiv {
   position: absolute;
   top: 0px;
   width: 14px;
   height: 14px;
   border-right: solid 1px #555;
   border-bottom: solid 1px #555;
   border-left: solid 1px #fff;
   border-top: solid 1px #fff;
   background: #ccc;
}
div.modelArrowDiv.down {
   border-left: solid 1px #555;
   border-top: solid 1px #555;
   background: #ddd;
}

img.modelArrowImg {
   position: absolute;
   top: 1px;
   left: 3px;
   border: none;
}