/**************************************************************************
   css for Photo Gallery
**************************************************************************/

.SmallWhite { font-size: 8pt; color: #FFFFFF;font-weight:bold;padding:4px; }
.SmallWhite a { color: white; }
.SmallWhite a:hover { color : #66FF33; }
.MediumWhite { font-size: 10pt; color: #FFFFFF; font-weight:bold;padding:4px; }
.BigWhite { font-size: 12pt; color: #FFFFFF; font-weight:bold; }
.LargeWhite { font-size: 14pt; color: #FFFFFF;padding:4px; }
.SmallBlack { font-size: 8pt; color: #000000;padding:4px; }
.SmallBlack a { color: white; }
.SmallBlack a:hover { color : #66FF33; }
.MediumBlack { font-size: 10pt; color: #000000;padding:4px; }
.BigBlack { font-size: 12pt; color: #F000000;padding:4px; }
.LargeBlack { font-size: 14pt; color: #000000;padding:4px; }
.SmallGrey { font-size: 8pt; color: #A4A4A4;padding:4px; }
.MediumGrey { font-size: 10pt; color: #A4A4A4;padding:4px; }
.BigGrey { font-size: 12pt; color: #A4A4A4;padding:4px; }
.LargeGrey { font-size: 14pt; color: #A4A4A4;padding:4px; }
.SmallBlue { font-size: 8pt; color: #08298A;padding:4px; }
.MediumBlue { font-size: 10pt; color: #08298A;padding:4px; }
.BigBlue { font-size: 12pt; color: #08298A;padding:4px; }
.LargeBlue { font-size: 14pt; color: #08298A; padding:4px;}

.jssora01l, .jssora01r, .jssora01ldn, .jssora01rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(/css/images/a01.png) no-repeat;
    overflow:hidden;
}
.jssora01l { background-position: -8px -38px; }
.jssora01r { background-position: -68px -38px; }
.jssora01l:hover { background-position: -128px -38px; }
.jssora01r:hover { background-position: -188px -38px; }
.jssora01ldn { background-position: -8px -38px; }
.jssora01rdn { background-position: -68px -38px; }

.jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(/css/images/a02.png) no-repeat;
    overflow:hidden;
}
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02ldn { background-position: -3px -33px; }
.jssora02rdn { background-position: -63px -33px; }

.jssora04l, .jssora04r, .jssora04ldn, .jssora04rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(/css/images/a04.png) no-repeat;
    overflow:hidden;
}
.jssora04l { background-position: -16px -39px; }
.jssora04r { background-position: -76px -39px; }
.jssora04l:hover { background-position: -136px -39px; }
.jssora04r:hover { background-position: -196px -39px; }
.jssora04ldn { background-position: -256px -39px; }
.jssora04rdn { background-position: -316px -39px; }

.jssora09l, .jssora09r, .jssora09ldn, .jssora09rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(/css/images/a09.png) no-repeat;
    overflow:hidden;
    opacity: .4; filter:alpha(opacity=40);
}
.jssora09l { background-position: -5px -35px; }
.jssora09r { background-position: -65px -35px; }
.jssora09l:hover { background-position: -5px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssora09r:hover { background-position: -65px -35px; opacity: .8; filter:alpha(opacity=80); }
.jssora09ldn { background-position: -5px -35px; opacity: .3; filter:alpha(opacity=30); }
.jssora09rdn { background-position: -65px -35px; opacity: .3; filter:alpha(opacity=30); }

.jssora14l, .jssora14r, .jssora14ldn, .jssora14rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(/css/images/a14.png) no-repeat;
    overflow:hidden;
}
.jssora14l { background-position: -15px -35px; }
.jssora14r { background-position: -75px -35px; }
.jssora14l:hover { background-position: -135px -35px; }
.jssora14r:hover { background-position: -195px -35px; }
.jssora14ldn { background-position: -255px -35px; }
.jssora14rdn { background-position: -315px -35px; }

.jssora15l, .jssora15r, .jssora15ldn, .jssora15rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(/css/images/a15.png) no-repeat;
    overflow:hidden;
}
.jssora15l { background-position: -20px -41px; }
.jssora15r { background-position: -80px -41px; }
.jssora15l:hover { background-position: -140px -41px; }
.jssora15r:hover { background-position: -200px -41px; }
.jssora15ldn { background-position: -260px -41px; }
.jssora15rdn { background-position: -320px -41px; }

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
{
    filter: alpha(opacity=70);
    opacity: .7;
    overflow:hidden;
    cursor: pointer;
    border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

.jssorb02 div, .jssorb02 div:hover, .jssorb02 .av
{
    background: url(/css/images/b02.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb02 div { background-position: -5px -5px; }
.jssorb02 div:hover, .jssorb02 .av:hover { background-position: -35px -5px; }
.jssorb02 .av { background-position: -65px -5px; }
.jssorb02 .dn, .jssorb02 .dn:hover { background-position: -95px -5px; }

.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
{
    background: url(/css/images/b03.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av
{
    background: url(/css/images/b05.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }


// Thumbnail preview styles
.jssort051 .p {position:absolute;top:0;left:0;background-color:#000;}
.jssort051 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.45;}
.jssort051 .p:hover .t{opacity:.8;}
.jssort051 .pav .t, .jssort051 .pdn .t, .jssort051 .p:hover.pdn .t{opacity:1;}