/* For the details, see:
   http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
.date {
    border:1px solid #ccc;
       text-align:center;
    

    -moz-box-shadow:0 0 10px #eee inset;
    -webkit-box-shadow:0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
    /* place on top of other elements. set a higher value if nessessary */
    z-index:10000;

    margin-top:-1px;
    width:198px;
    padding:2px;
    background-color:#fff;
    font-size:11px;
    border:1px solid #ccc;

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

    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
    padding:2px 0;
    height:22px;
}

#caltitle {
    font-size:14px;
    color:#0150D1;
    float:left;
    text-align:center;
    width:155px;
    line-height:20px;
    text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
    display:block;
    width:20px;
    height:20px;
    background-image: url(/eventmanager-system/images/icon-pfeile.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    float:left;
    cursor:pointer;
}

#calnext {
    background-image:url(/eventmanager-system/images/icon-pfeile.png);
    background-position: 0px -20px;
    float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility:hidden;
}

/* year/month selector */
#caltitle select {
    font-size:10px;
}

/* names of the days */
#caldays {
    height:14px;
    border-bottom:1px solid #ddd;
}

#caldays span {
    display:block;
    float:left;
    width:28px;
    text-align:center;
}

/* container for weeks */
#calweeks {
    background-color:#fff;
    margin-top:4px;
}

/* single week */
.calweek {
    clear:left;
    height:22px;
}

/* single day */
.calweek a {
    display:block;
    float:left;
    width:27px;
    height:20px;
    text-decoration:none;
    font-size:11px;
    margin-left:1px;
    text-align:center;
    line-height:20px;
    color:#666;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/* different states */
.calweek a:hover, .calfocus {
    background-color:#ddd;
}

/* sunday */
a.calsun {
    color:red;
}

/* offmonth day */
a.caloff {
    color:#ccc;
}

a.caloff:hover {
    background-color:rgb(245, 245, 250);
}


/* unselecteble day */
a.caldisabled {
    background-color:#efefef !important;
    color:#ccc	!important;
    cursor:default;
}

/* current day */
#calcurrent {
    background-color:#498CE2;
    color:#fff;
}

/* today */
#caltoday {
    background-color:#333;
    color:#fff;
}

/* slider root element */
.slider, .slideralignleft {
    background-image: url(/eventmanager-system/images/icon-gradient.png);
    background-repeat: repeat-x
    background-position: 0 0;
    background-color:#3C72E6;
    height:4px;
    position:relative;
    cursor:pointer;
    border:1px solid #333;
    width:50%;
    float:left;
    clear:right;
    margin-top:8px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:inset 0 0 8px #000;
}
.slideralignleft {width:85%;}

/* progress bar (enabled with progress: true) */
.progress {
    height:9px;
    background-color:#C5FF00;
    display:none;
    opacity:0.6;
}

/* drag handle */
.handle {
    background:#fff url(/eventmanager-system/images/icon-gradient.png) repeat-x 0 0;
    height:20px;
    width:20px;
    top:-10px;
    position:absolute;
    display:block;
    margin-top:1px;
    border:1px solid #000;
    cursor:move;
    box-shadow:0 0 6px #000;
    box-shadow:0 0 6px #000;
    border-radius:4px;
    border-radius:4px;

}

/* the input field */
.range {
    border:1px inset #ddd;
    float:left;
    
    margin:0 0 0 3%;
    padding:3px 0;
    text-align:center;
    width:7%;
    border-radius:5px;
    border-radius:5px;
}
.SliderContainer{width:60%;}

.error em {  display:block;  width:0;  height:0;  border:10px solid;  
border-color:#fed700 transparent transparent;   /* positioning */  position:absolute;  bottom:-20px;  left:60px;  }

input#upload { background: #aaa  padding: .4em 1em;border: 1px solid #aaa; color: #222; font-size: 1em; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; margin: 2em 0; }
input#upload:hover { background: #eee; color: #111; border-color:#777; }

/*custom upload elements*/
.customfile-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999;  }

.customfile { width: 60%; background: #666; cursor: pointer; overflow: hidden; padding: 0px; border: 1px solid #444; 
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;  position: relative; }
.customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default;  }
.customfile-feedback { display: block; margin: 1px 1px 1px 5px; font-size: 1em; color: #fff; font-style: italic; padding: .3em .6em; }
.customfile-feedback-populated { color: #fff; font-style: normal; font-weight: bold; padding-left: 10px; background: url(/eventmanager-system/images/icon-generic.gif) left 4px no-repeat; }
.customfile-button { border: 1px solid #999; background: #333;  color: #fff; font-weight: bold; float: right; width: 100px; padding: .3em .6em;  text-align: center; text-decoration: none;  font-size: 1em; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;  }
.customfile-hover .customfile-button, .customfile-focus .customfile-button  { color:#111; background: #aaa ; border-color:#aaa;  padding: .3em .6em;  }
.customfile-focus .customfile-button { outline: 1px dotted #ccc;  }
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp { background-image: url(/eventmanager-system/images/icon-image.gif);}
.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v { background-image: url(/eventmanager-system/images/icon-media.gif);}
.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit { background-image: url(/eventmanager-system/images/icon-zip.gif);}

/* SLIDESHOW */
.slideshow_wrapper {
	position: relative;
	z-index: 20;
	height: 100%;
}

.slideshow {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position:relative;
}

.slideshow > img {
	position: absolute; 
	top: 0px; 
	left: 0px;
	z-index: 5;
}

.slideshow_nav {
	z-index: 10;
	position: absolute;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #000;
	bottom: 10px;
	cursor: pointer;
}

.slideshow_nav.backward {
	left: 10px;
}

.slideshow_nav.forward {
	right: 10px;
}