/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/


#cboxWrapper h1, #cboxWrapper h2, #cboxWrapper h3, #cboxWrapper h4, #cboxWrapper h5, #cboxWrapper h6,
#cboxWrapper p {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight:normal;
    font-style: inherit;
    font-size: 100%;
    font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Arial,Verdana,Helvetica,sans-serif;
    vertical-align: baseline;
    color:#333333;
}

#cboxWrapper h1{
  font-size:125%;
  color:#124171;
}

#cboxWrapper h2 {
  font-size:100%; /*16px*/
}
#cboxWrapper h3 {
  font-size:94%;
}
#cboxWrapper h4 {
  font-size:88%;
}
#cboxWrapper h5,#cboxWrapper p {
  font-size:81%;
}
#cboxWrapper h6 {
  font-size:75%;
}

#cboxWrapper h2 {
  font-size:100%; /*16px*/
}
#cboxWrapper h3 {
  font-size:94%;
}
#cboxWrapper h4 {
  font-size:88%;
}
#cboxWrapper h5, #cboxWrapper p, #cboxWrapper label{
  font-size:81%;
}
#cboxWrapper h6 {
  font-size:75%;
}
#cboxWrapper button{
  border:0;
  padding:0;
  margin:0;
}
.ofTxtLeft{
  text-align:left!important;
}
.ofAltTopSpacing50{
  margin-top: 50px!important;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:10000; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#7f7f7f;}
#colorbox{}
#cboxTopLeft{width:23px; height:23px; background:url(../images/overlayborder.gif) no-repeat -1px top;}
#cboxTopRight{width:23px; height:23px;margin-left:-2px; background:url(../images/overlayborder.gif) no-repeat -1174px top;}
#cboxBottomLeft{width:23px; height:23px;margin-top:-4px; background:url(../images/overlayborder.gif) no-repeat -1px bottom;}
#cboxBottomRight{width:23px; height:23px;margin-left:-2px;margin-top:-4px; background:url(../images/overlayborder.gif) no-repeat -1174px bottom}
#cboxMiddleLeft{width:23px; background:#fff;margin-top: -4px}
#cboxMiddleRight{width:23px; background:#fff;margin-left: -2px;margin-top: -4px;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTopCenter{height:23px;margin-left:-2px; background:url(../images/overlayborder.gif) no-repeat -21px top;}
#cboxBottomCenter{height:23px;margin-left:-2px;margin-top:-4px; background:url(../images/overlayborder.gif) no-repeat -21px bottom;}
#cboxContent{background:#fff; overflow:hidden;margin-left: -2px;margin-top: -4px;position: relative}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxClose{
background: url("../images/overlayclose.gif") no-repeat scroll left top transparent;
height: 33px;
position: absolute;
right: 18px;
text-indent: -9999px;
top: 0;
width: 96px;}
#cboxClose.hover{background-position:left bottom;}