/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; 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%; height: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;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    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: none repeat scroll 0 0 #000000;}
#colorbox{}
#cboxTopLeft{width:25px; height:25px; background:url(../../images/colorbox/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(../../images/colorbox/border1.png) repeat-x 0 -37px;}
#cboxTopRight{width:25px; height:25px; background:url(../../images/colorbox/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(../../images/colorbox/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(../../images/colorbox/border1.png) repeat-x 0 -85px;}
#cboxBottomRight{width:25px; height:25px; background:url(../../images/colorbox/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(../../images/colorbox/border2.png) repeat-y 12px 0;}
#cboxMiddleRight{width:25px; background:url(../../images/colorbox/border2.png) repeat-y -37px 0;}
#cboxContent{background:#fff; overflow:hidden;}
#cboxContent.gradient {background:#fff url("../../images/colorbox/gradient.png") repeat-x left bottom}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin:90px 15px 25px 30px;}
#cboxTitle{position:absolute; top:0px; left:0; text-align:left; width:100%; color:#999;height:80px;background:transparent url('../../images/tc-sprite.png') no-repeat -600px -480px;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:#fff url(../../images/loading.gif) no-repeat 50% 50%;}
#cboxClose{position:absolute; top:5px; right:10px; width:15px;height:16px; overflow:hidden;text-indent:900em;display:block; color:#444;background:transparent url('../../images/tc-sprite.png') no-repeat -290px -130px}
#cboxClose:hover {background-position:-310px -130px}


#cboxTitle h1{
    font-family: 'CorporateACondensedRegular';font-size:22px;line-height:1.4em;color:#666666;margin:52px 0 0 30px;font-weight:normal
}
#cboxLoadedContent h2 {margin:2em 0 1em;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#666666;}
#cboxLoadedContent h2:first-child {margin-top:0;}
#cboxLoadedContent,
#cboxLoadedContent p {font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:15px;color:#666666;}
#cboxLoadedContent a {color:#003366;text-decoration:none;padding-left:9px;background:transparent url('../../images/links.png') no-repeat 0 3px;}
#cboxLoadedContent a:hover {color:#00ADEF;background-position:0 -47px}

/*  Scrollbar-Plugin */
.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background-color: #e7e7e7;
    position: relative;
    width:6px;
    margin-left:2px;
}

.jspDrag
{
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    background: #d9d9d9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #d9d9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d9d9d9 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#d9d9d9 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#d9d9d9 100%);
    background: linear-gradient(top,  #ffffff 0%,#d9d9d9 100%);

    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .5);

}

.jspDragTop {display: block;left:1px;top:50%;margin-top:-4px;width:4px;height:7px;background:transparent url("../../images/tc-sprite.png") no-repeat -330px -130px;position:absolute;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background-color: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding-left:0!important;
    margin-left:2px;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow{ width: 6px;height:12px;}

.jspArrow.jspArrowUp {height:9px;background:transparent url("../../images/tc-sprite.png") no-repeat -375px -110px!important;}
.jspArrow.jspArrowDown {background:transparent url("../../images/tc-sprite.png") no-repeat -390px -106px!important;}
.jspArrow.jspArrowUp.jspDisabled {background:transparent url("../../images/tc-sprite.png") no-repeat -381px -110px!important;}
.jspArrow.jspArrowDown.jspDisabled {background:transparent url("../../images/tc-sprite.png") no-repeat -396px -106px!important;}


.jspVerticalBar.hovered .jspTrack,
.jspVerticalBar:hover .jspTrack  {margin-left:1px;width:9px;}
.jspVerticalBar.hovered .jspDragTop,
.jspVerticalBar:hover .jspDragTop{left:3px;background-position: -334px -130px}
.jspVerticalBar.hovered .jspArrow,
.jspVerticalBar:hover .jspArrow {}



.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}