/* viewfile */

div#popup
{
position: relative;
width: 981px;
height: 754px;
overflow: hidden;
background-image: url(../../../dms/images/bg_popup.png);
background-position: right bottom;
background-repeat: no-repeat;
}

div.popupSmall
{
width: 646px!important;
height: 646px!important;
}

div.popupAGB
{
height: 654px!important;
}

div.popupClose
{
position: absolute;
right: 8px;
top: 5px;
width: 19px;
height: 19px;
}

div.popupClose a,
div.popupClose a:link,
div.popupClose a:visited,
div.popupClose a:hover,
div.popupClose a:focus,
div.popupClose a:active
{
display: block;
width: 19px;
height: 19px;
background-image: url(../../../dms/images/close_blue1.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

div.popupClose a:hover,
div.popupClose a:focus,
div.popupClose a:active
{
background-image: url(../../../dms/images/close_blue2.gif);
}

div.popupPrint
{
position: absolute;
right: 34px;
top: 6px;
width: auto;
}



div.innerPopup
{
width: 977px;
height: 750px;
overflow: hidden;
background-color: #000000;
}

div.innerPopupSmall
{
width: 642px;
height: 642px;
}

div.popupContent
{
padding: 19px 16px 0px 16px;
}


/* popup left */

div.popupLeft  {
float: left;
width: 642px;
/* height: 642px; */
overflow:hidden;
}

div.puTopsSpacer
{
height: 7px!important;
}

div.puTopsSpacerRight
{
height: 4px!important;
}

/* changed by Pentalog for BITS-1255 */
/* extended container height and width to
include also the borders beside the image size */
div.popupLeft div.viewfile_main_img
{
display: table-cell;
height: 642px;
width: 642px;
overflow: hidden;
line-height: 642px;
vertical-align: middle;
text-align: center;
background-color: #101010;
border: 1px solid #191919;
}

div.popupLeft div.viewfile_main_img img
{
vertical-align: middle;
}

div.agbContainer
{
width: 942px;
height: 494px;
overflow: auto;
border-top: 1px solid #191919;
border-bottom: 1px solid #191919;
}

div.agbInnerContainer
{
width: 620px;
height: auto;
overflow: auto;
}


div.popupLeft div.imagesContainer
{
width: 642px;
height: 687px;
overflow: auto;
border-top: 1px solid #191919;
border-bottom: 1px solid #191919;
}

div.popupLeft div.imagesInnerContainer
{
width: 620px;
height: auto;
overflow: hidden;
}

div.popupLeft div.imgOutterBox
{
float: left;
width: 96px;
height: 131px;
overflow: hidden;
margin: 7px 28px 0px 0px;
}

div.popupLeft div.imgBox
{
width: 94px;
height: 94px;
border: 1px solid #191919;
overflow: hidden;
background-color: #101010;
}

div.listMode
{
float: left;
}


h2.puLeft
{
position: relative;
top: 0px;
left: 0px;
margin-top: 6px!important;
padding-top: 3px!important;
padding-bottom: 5px!important;
border-top: 1px solid #191919;
}

div.totalPrice
{
position: relative;
top: 0px;
right: 0px;
width: auto;
padding-top: 0px;
padding-right: 4px;
text-align: right;
font-size: 13px;
line-height: 17px;
font-family: arial, helvetica, sans-serif;
float: right;
}


h2.puLeftFirst
{
position: relative;
border-top: none;
padding-top: 3px!important;
padding-bottom: 5px!important;
}



div.popupLeft table.imgBoxTable
{
width: 100%;
height: 100%;
}

div.popupLeft table.imgBoxTable td
{
width: 92px;
height: 92px;
text-align: center;
vertical-align: middle;
font-size: 1px;
}

div.popupLeft table.imgBoxTable td img
{
display: block;
margin: 0px auto 0px auto;
}

div.popupLeft div.imgTextBox
{
padding: 4px 0px 0px 2px;
}



div.popupLeft div.imgOutterBoxList
{
width: 613px;
overflow: hidden;
margin: 7px 0px 0px 0px;
padding-bottom: 10px;
}

div.popupLeft div.imgTextBoxList
{
float: right;
width: 504px;
}

div.popupLeft div.imgTextBoxList textarea
{
display: block;
width: 498px;
height: 56px;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
color: #666666;
margin-top: 3px;
}

div.popupLeft div.imgTextBoxList textarea:focus
{
border: 2px solid #008DF3!important;
}

div.popupLeft div.imgTextBoxList textarea.disabled
{
background-color: #EBEBE4;
border: 1px solid #666666!important;
cursor: default; 
}


div.popupLeft div.imgTextBoxList select
{
display: block;
width: 194px;
margin-top: 3px;
margin-bottom: 3px;
}

/* popup footer new since 2011.05.06 */

div.popupFooter
{
padding-top: 5px;
}

div.popupFooterLeft
{
float: left;
width: auto;
}

div.popupFooterRight
{
float: right;
width: auto;
}

div.popupFooterRight ul
{
list-style-type: none;
margin: 0px;
padding: 0px;
border: 0px;
}

div.popupFooterRight ul li
{
display: inline;
margin: 0px;
padding: 0px 0px 0px 10px;
border: 0px;
}


div.popupFooterLeft a,
div.popupFooterLeft a:link,
div.popupFooterLeft a:visited,
div.popupFooterLeft a:hover,
div.popupFooterLeft a:focus,
div.popupFooterLeft a:active
{
color: #7D7D7D!important;
}



/* popup right */

div.popupRight
{
float: right;
width: 287px;
height: 722px;
overflow: hidden;
}

div.popupRight ul
{
list-style-type: none;
margin: 0px 0px 0px 19px;
padding: 0px;
border: 0px;
}

div.popupRight ul li
{
list-style-type: none;
margin: 0px;
padding: 0px;
border: 0px;
}

div.popupRight h1
{
margin: 0px;
padding: 0px 0px 0px 19px;
border: 0px;
height: 42px;
overflow:hidden;
}

.noPaddingPuRight
{
height: 38px!important;
padding: 0px!important;
}

span.stepHigh
{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
color: #DDDDDD;
}

span.stepLow
{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
color: #7D7D7D;
}

h2.orderRight
{
padding-top: 5px!important;
padding-bottom: 8px!important;
line-height: 18px!important;
}

p.orderReady
{
padding-top: 5px!important;
padding-bottom: 10px!important;
line-height: 17px!important;
color: #DDDDDD;
font-weight: bold;
}


p.orderRightText
{
padding-top: 8px!important;
padding-bottom: 10px!important;
}

div.popupSubText
{
height: auto!important;
height: 34px;
min-height: 34px;
overflow: hidden;
margin: 0px;
padding: 0px 0px 9px 19px;
border: 0px;
}


div.popupRight h2
{
margin: 0px;
padding: 5px 0px 8px 0px;
line-height: 19px;
vertical-align: middle;
}

div.popupRight p
{
margin: 0px;
padding: 2px 0px 15px 0px;
line-height: 17px;
}

div.rightScroller
{
height: 639px;
overflow: auto;
border-top: 1px solid #191919;
border-bottom: 1px solid #191919;
}

div.innerRightScroller
{
width: 255px;
}


div.popupRight div.viewfile_options_menu
{
overflow: hidden;
padding: 5px 0px 6px 19px;
border-top: 1px solid #191919;
}

div.popupRight div.viewfile_options_menu ul {
margin: 0px;
padding: 0px;
border: 0px;
}
div.popupRight div.viewfile_options_menu ul li{
padding: 0px;
line-height: 17px;
vertical-align: middle;
}

div.viewfile_options_special
{
padding: 6px 0px 5px 19px;
border-top: 1px solid #191919;
}

div.viewfile_options_special p
{
margin: 0px;
padding: 0px!important;
font-size: 12px;
line-height: 17px;
}

div.viewfile_options_special h2
{
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
}

/* changed overflow by Pentalog for issue BITS-1313 */
div.popupRight div.viewfile_options
{
overflow-x: hidden;
overflow-y: auto;
height: 460px;
border-top: 1px solid #191919;
}


div.viewfile_options_shorter
{
height: 401px!important;
}


div.popupRight div.viewfile_optionBlock
{
margin: 0px;
padding: 6px 0px 1px 0px;
}

div.popupRight div.viewfile_optionBlock h2
{
margin: 0px;
padding: 0px 0px 0px 19px;
font-family: georgia, arial, helvetica, sans-serif;
font-size: 15px;
line-height: 19px;
}

div.popupRight div.viewfile_optionBlock h2.shyh2icon,
div.popupRight div.viewfile_optionBlock h2.shyh2icon2
{
background-image: url(../../../dms/images/arrowd2.gif);
background-repeat:no-repeat;
background-position: 3px 2px;
cursor: pointer;
}

div.popupRight div.viewfile_optionBlock h2.shyh2icon2
{
background-image: url(../../../dms/images/arrowd1.gif);
}

div.popupRight div.viewfile_optionBlock ul
{
display: none;
margin: 0px 0px 0px 19px;
}

div.popupRight div.viewfile_optionBlock ul li
{
margin: 0px 0px 0px 0px;
}

div.popupRight div.viewfile_optionBlock h3
{
margin: 0px;
padding: 7px 0px 0px 0px;
border: 0px;
color: #DDDDDD;
line-height: 17px;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
}

div.popupRight div.viewfile_optionBlock p
{
margin: 0px;
padding: 0px 3px 1px 0px;
}






/* popup forms & tables */

div.popupRight div.viewfile_optionBlock select
{
margin-top: 8px;
margin-bottom: 8px;
width: 244px;
}

.lightboxFormsViewfile
{
display: none;
}

.lightboxFormsViewfile select
{
width: 268px;
}

.lightboxFormsViewfile div.formSubmit input
{
margin-bottom: 10px!important;
}

span.viewfile_add_lightbox_button
{
color: #008DF3;
cursor: pointer;
}

span.viewfile_add_lightbox_button:hover
{
text-decoration: underline;
}

span.valbOff
{
color: #7D7D7D;
}

span.valbOff:hover
{
text-decoration: none;
}


div.popupRight div.viewfile_optionBlock table.imageSize th.first
{
width: 48px;
}

div.popupRight div.viewfile_optionBlock table.imageSize th.second
{
width: 100px;
}

div.popupRight div.viewfile_optionBlock table.imageSize th.third
{
width: 80px;
}

div.popupRight div.viewfile_options_anlass
{
}

span.preis {
float:left;
color: #DDDDDD;
}
span.purchaseInfo {
color: #7D7D7D;
}

table.imageSize,
table.imagePrice
{
margin: 4px 0px 0px 0px;
width: 200px;
}

table.imageSize th,
table.imageSize td,
table.imagePrice th,
table.imagePrice td
{
text-align: right;
padding: 3px 2px 3px 2px;
border-bottom: 1px solid #191919;
}

table.imageSize th,
table.imagePrice th
{
color: #DDDDDD;
font-family: georgia,arial,helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
}

table.imageSize td.first,
table.imageSize th.first,
table.imagePrice td.first,
table.imagePrice th.first
{
text-align: left!important;
}


/* Pentalog commented out for BITS-948
table.imageSize th.first
{
width: 50px;
}

table.imageSize th.second
{
width: 102px;
}

table.imageSize th.third
{
width: 82px;
}

table.imagePrice th.first
{
width: 92px;
}

table.imagePrice th.second
{
width: 92px;
}

table.imagePrice th.third
{
width: 44px;
} */