/* general */
body, input, textarea{
	font-family: 'Josefin Sans', arial, helvetica, sans-serif;
	line-height:125%;
    overflow:hidden;
}
a{
	text-decoration:none;
}

/* header */
.header{
	height:48px;    
    background:linear-gradient(to bottom,rgba(10,10,10,0.90),rgba(0,0,0,0.90));
	background:-o-linear-gradient(to bottom,rgba(10,10,10,0.90),rgba(0,0,0,0.90));
	background:-webkit-gradient(linear, 0 0, 0 58, 
		from(rgba(10,10,10,0.90)), 
		to(rgba(0,0,0,0.90)));
	background:-moz-linear-gradient(top,  		
		rgba(10,10,10,0.90), 
        rgba(0,0,0,0.90));
	filter: progid:DXImageTransform.Microsoft.gradient(		
		startColorStr='#BF2D2DE6',
        endColorStr='#BF000000');
	border-bottom:1px solid black;
	padding:0px;
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	margin:0px;
	z-index:4;
	color:#EEE;
}

.header .title{
	float: left;
	margin:0px;
	margin-top:8px;
	padding:0px;
	margin-left: 10px;
	font-size:36px;
	font-weight:bold;
	text-transform:uppercase;
}
#menu{
	z-index:100;
	position:fixed;
	right:10px;
	top:18px;
	list-style:none;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-weight:normal;
	text-align:right;
	text-transform:uppercase;
	color:#EEE;
}
#menu li{
	float:right;
	display:inline;
	margin:0px;
	padding:0px;
	margin-top:2px;
	height:30px;
	position:relative;
}

#menu li:hover a{
	color:yellow;
}

#menu li ul{
	background:rgba(0, 0, 0, 0.90);
	list-style:none;
	position:absolute;
	visibility:hidden;
	padding:8px;
	margin:0px;
	margin-top:8px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	height:auto;
}

#menu li:hover ul{
	visibility:visible;
}
#menu li ul li{
	float:none;
	display:list-item;
	text-align:left;
	margin-top:4px;
	height:auto;
}
#menu li ul li:first-child{
	margin-top:0px;
}

#menu li:hover ul li a{
	color:white;
}
#menu li:hover ul li:hover a{
	color:yellow;
}


#menu li a{
	margin-right:20px;
	text-decoration:none;
	white-space:nowrap;
}
#menu li ul li a{
	margin-right:0px;
}
#menu li a:hover, #menu li a:link, #menu li a:visited, #menu li a:active{
	color:#EEE;
}
#menu li a.active{
	/*font-style:italic;*/
	color:yellow;
}

/* footer */
#slidecaption{
	display:inline;
}
.credits{
	position:fixed;
	bottom:14px;
	right:14px;
	margin:0px;
	padding:0px;
	text-align:right;
	font-size:12px;
	z-index:11;
	line-height:125%;
}
.creditsleft{
	right:auto;
	left:14px;
	text-align:left;
}
.creditsdark{
	color:#CCC;
	font-weight:bold;
}
.creditsdark a, .creditsdark a:hover, .creditsdark a:link, .creditsdark a:visited, .creditsdark a:active{
	color:#ccc;
	font-weight:normal;
}
.creditslight{
	color:#000;
}
.creditslight a, .creditslight a:hover, .creditslight a:link, .creditslight a:visited, .creditslight a:active{
	color:black;
}

/* content */
.content{
	position:absolute;
	top:66px;
	bottom:20px;
	left:20px;
	right:26px;
	height:auto;
	width:auto;
	margin:0px;
	overflow-y:auto;
	overflow-x:hidden;
	text-align:justify;
	
	z-index:2;
	background-color: rgba(0, 0, 0, 0.90);
	color:#CCC;
	box-shadow: 0px 0px 40px #999;
	-moz-box-shadow: 0px 0px 40px #999;
	-webkit-box-shadow: 0px 0px 40px #999;
	padding:20px;
}
.content a, .content a:hover, .content a:active, .content a:link, .content a:visited{
	color:yellow;
	text-decoration:none;
}

.content h1{
	font-size:24px;
	font-weight:bold;
	margin-bottom:8px;
	margin-top:20px;
	text-transform:uppercase;
}
.content h1 a, .content h1 a:hover, .content h1 a:active, .content h1 a:link, .content h1 a:visited {
	color:#ccc;
}
.content h1:first-child{
	margin-top:0px;
}
.content  p{
	margin-top:6px;
}

.content ul{
    margin-left:18px;
    margin-top:4px;
    font-size:12px;
}
.content ul li span{
    margin-left:-4px;
    font-size:16px;
}

.content table.two-column{
	width:100%;
}
.content table.two-column td{
	vertical-align:top;
	width:50%;
}

.content form table tbody:before{
	line-height:20px;
	content:'-';
	color:rgba(0,0,0,0);
	display:block;
}
.content form table tbody:first-child:before{
	line-height:10px;
}
.content form table tbody:last-child tr td:last-child{
	text-align:right;
}
.content form table tbody tr th{
	font-weight:bold;
	font-size:20px;
	padding-bottom:4px;
}
.content form table tbody tr td{
	vertical-align:top;
	text-align:left;
	width:146px;
}

.content form input, .content form textarea{
	border:1px solid black;
	padding:2px;
	background:white;
}
.content form input[type="text"], .content form textarea {
	width:220px;
}
.content form input[type="text"]{
	padding-top:0px;
	padding-bottom:3px;
	margin-bottom:2px;
	height:18px;
}
.content form textarea {
	height:100px;
}
.content form input[type="submit"]{
	padding:2px;
	padding-top:0px;
	padding-bottom:3px;
}

.content form .checkbox input[type=checkbox] {
	visibility: hidden;
}

.content form .checkbox {
   width: 16px;
   height: 16px;
   margin: auto;
   position: relative;
   background: #fff;
   border: 1px solid black;
}

.content form .checkbox:after {
   content: '';
   font: 12px/26px Arial, sans-serif;
   color: #b50000;
   position: absolute;
   right: 10px;
   z-index: 0;
   font-weight: bold;
}

.content form .checkbox:before {
   content: 'X';
   font: 12px/26px Arial, sans-serif;
   color: #000;
   position: absolute;
   left: 10px;
   z-index: 0;
   font-weight: bold;
}

.content form .checkbox label {
   display: block;
   width: 34px;
   height: 20px;
   position: absolute;
   top: 3px;
   left: 3px;
   z-index: 1;
   background: #fff;
   cursor: pointer;
}

.content form .checkbox input[type=checkbox]:checked + label {
   left: 43px;
}

/* FAQ */
.content .qa {
	margin-top:12px;
	text-align:left;
}
.content .qa .q {
	font-weight:bold;
	}
.content .qa .q, .content .qa .a {
	margin:0px;
	padding-left: 22px;
    text-indent: -22px;
}

/* controls */
#controls-wrapper {
	position:fixed;
	margin:0 auto;
	margin-top:0px;
	height:44px;
	width:100%;
	bottom:0px;
	left:0;
	z-index:10;		
    background:linear-gradient(to bottom,rgba(0,0,0,0.90),rgba(10,10,10,0.90));
	background:-o-linear-gradient(to bottom,rgba(0,0,0,0.90),rgba(10,10,10,0.90));
	background:-webkit-gradient(linear, 0 0, 0 58, 
		from(rgba(0,0,0 0.90)),
		to(rgba(10,10,10,0.90)));
	background:-moz-linear-gradient(top,   
		rgba(0,0,0,0.90),
		rgba(10,10,10,0.90));
	filter: progid:DXImageTransform.Microsoft.gradient(
		endColorstr='#BF2D2DE6', 
		startColorstr='#BF000000');
	border-top:1px solid black;
}
#controls {
	overflow:hidden;
	height:100%;
	text-align:left;
	z-index:5;
	margin:0px;
}
#play-button, #prevslide, #nextslide{
	float:left;
	margin:0px;
	height:44px;
	width:44px;
}
#play-button:hover, #prevslide:hover, #nextslide:hover{
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.15);
}

/* photo-upload */
.content .error {
    color:red;
}
.content form table.photo-upload tbody tr th, .content form table.photo-upload tbody tr td{
    font-size:12px;
}
.content form table.photo-upload tbody tr th {
    padding-right:10px;
    vertical-align:top;
    text-align:right;
    font-weight:bold;
}
.content form table.photo-upload tbody tr td input[type="text"], .content form table.photo-upload tbody tr td textarea , .content form table.photo-upload tbody tr td input[type="file"]{
    width:300px;
}

/* photo gallery */
.photo_content_iframe {
	z-index:11;
    position:absolute;
    left:0px;
	right:0px;
    top:0px;
    margin-top:49px;
    bottom:0px;
    width:100%;
    height:100%;
    border:none;
}
.content_photo_inner{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:47px;
    margin-bottom:47px;
    width:100%;
    height:auto;
    overflow-y:visible;
    overflow-x:hidden;
	padding-bottom:10px;
}
.content_photo_inner_inner{
    padding-right:237px;
}

.photo {
    display:block;
    float:left;
    margin-left:10px;
    margin-top:10px;
    width:400px;
    border:1px solid white;
}
.photo .photo_container {
    height:300px;
    overflow:hidden;
}
.photo .photo_container video {
    width:100%;
    height:100%;
    margin:auto auto;
}
.photo .info_container {
    width:100%;
    background:rgba(255, 255, 255, 1);
    color:#000000;
    height:16px;
    overflow:hidden;
    text-align:center;    
    padding:0px 0 4px 0;
    font-style:italic;
    font-size:10px;
}

.photo_filters {
    z-index:3;
    position:absolute;
    top:10px;
    right:38px;
    width:180px;
}
.photo_filters div {
    margin-top:10px;
    background:white;
    width:100%;
    padding:4px 0px 0px 10px;
    font-size:12px;    
}
.photo_filters div:first-child{
    margin-top:0px;
}   
.photo_filters div ul {
    margin:0px;
    padding:0px;
	padding-left:1px;
    max-height:120px;
    overflow-y:auto;
    padding-bottom:6px;
}
.photo_filters div ul li{
    list-style-type:none;    
}
.photo_filters div ul li input{
    position:relative;
    top:3px;
    margin-right:2px;
}

.photo_pager {
    position:absolute;
    top:auto;
    bottom:0px;
    left:0px;
    right:0px;
    width:auto;
    margin-bottom:60px;
    padding:0px;
    text-align:center;
    color:white;
    font-size:12px;
    z-index:12;
}

.photo_pager a, .photo_pager a:visited, .photo_pager a:hover, .photo_pager a:visited, .photo_pager a:active {
    color:white;
    position:relative;
    top:-1px;
}

.jp-gui {
  position:fixed;
  bottom:6px;
  right:2px;
  width:400px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:12;
}


.jp-playlist {
    display:none;
}


.popup_back {
	z-index:99999;
}
.popup_cont {
	z-index:100000;
}
.popup_wrap {
    padding-bottom:6px;
}
.popup_content {
    max-width:800px;
    max-height:600px;    
}

.popup_content img{
    max-width:100%;
    max-height:100%;
}

.popup a, .popup a:visited, .popup a:hover, .popup a:visited, .popup a:active {
    color:black;
}
.popup [href="#next"]{float:right}
.popup [href="#prev"]{float:left}