/* 
--------------------------------------------------------------------------------
  Interactive Preview
--------------------------------------------------------------------------------
*/

DIV.docPreview8_5x11
{
	top:                0px;
	left:               0px;
	width:              450px;
	height:             270px;
	position:           relative;
	text-align:         center;
}
DIV.size8_5x11Page
{
    top:				10px;
    left:				125px;
	width:				185px;
	height:				240px;
    position:			absolute;
    background-color:	white;
	background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
	  background-image: url(/images/preview/blank.png);

}
DIV.size8_5x11PageFrame
{
    top:				0px;
    left:				115px;
	width:				205px;
	height:				260px;
    position:			absolute;
	background-color:   transparent;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/letter_p_singleframe.png);

}
DIV.size8_5x11Tabs
{
    top:                11px;
	width:				20px;
	height:				240px;
    position:			absolute;
    background-color:	transparent;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/blank.png);

}
DIV.size082Tabs
{
    top:                8px;
    width:              20px;
    height:             244px;
    position:           absolute;
    background-color:   transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/blank.png);

}
DIV.size100Tabs
{
    top:                8px;
    width:              20px;
    height:             244px;
    position:           absolute;
    background-color:   transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/blank.png);

}
DIV.size8_5x11Block
{
	top:				0px;
	left:				115px;
	width: 				205px;
	height: 			270px;
	position:			absolute;
	display: 			block;
	background-color:   #ffffff;
}
DIV.size8_5x11Clear
{
	width: 				205px;
	height: 			260px;
	position:			absolute;
	background-color:   transparent;
	display: 			block;
	background-repeat:  no-repeat;
    z-index:            17;
      background-image: url(/images/preview/cover_vinyl_clear.png);

}


DIV.docPreview8_5x14
{
	top:                0px;
	left:               0px;
	width:              450px;
	height:             270px;
	position:           relative;
	text-align:         center;
}
DIV.size8_5x14Page
{
    top:				10px;
    left:				135px;
	width:				146px;
	height:				240px;
    position:			absolute;
    background-color:	white;
	background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
      background-image: url(/images/preview/blank.png);

}
DIV.size8_5x14PageFrame
{
    top:				0px;
    left:				125px;
	width:				166px;
	height:				260px;
    position:			absolute;
	background-color:   transparent;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/legal_p_singleframe.png);

}
DIV.size8_5x14Block
{
	top:				0px;
	left:				125px;
	width: 				166px;
	height: 			260px;
	position:			absolute;
	display: 			none;
	background-color:   #ffffff;
}


DIV.docPreview11x17
{
	top:                0px;
	left:               0px;
	width:              380.0px;
	height:             266.6666666666667px;
	position:           relative;
	text-align:         center;
}
DIV.size11x17Page
{
    top:				7px;
    left:				150px;
	width:				160px;
	height:				247px;
    position:			absolute;
    background-color:	white;
	background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
	  background-image: url(/images/preview/blank.png);

}
DIV.size11x17PageFrame
{
    top:				0px;
    left:				143px;
	width:				173px;
	height:				260px;
    position:			absolute;
	background-color:   transparent;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/tabloid_p_singleframe.png);

}
DIV.size11x17Block
{
	top:				0px;
	left:				143px;
	width: 				173px;
	height: 			260px;
	position:			absolute;
	display: 			none;
	background-color:   #ffffff;
}

DIV.docPreview033
{
	top:                0px;
	left:               0px;
	width:              450px;
	height:             270px;
	position:           relative;
	text-align:         center;
}
DIV.size033Page
{
    top:				0px;
    left:				130px;
	width:				120px;
	height:				240px;
    position:			absolute;
    background-color:	white;
	background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
	  background-image: url(/images/preview/blank.png);

}
DIV.size033PageFrame
{
    top:				0px;
    left:				120px;
	width:				140px;
	height:				260px;
    position:			absolute;
	background-color:   transparent;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/033_p_singleframe.png);

}
DIV.size033Block
{
	top:				0px;
	left:				120px;
	width: 				140px;
	height: 			260px;
	position:			absolute;
	display: 			none;
	background-color:   #ffffff;
}

DIV.docPreview050
{
	top:                0px;
	left:               0px;
	width:              450px;
	height:             270px;
	position:           relative;
	text-align:         center;
}
DIV.size050Page
{
    top:				0px;
    left:				130px;
	width:				120px;
	height:				240px;
    position:			absolute;
    background-color:	white;
	background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
	  background-image: url(/images/preview/blank.png);

}
DIV.size050PageFrame
{
    top:				0px;
    left:				120px;
	width:				140px;
	height:				260px;
    position:			absolute;
	background-color:   transparent;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/050_p_singleframe.png);

}
DIV.size050Block
{
	top:				0px;
	left:				120px;
	width: 				140px;
	height: 			260px;
	position:			absolute;
	display: 			none;
	background-color:   #ffffff;
}


DIV.docPreview067
{
	top:                0px;
	left:               0px;
	width:              450px;
	height:             270px;
	position:           relative;
	text-align:         center;
}
DIV.size067Page
{
    top:				10px;
    left:				150px;
	width:				160px;
	height:				240px;
    position:			absolute;
    background-color:	white;
	background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
	  background-image: url(/images/preview/blank.png);

}
DIV.size067PageFrame
{
    top:				0px;
    left:				140px;
	width:				180px;
	height:				260px;
    position:			absolute;
	background-color:   transparent;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/067_p_singleframe.png);

}
DIV.size067Block
{
	top:				0px;
	left:				140px;
	width: 				180px;
	height: 			260px;
	position:			absolute;
	display: 			none;
	background-color:   #ffffff;
}


DIV.docPreview070
{
	top:                0px;
	left:               0px;
	width:              450px;
	height:             270px;
	position:           relative;
	text-align:         center;
}
DIV.size070Page
{
    top:				10px;
    left:				146px;
	width:				168px;
	height:				240px;
    position:			absolute;
    background-color:	white;
	background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
	  background-image: url(/images/preview/blank.png);

}
DIV.size070PageFrame
{
    top:				0px;
    left:				136px;
	width:				188px;
	height:				260px;
    position:			absolute;
	background-color:   transparent;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/070_p_singleframe.png);

}
DIV.size070Block
{
	top:				0px;
	left:				136px;
	width: 				188px;
	height: 			260px;
	position:			absolute;
	display: 			none;
	background-color:   #ffffff;
}


DIV.docPreview075
{
	top:                0px;
	left:               0px;
	width:              450px;
	height:             270px;
	position:           relative;
	text-align:         center;
}
DIV.size075Page
{
    top:				10px;
    left:				140px;
	width:				180px;
	height:				240px;
    position:			absolute;
    background-color:	white;
	background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
	  background-image: url(/images/preview/blank.png);

}
DIV.size075PageFrame
{
    top:				0px;
    left:				130px;
	width:				200px;
	height:				260px;
    position:			absolute;
	background-color:   transparent;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/075_p_singleframe.png);

}
DIV.size075Block
{
	top:				0px;
	left:				130px;
	width: 				200px;
	height: 			260px;
	position:			absolute;
	display: 			none;
	background-color:   #ffffff;
}


DIV.docPreview082
{
	top:                0px;
	left:               0px;
	width:              450px;
	height:             270px;
	position:           relative;
	text-align:         center;
}
DIV.size082Page
{
    top:				10px;
    left:				130px;
	width:				197px;
	height:				240px;
    position:			absolute;
    background-color:	white;
	background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
	  background-image: url(/images/preview/blank.png);

}
DIV.size082PageFrame
{
    top:				0px;
    left:				120px;
	width:				217px;
	height:				260px;
    position:			absolute;
	background-color:   transparent;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/082_p_singleframe.png);

}
DIV.size082Block
{
	top:				0px;
	left:				120px;
	width: 				217px;
	height: 			260px;
	position:			absolute;
	display: 			none;
	background-color:   #ffffff;
}

DIV.docPreview100
{
    top:                0px;
    left:               0px;
    width:              520px;
    height:             270px;
    position:           relative;
    text-align:         center;
}
DIV.size100Page
{
    top:                10px;
    left:               130px;
    width:              240px;
    height:             240px;
    position:           absolute;
    background-color:   white;
    background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
      background-image: url(/images/preview/blank.png);

}
DIV.size100PageFrame
{
    top:                0px;
    left:               120px;
    width:              260px;
    height:             260px;
    position:           absolute;
    background-color:   transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/100_p_singleframe.png);

}
DIV.size100Block
{
    top:                0px;
    left:               120px;
    width:              260px;
    height:             260px;
    position:           absolute;
    display:            none;
    background-color:   #ffffff;
}

DIV.docPreviewposter
{
    top:                0px;
    left:               0px;
    width:              520px;
    height:             270px;
    position:           relative;
    text-align:         center;
}
DIV.sizeposterPage
{
    top:                10px;
    left:               130px;
    width:              240px;
    height:             240px;
    position:           absolute;
    background-color:   white;
    background-repeat:  no-repeat;
    filter:             alpha('opacity=100');
      background-image: url(/images/preview/blank.png);

}
DIV.sizeposterPageFrame
{
    top:                0px;
    left:               120px;
    width:              260px;
    height:             260px;
    position:           absolute;
    background-color:   transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/blank.png);

}


/* finishing class definition */
DIV.generic_finishing
{
	top: 				0px;
	left:				0px;
	width: 				205px;
	height: 			260px;
	position:			absolute;
	background-color:   transparent;
	display: 			none;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/blank.png);

}


/* NCR definition */
DIV.generic_NCR
{
	top: 				249px;
	left:				115px;
	width: 				205px;
	height: 			22px;
	position:			absolute;
	background-color:   transparent;
	display: 			none;
	background-repeat:  no-repeat;
	  background-image: url(/images/preview/blank.png);

}


/* coil binding images */
DIV.coil-front
{
	top: 0px;  left: 208px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/coil_black_front.png);

}
DIV.coil-inside
{
	top: 0px;  left: 208px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/coil_black_inside.png);

}
DIV.coil-back
{
	top: 0px;  left: 209px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/coil_black_back.png);

}


/* plastikoil binding images */
DIV.plastikoil-front
{
    top: 0px;  left: 208px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/plastikoil_black_front.png);

}
DIV.plastikoil-inside
{
    top: 0px;  left: 208px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/plastikoil_black_inside.png);

}
DIV.plastikoil-back
{
    top: 0px;  left: 209px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/plastikoil_black_back.png);

}


/* spiral binding images */
DIV.spiral-front
{
    top: 0px;  left: 208px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/plastikoil_black_front.png);

}
DIV.spiral-inside
{
    top: 0px;  left: 208px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/coil_black_inside.png);

}
DIV.spiral-back
{
    top: 0px;  left: 209px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/coil_black_back.png);

}


/* comb binding images */
DIV.comb-front
{
	top: 0px;  left: 208px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/comb_letter_black_front.png);

}
DIV.comb-inside
{
	top: 0px;  left: 208px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/comb_letter_black_inside.png);

}
DIV.comb-back
{
	top: 0px;  left: 209px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/comb_letter_black_back.png);

}


/* tape binding images */
DIV.tape-front
{
	top: 0px;  left: 203px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/tape_black_front.png);

}
DIV.tape-inside
{
	top: 0px;  left: 203px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/tape_black_inside.png);

}
DIV.tape-back
{
	top: 0px;  left: 204px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/tape_black_back.png);

}


/* wire binding images */
DIV.wire-front
{
    top: 0px;  left: 203px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/wire_black_front.png);

}
DIV.wire-inside
{
    top: 0px;  left: 203px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/wire_black_inside.png);

}
DIV.wire-back
{
    top: 0px;  left: 204px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
    background-repeat:  no-repeat;
      background-image: url(/images/preview/wire_black_back.png);

}


/* wireless binding images */
DIV.wireless-front
{
    top: 0px;  left: 203px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/wireless_black_front.png);

}
DIV.wireless-inside
{
    top: 0px;  left: 203px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/wireless_black_inside.png);

}
DIV.wireless-back
{
    top: 0px;  left: 204px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/wireless_black_back.png);

}


/* velo binding images */
DIV.velo-front
{
    top: 0px;  left: 203px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/velo_1-inch_black_front.png);

}
DIV.velo-inside
{
    top: 0px;  left: 203px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/velo_1-inch_black_inside.png);

}
DIV.velo-back
{
    top: 0px;  left: 204px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/velo_1-inch_black_back.png);

}


/* staple binding images */
DIV.staple-front
{
	top: 0px;  left: 211px;  width: 10px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/staple_letter_upperleft_portrait_front.png);

}
DIV.staple-inside
{
	top: 0px;  left: 192px;  width: 50px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/staple_letter_upperleft_portrait_inside.png);

}
DIV.staple-back
{
	top: 0px;  left: 211px;  width: 10px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/staple_letter_upperleft_portrait_back.png);

}


/* drilling images */
DIV.drill-front
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/drill_letter_3_hole_front.png);

}
DIV.drill-inside
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/drill_letter_3_hole_inside.png);

}
DIV.drill-back
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/drill_letter_3_hole_back.png);

}


/* binder images */
DIV.binder-front
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_front.png);

    z-index: 15;
}
DIV.binder-inside
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_inside.png);

}
DIV.binder-back
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_back.png);

    z-index: 15;
}


/* Engineering Binding 
DIV.engineering_binding-front
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_front.png);

    z-index: 15;
}
DIV.engineering_binding-inside
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_inside.png);

}
DIV.engineering_binding-back
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_back.png);

    z-index: 15;
} */
DIV.engineering_binding_left-front
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_front.png);

    z-index: 15;
}
DIV.engineering_binding_left-inside
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_inside.png);

}
DIV.engineering_binding_left-back
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_back.png);

    z-index: 15;
}
DIV.engineering_binding_right-front
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_front.png);

    z-index: 15;
}
DIV.engineering_binding_right-inside
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_inside.png);

}
DIV.engineering_binding_right-back
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_back.png);

    z-index: 15;
}
DIV.engineering_binding_top-front
{
	top: -1px;  left: 208px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_front.png);

    z-index: 15;
}
DIV.engineering_binding_top-inside
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_inside.png);

}
DIV.engineering_binding_top-back
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_back.png);

    z-index: 15;
}
DIV.engineering_binding_bottom-front
{
	top: -1px;  left: 208px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_front.png);

    z-index: 15;
}
DIV.engineering_binding_bottom-inside
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_inside.png);

}
DIV.engineering_binding_bottom-back
{
	top: 0px;  left: 196px;  width: 40px;  height: 260px;  position: absolute;  display: none;  background: transparent;
	background-repeat:  no-repeat;
      background-image: url(/images/preview/binder_letter_3ring_back.png);

    z-index: 15;
}