.border-2px {
	border-width:3px;
}

.border-4px {
	border-width:5px;
}

.border-6px {
	border-width:7px;
}

.border-8px {
	border-width:8px;
}

.caption {
	text-align:center;
	font-size:9px;
}

.caption-tiled {
	width:100%;
	color:white;
}

.caption-overlay {
	color:white;
	background-color:transparent;
/*     text-shadow: 0.1em 0.1em 0.1em black; 
    text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black;
    filter: dropshadow(color=#000000,offX=2,offY=2); */  
	/* border:1px solid #FF0000; debugging */
}

.caption-overlay-shadow {
	color:black;
	/* background-color:transparent; */
	/* border:1px solid #00FF00; debugging */ 		
}

.captionPopup {
	background-color:transparent;
	border:0px none #000000;
	z-index:10;	
}

.captionPopup-oldBrowser {
	background-color:black;
	/* border:0px none #000000; */
	z-index:10;			
}

.caption-9px  { font-size:9px; }
.caption-10px {	font-size:10px; }
.caption-12px {	font-size:12px; }
.caption-14px {	font-size:14px; }
.caption-18px {	font-size:18px; }
.caption-24px { font-size:24px; }
.caption-32px { font-size:32px; }
.caption-40px { font-size:40px; }
.caption-48px { font-size:48px; }
.caption-64px { font-size:64px; }


.controlPanel {

}

.controlPanel-tiled {
	padding:0px;
	margin:4px;
}

.controlPanelPopup {
	border-color:#5070C0;
	padding:0px;
	z-index:20;
}

.controlAlternateButton {
	background-image:none;
	border-style:solid;
	border-color:303040;
	background-color:303040;
}

/* border-width must be refelcted in variable Filmstrip.borderwidth ! */
.filmstripPanel {
	background-color:#303040;
	border:0px none #000000;
}

.filmstripEnvelope {
	border-color:#303040;
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:none;
	border-bottom-style:none;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;	
}

.filmstrip {
	border:2px solid #000000;
	cursor:default;	
}

.filmstrip-selectable{
	border:2px solid #000000;
	cursor:pointer;
}

.filmstripHighlighted {
	border:2px solid #00B000;
	cursor:default;	
}

.filmstripHighlighted-selectable {
	border:2px solid #00B000;
	cursor:default;	
}

.filmstripTouched {
	border:2px solid #0040FF;
}

.filmstripPressed {
	border:2px solid #E00000;
}

.gallery {
	background-color:#FFFFF0;
	text-align:center;
}

.galleryBottomLine {
	font-size:80%;
	text-align:center;
	padding:4px;
	color:black;
}

.galleryBottomSeparator {
	border:1px outset #50A090;
	width:90%;
	height:0px;
	background-color:#50A090;
}

.galleryImage {
	border:2px solid #50A090;
	cursor:pointer;
}

.galleryRow {

}

.galleryStartButton {
	margin-top:10px;
}

.gallerySubTitle {
	font-size:120%;
	text-align:center;
	padding:4px;
	color:black;
}

.galleryTitle {
	font-size:200%;
	text-align:center;
	padding:10px;
	color:black;
}

.galleryTopSeparator {
	border:1px outset #50A090;
	width:90%;
	height:0px;
	background-color:#50A090;	
}

.galleryTouched {
	border:2px solid #D00000;
}


.icon {
	
}

.imageBackground {
	background-color:#303040;
}

.imageClickable {
	cursor:pointer;
}

.progressBar {
	background-color:#404080;
	color:#C0D0FF;
	font-size:xx-small;
	text-align:left;
	overflow:visible;
}

.progressBar-3px {
	height:3px;
	font-size:3px;
}

.progressBar-4px {
	height:4px;
	font-size:4px;
}

.progressBar-8px {
	height:8px;
	font-size:8px;
}

.progressBar-9px {
	height:9px;
	font-size:9px;
}

.progressBar-10px {
	height:10px;
	font-size:10px;
}

.progressBar-12px {
	height:12px;
	font-size:12px;
}

.progressBar-16px {
	height:16px;
	font-size:16px;
}


.progressFrame {
	border:2px solid #B0B0B0;
	background-color:E0E0E0;
}

.progressFrame-thin {
	border:1px solid #B0B0B0;
	background-color:white;
}


.slide {
	z-index:0;
}


.tiled {
	background-color:#303040;
	width:100%;
	height:100%;
}

.tiledSeparator {
	border:0px solid black;
	width:80%;
	height:2px;
	background-color:#509050;	
}

.tooltip {
	background-color:#FFF000;
	border:1px solid #C0A000;
	font-size:80%;	
	z-Index:30;
}

.debugger {
	z-index:100;
}