/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
                                         /*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}  */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#fff;
  filter:alpha(opacity=7);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 2px solid #bbb;
    box-shadow: 0 5px 20px rgba(0,0,0,0.7);
    text-align:left;
    padding:0px 0px 0px;
    border-radius:9px 9px 9px 9px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border: 1px solid #CACACA;
}

#TB_closeButton{
    cursor:pointer;
    position:absolute;
    right:6px;
    top:6px;
}

#TB_caption{        
  min-height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}

#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow{
    position: absolute;
    font-size: 30px;
    right: 37px;
    top: 10px;
}

#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title{
  border-top: 1px solid #6b6b6b;
  border-bottom: 1px solid #6b6b6b;
  background-color:#cacaca;
  height:27px;
}

#TB_ajaxContent{
  clear:both;
  padding:15px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
  padding:15px;
}

#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin: 5px;
  _margin-bottom:1px;
}

#TB_closeWindowButton {
    position: absolute;
}

.dim {
     position: absolute;
     left: 0;
     top: 0;
     font-family: monospace;
     font-size: 14px;
     width: 80px;
     height: 16px;
     text-align: center;
     border: none;
     background: white;
     border-radius: 2px;
     padding: 1px 2px;
     -moz-box-shadow: 0 0 6px #e3e3e3;
     -webkit-box-shadow: 0 0 6px #e3e3e3;
     box-shadow: 0 0 6px #e3e3e3;
 }

#TB_load {
    position: fixed;
    z-index: 101;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: url("../images/loading.png") no-repeat scroll center center;
}
#TB_load .title {
    margin: auto;
    position: absolute;
    vertical-align: middle;
    top: calc(50% + 50px);
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2px 5px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
}
