/*
This file is from the Charis SIL project (https://software.sil.org/charis/).
Copyright (c) 1997-2022 SIL International (http://www.sil.org/) with Reserved
Font Names "Charis" and "SIL". This Font Software is licensed under the SIL
Open Font License, Version 1.1 (http://scripts.sil.org/OFL).
*/

/* use Charis SIL - Regular in .woff2 format */
@font-face {
  font-family: CharisSILW;
  src: url(fonts/CharisSIL-Regular.woff2);
}
/* use Charis SIL - Italic in .woff2 format */
@font-face {
  font-family: CharisSILW;
  font-style: italic;
  src: url(fonts/CharisSIL-Italic.woff2);
}
/* use Charis SIL - Bold in .woff2 format */
@font-face {
	font-family: CharisSILW;
	font-weight: bold;
	src: url(fonts/CharisSIL-Bold.woff2);
}
/* use Charis SIL - Bold Italic in .woff2 format */
@font-face {
	font-family: CharisSILW;
	font-weight: bold;
	font-style: italic;
	src: url(fonts/CharisSIL-BoldItalic.woff2);
}

* {
	margin: 0;
	padding: 0;
}

BODY {
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 14px;
	background: #f0eed9;
	color: #000;
}

IMG {
	border: 0;
}

h2 {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #818169;
        margin-top: 15px;
        border-bottom: 1px solid #818169;
        line-height: 35px;
}

h3 {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #818169;
        margin-top: 15px;
}

DIV#ajaxLoader {
	z-index: 99;
}

DIV#ajaxLoader IMG {
	border: 2px solid #b8a89c;
	padding: 20px 40px;
	background: #fbf8f4;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -45px 0 0 -65px;
	z-index: 99;
}

/*
 * Layout
 */

DIV#container {
}

DIV#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 35px;
	background: #818169;
	color: #000;
	margin: 0 4em;
	z-index: 50;

	border-bottom-left-radius: 12px;
	-moz-border-bottom-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;

	border-bottom-right-radius: 12px;
	-moz-border-bottom-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
}

DIV#header_left A ,
DIV#header_right A {
	text-decoration: none;
	color: #fdfdfd;
}

DIV#header H1 {
	display: inline;
	font-variant: small-caps;
	font-size: 14px;
}

DIV#header H5 {
	display: inline;
	font-variant: small-caps;
	font-size: 70%;
	color: #f0eed9;
}

DIV#header_bar {
	margin-left: 2em;
	margin-right: 2em;
	overflow: visible !important;
	position: relative;
}

DIV#header_content {
	height: 30px;
}

DIV#header_left {
	height: 30px;
	float: left;
	text-align: left;
	padding: 5px 4ex 0 0;
}

DIV#header_center {
}

DIV#header_right {
	height: 30px;
	float: right;
	text-align: right;
	padding: 0;
}

DIV#header .headerLogin A {
	font-variant: small-caps;
	text-decoration: none;
	border-bottom: 1px dotted #f0eed9;
	font-weight: bold;
}

DIV#breadCrumbs {
	margin: 33px 0 0 80px;
	font-size: 10px;
	font-variant: small-caps;
}

DIV#breadCrumbs A {
	text-decoration: none;
	color: #863c31;
	border-bottom: 1px dotted #863c31;
}

DIV#breadCrumbs A:hover {
	border-bottom: 1px solid #863c31;
}

DIV#content {
	position: relative;
	top: 35px;
	padding: 0 20px 55px;
	z-index: 20;
}

DIV#content H5 {
	font-size: 150%;
	font-weight: normal;
	font-variant: small-caps;
	color: #863c31;
	text-align: center;
}

DIV#content H6 {
	font-size: 130%;
	font-weight: normal;
	font-variant: small-caps;
	font-style: italic;
	color: #863c31;
	text-align: center;
}

DIV#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	background: #818169;
	color: #000;
	z-index: 50;
	margin: 0 4em;

	border-top-left-radius: 12px;
	-moz-border-top-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;

	border-top-right-radius: 12px;
	-moz-border-top-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
}

DIV#footer A {
	margin: 0 5px;
}

DIV#footer_userInfo {
	float: left;
	overflow: visible !important;
	position: relative;
	color: #f0f0f0;
	padding: 5px;
}

DIV#footer_userInfo EM {
	color: #ffff80;
}

DIV#footer_bar {
	margin-left: .5em;
	margin-right: .5em;
	overflow: visible !important;
	position: relative;
}

DIV#footer_content {
	height: 25px;
	text-align: right;
	padding: 3px 5px;
}

div#footer_content img {
	vertical-align: middle;
}

DIV.confirmation {
	margin: 0 30%;
	padding: 10px;
	text-align: center;
}

DIV.confirmation H3 {
	font-variant: small-caps;
	letter-spacing: 2px;
	margin: 20px 0;
}

DIV.confirmation P {
	margin: 20px 0;
}

DIV.confirmation A {
	text-decoration: none;
	color: #ff4040;
}

DIV.title {
	text-align: right;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	margin: 5ex 20ex;
	color: #863c31;
}

.modal H5 {
	text-align: center;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #404040;
}

SPAN.statusDisabled {
	color: #ff3030;
}

SPAN.statusEnabled {
	color: #30b030;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

/*
 * Autenticazione
 */

DIV#authForm {
	margin: 0 100px;
	padding: 50px;
	text-align: center;
}

DIV#authForm .input LABEL {
	font-variant: small-caps;
	margin: 0 3px 0;
}

DIV#authForm .input {
	display: inline;
	margin: 0 2ex;
}

DIV#authForm .input INPUT {
	border: 1px solid #b8a89c;
	padding: 2px;
	background-color: #f8f8f8;
}

DIV#authForm .input INPUT:focus {
	border-color: #000;
	background-color: #FFFE9D;
}

DIV#authForm .submit {
	display: inline;
	border: none;
}

/*
 * Pagination
 */

DIV#pagination {
	margin: 0 5%;
        padding: 2px 10px;
	height: 20px;
	font-family: monospace;
	font-style: italic;
        background: #F0EED9;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        position: fixed;
        bottom: 30px;
        left: 50px;
        right: 50px;
        text-align: center;
}

DIV#pagination A {
	text-decoration: none;
	color: #404040;
        padding: 0 .5em;
}

DIV#pagination A:hover {
	background: #f8f8f8;
}

DIV#pagination DIV {
	display: inline;
        width: 2em;
}

DIV#pagination DIV.disabled {
	color: #d1caee;
}

DIV#pagination SPAN {
        display: inline-block;
        width: 2em;
}

DIV#pagination SPAN.current {
	font-weight: bold;
}

/*
 * Tables
 */

DIV.genericTable {
}

DIV.genericTable TABLE {
	width: 100%;
}

DIV.genericTable TABLE TR.line0 {
}

DIV.genericTable TABLE TR.line1 {
	background: #cfcfbf;
}

DIV.genericTable TABLE TR.line0:hover,
DIV.genericTable TABLE TR.line1:hover {
	background: #863c31;
	color: #f0eed9;
}

DIV.genericTable TABLE TH {
	text-align: center;
	color: #fff;
}

DIV.genericTable TABLE TH A {
	text-decoration: none;
	border-bottom: 1px dotted #f0f0f0;
	color: #fff;
	font-variant: small-caps;
}

DIV.genericTable TABLE TD {
	padding: 5px;
}

DIV.genericTable TABLE TD.command {
	text-align: center;
}

DIV.genericTable TABLE TD.command .submit input {
	width: 6em;
	margin: 1px 0;
}

/*
 * Form generico
 */

H2.genericForm {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 150%;
}

DIV.genericForm {
	margin: 0 20%;
	padding: 2ex 4ex;
}

DIV.genericForm DIV.input {
	margin-top: 5px;
}

DIV.genericForm DIV.date LABEL,
DIV.genericForm DIV.file LABEL,
DIV.genericForm DIV.select LABEL,
DIV.genericForm DIV.text LABEL,
DIV.genericForm DIV.textarea LABEL,
DIV.genericForm DIV.password LABEL
{
	display: block;
}

DIV.genericForm DIV.checkbox LABEL {
	vertical-align: bottom;
	margin-left: 5px;
}

DIV.genericForm DIV.submit {
	display: inline;
}

DIV.genericForm DIV.input LABEL {
	font-variant: small-caps;
}

DIV.genericForm .error-message {
	font-size: 80%;
	color: #ff0000;
	font-style: italic;
	padding: 1px 5px;
	background: url(../img/blinkYellow.gif);
}

div.genericForm div.input.textarea {
	text-align: center;
}

DIV.genericForm DIV.input SELECT,
DIV.genericForm DIV.input TEXTAREA,
DIV.genericForm DIV.input INPUT {
	padding: 2px;
	border: 1px solid #b8a89c;
	background-color: #f8f8f8;
}

DIV.genericForm DIV.input OPTION {
	padding: 0 5px;
}

DIV.genericForm DIV.input SELECT:focus,
DIV.genericForm DIV.input TEXTAREA:focus,
DIV.genericForm DIV.input INPUT:focus {
	border-color: #000;
	background-color: #FFFE9D;
}

DIV.genericForm DIV.subTitle {
	font-weight: bold;
	margin-top: 10px;
}

/*
 * Line form
 */

FORM.lineForm DIV.input LABEL {
	font-variant: small-caps;
	margin-left: 2px;
}

FORM.lineForm DIV.input {
	display: inline;
	margin: 0 5px;
}

FORM.lineForm DIV.submit {
	display: inline;
}

/*
 * Action form
 */

FORM.actionForm, FORM.actionForm DIV, FORM.actionForm INPUT {
	display: inline;
}

FORM.actionForm INPUT {
}

FORM.actionForm INPUT:focus {
}

DIV.actionForm .submit {
	display: inline;
	border: none;
}

/*
 * Card & Search form
 */

DIV#cardForm {
	margin: 0;
	padding: 0;
}

DIV#cardForm H6 {
	font-size: 12pt;
	margin-top: 2ex;
	clear: both;
}

DIV#cardForm .summary {
	text-align: center;
}

DIV.cardComponent A {
	font-weight: bold;
	text-decoration: none;
	color: #5050ff;
}

DIV.cardComponent TABLE {
	width: 100%;
}

DIV.cardComponent TABLE TH {
	background: #818169;
	color: #fdfdfd;
	padding: 2px 4px;
}

DIV.cardComponent TABLE TD {
	padding: 2px 8px;
	border-bottom: 1px dotted #404040;
}

DIV.cardComponent INPUT {
	font-size: 18px;
}

DIV.note {
	font-size: 10px;
	margin: 30px 10%;
	padding: 1em;
	background: none repeat scroll 0 0 #FFFF80;

	box-shadow: 0 3px 4px #333333;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

DIV.note A {
	text-decoration: none;
	color: #4040ff;
	border-bottom: 1px dotted #4040ff;
}

DIV.smallNote {
	font-size: 10px;
	padding: .5em;
	background: #ffff80;

	box-shadow: 0 0 3px #333333;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/*
 * ZoomImage
 */

.ZoomImage {
	cursor: url(../img/zoomImage/zoomin.cur), default;
}

DIV.ZoomImage {
}

DIV.ZoomImage.fixed {
	position: fixed;
	top: 35px;
	right: 20px
}

DIV.ZoomImage IMG {
	border: 2px solid #946f52;
}

DIV.ZoomImage P {
	font-size: 80%;
	background: #946f52;
	color: #404040;
	text-align: center;
	border: 2px solid #946f52;
}

DIV.ZoomImage A {
	text-decoration: none;
	color: #f0eed9;
	font-weight: normal;
}

DIV.ZoomImage A:hover {
	color: #ffff80;
}

/*
 * Rounded submit
 */
/*
DIV.buttonContainer {
	display: inline;
	padding-right: 14px;
	_z-index: 50;
}

INPUT.buttonLeft {
	position: relative;
	height: 25px;
	padding-left: 12px;
	border: none;
	_z-index: 50;
}

INPUT.buttonLeft:hover,
INPUT.buttonLeft:focus {
	color: #863c31;
}

DIV.buttonRight {
	position: absolute;
	display: inline;
	height: 25px;
	width: 14px;
	border: none;
	_z-index: 50;
}
*/

div.roundedCorner.tl {
	border-top-left-radius: 12px;
	-moz-border-top-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
}

div.roundedCorner.tr {
	border-top-right-radius: 12px;
	-moz-border-top-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
}

div.roundedCorner.bl {
	border-bottom-left-radius: 12px;
	-moz-border-bottom-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
}

div.roundedCorner.br {
	border-bottom-right-radius: 12px;
	-moz-border-bottom-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
}

div.buttonRounded {
	display: inline;
}

input.buttonRounded {
	border: 1px solid #999999;
	background: #dbdbdb;
	font-size: 1.2em;
	font-variant: small-caps;
	padding: 0.1em 1em;

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
}

input.buttonRounded:hover {
	background: #f3f3f3;
}

input.buttonRounded:focus {
	background: #f0f040;
}

/*
 * Messages
 */

DIV#ajaxErrorMessage {
        margin: 10px 20%;
        padding: 1ex 2ex;
        font-size: 150%;
        font-weight: bold;
        text-align: center;
        color: #f8f849;
	background: #f04040;
	border: 4px dashed #f8f849;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	box-shadow: 0 4px 4px #333;
}

DIV#ajaxMessage {
        padding: 1ex 2ex;
        color: #1c110a;
        font-size: 150%;
        font-weight: bold;
        text-align: center;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	position: fixed;
	top: 8em;
	left: 20%;
	right: 20%;
}

DIV#ajaxMessage div {
	box-shadow: 4px 4px 4px #000;
}
/*
 * Varie
 */

PRE.logData {
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
}

.floatLeft {
	float: left;
	margin-right: 20px;
}

.floatRight {
	float: right;
	margin-left: 20px;
}

.floatClear {
	clear: both;
}

.small {
	font-size: 8px;
}

SPAN.vocabularyLink A {
	text-decoration: none;
	font-size: 70%;
	font-variant: small-caps;
	color: #4040ff;
}

SPAN.vocabularyLink A:hover {
	background: #4040ff;
	color: #fff;
}

DIV.auto_complete {
	position         :absolute;
	border           :1px solid #888;
	margin           :0px;
	padding          :0px;
	background: #dfebdf;
} 

DIV.auto_complete LI {
	list-style: none;
	background-color: #879e87;
	color: #000;
}

DIV.auto_complete LI.selected {
	background-color: #d0d0d0;
	font-weight: bold;
}

DIV.keyboard {
	text-align: center;
	background: #fff;
	border: 1px solid #999;
	font-family: CharisSILW, Times New Roman, serif;
	font-size: 20px;
	font-weight: bold;
}

DIV.keyboard A,
DIV.keyboard A:visited {
	text-decoration: none;
	color: #000;
	padding: 0 .3em;
}

DIV.keyboard IMG {
	padding: 1px;
}

.unicodeFont {
	font-family: CharisSILW, Times New Roman, serif;
	font-size: 20px;
}

.bigFont {
	font-size: 20px;
}

.logoutMessage {
	text-align: center;
	font-size: 40px;
	font-family: "Times New Roman", serif;
	width: 350px;
	margin: 40px auto;
	padding: 20px;
	color: #863c31;
	border: 5px double #863c31;
	background: #fff;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	box-shadow: 0 4px 4px #333;

}

/*
 * Work In Progress - WIP
 */

DIV#wip {
	border: 4px solid #000000;
	text-align: center;
	margin: 200px 50px;
	height: 180px;
	background: url(../img/stripes.png);
}

DIV#wip P {
	position: relative;
	top: 50%;
	margin-top: -35px;
	padding: 10px 0;
	font-family: sans-serif;
	font-size: 50px;
	font-weight: bold;
	color: #ffff40;
	background: #000;
}

/*
 * Debug
 */
.cake-debug {
	background: #ffff80;
	color: #000;
	margin-top: 50px;
	border: 3px dashed black;
	padding: 10px;
	z-index: 99;
}

TABLE.cake-sql-log {
	background: #ffff80;
	border: 2px dashed #404040;
}

TABLE.cake-sql-log TH {
	background: #ffffa0;
	border-bottom: 1px solid #808080;
	padding: 4px 8px;
}

TABLE.cake-sql-log TD {
	padding: 4px 8px;
	text-align: left;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
}

div.iccdLogo {
	position: fixed;
	bottom: 35px;
	left: 0;
	right: 0;
	text-align: center;
}

div.iccdLogo img {
	vertical-align: middle;
	margin: 0 1em;
	max-height: 64px;
}

div#credits {
	text-align: justify;
}

div#credits h1 {
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	color: #863c31;
}

div#credits .people {
	margin: 2em 2em 3em;
	letter-spacing: .02em;
	font-variant: small-caps;
}

div#credits .people .name {
}

div#credits .history {
	margin: 1.5em 10%;
	line-height: 1.4em;
}

div#credits .history .date {
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.5em;
	border-bottom: 1px dotted #DBDBDB;
}

div#credits .history p {
	margin: .5em 0;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			15px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin:			6px 0 0 0;
}
.sf-menu a {
	padding: 		5px 10px;
	font-variant:		small-caps;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fdfdfd;
}
.sf-menu li {
	background:		#9b9b8f;
}
.sf-menu li li {
	background:		#9b9b8f;
}
.sf-menu li li li {
	background:		#9b9b8f;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#863c31;
	color:			#fdfdfd;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	_right:			.75em;
	right:			17px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent:		-999em;
	overflow:		hidden;
	background:		url('../img/menu-arrow.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../img/menu-shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/* LavaLamp Specific CSS: */

#lavaLamp {
position: relative;
padding: 15px 5px 0 15px;
overflow: hidden;
height:30px;
width: 600px;
}
#lavaLamp li {
float: left;
list-style: none;
}
#lavaLamp li.backLava {
background: url("../img/lava.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
#lavaLamp li.backLava .leftLava {
background: url("../img/lava.gif") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
#lavaLamp li a {
font: bold 14px arial;
text-decoration: none;
color: #9b9b8f;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 8px;    
}
#lavaLamp li a:hover {
	color: #f0eed9;
}
#lavaLamp li.selectedLava A {
	color: #ffff80;
}
.zoomimage {
	position: fixed;
	display: none;
	z-index: 5000;
	outline: none;
	cursor: url(../img/zoomImage/zoomout.cur), default;
}
.zoomimage_focused {
	z-index: 51000;
}
.zoomimage_s {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}
.zoomimage_st {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;
	overflow: hidden;
}
.zoomimage_stl {
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 6px;
	overflow: hidden;
	background:transparent url(../img/zoomImage/shadow.png) no-repeat scroll 0 0;
}
.zoomimage_stc {
	overflow: hidden;
	height: 6px;
	margin: 0 6px;
	background: transparent url(../img/zoomImage/shadow.png) repeat-x scroll 0 -30px;
}
.zoomimage_str {
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 6px;
	overflow: hidden;
	background:transparent url(../img/zoomImage/shadow.png) no-repeat scroll 0 -18px;
}
.zoomimage_sc {
	position: absolute;
	top: 6px;
	width: 100%;
	left: 0;
	overflow: hidden;
}
.zoomimage_scl {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 6px;
	background: transparent url(../img/zoomImage/shadow-lr.png) repeat-y scroll 0pt;
}
.zoomimage_scr {
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 0;
	height: 100%;
	width: 6px;
	background:transparent url(../img/zoomImage/shadow-lr.png) repeat-y scroll -6px 0pt
}
.zoomimage_scc {
	margin: 0 6px;
	height: 100%;
	background:transparent url(../img/zoomImage/shadow-c.png);
	overflow: hidden;
}
.zoomimage_sb {
	position: absolute;
	overflow: hidden;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
}
.zoomimage_sbl {
	position: absolute;
	overflow: hidden;
	width: 6px;
	height: 6px;
	left: 0;
	top: 0;
	background:transparent url(../img/zoomImage/shadow.png) no-repeat scroll 0pt -12px;
}
.zoomimage_sbc {
	height: 6px;
	overflow: hidden;
	margin: 0 6px;
	background:transparent url(../img/zoomImage/shadow.png) repeat-x scroll 0pt -36px;
}
.zoomimage_sbr {
	position: absolute;
	overflow: hidden;
	width: 6px;
	height: 6px;
	right: 0;
	top: 0;
	background:transparent url(../img/zoomImage/shadow.png) no-repeat scroll 0pt -6px;
}
.zoomimage img {
	position: absolute;
	top: 6px;
	left: 6px;
	display: none;
	border: 20px solid #000;
}
.zoomimage_caption {
	position: absolute;
	background-color: #fff;
	color: #000;
	width: 100%;
}
.zoomimage_caption p {
	padding: 10px;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}
.zoomimage_loading {
	background-image: url(../img/zoomImage/ajax_small.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	position: absolute;
	background-color: #fff;
	width: 100%;
	top: 0;
	left: 0;
}
.zoomimage_move {
	cursor: move;
}
.zoomimage_controls {
	position: absolute;
	background: #fff;
	height: 30px;
	overflow: hidden;
}
.zoomimage_prev {
	background: #fff url(../img/zoomImage/zoomimage_prev.gif) no-repeat center;
	width: 39px;
	height: 29px;
	position: absolute;
	bottom: 1px;
	left: 10px;
}
.zoomimage_next {
	background: #fff url(../img/zoomImage/zoomimage_next.gif) no-repeat center;
	width: 39px;
	height: 29px;
	position: absolute;
	bottom: 1px;
	right: 10px;
}
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	_height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../img/fancy/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../img/fancy/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 32px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

div#fancy_content {
	position: relative;
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../img/fancy/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	position: absolute;
	overflow: auto;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
}

* html div#fancy_ajax {
	_height: expression((this.parentNode.clientHeight - 30) + "px");
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../img/fancy/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../img/fancy/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../img/fancy/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancy/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../img/fancy/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancy/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../img/fancy/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancy/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../img/fancy/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../img/fancy/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -32px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancy/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../img/fancy/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../img/fancy/fancy_title_right.png) repeat-x;
}