/*
Author: WorksOnline
Author URI: http://worksonline.dk/
Description: <strong>APJ-El special user interface.</strong>
Version: v1.0
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600,300italic,400italic,600italic,700italic);
@import "css/mobile.css";
@import "css/mobile_hd.css";
@import "css/tablet.css";
@import "css/screen.css";
@import "css/screen_large.css";

/* GENERAL STYLING */
* { margin:0; padding:0; border:none; }
html, body { width: 100%; height: 100%; }
body { /*background: #050505;*/
/* fallback */
  background-color: #1B1A1A;
  /*background-repeat: repeat-y;

  /* Safari 4-5, Chrome 1-9 */
 /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#050505), to(#666666));

  /* Safari 5.1, Chrome 10+ */
 /* background: -webkit-linear-gradient(top, #050505, #666666);

  /* Firefox 3.6+ */
  /*background: -moz-linear-gradient(top, #050505, #666666);

  /* IE 10 */
  /*background: -ms-linear-gradient(top, #050505, #666666);

  /* Opera 11.10+ */
 /* background: -o-linear-gradient(top, #050505, #666666);*/






}
ul, li { list-style: none; }
a { text-decoration: none; }
figure { display: block; }
#submit { cursor: pointer; }
.active { background: #fff; color: #000 !important; }

/* TEXTURE SETTINGS */
h1, h2, h3, h4, h5, h6 { color: #555555; text-transform: uppercase; font-weight: bold; font-family: "Open Sans", Helvetica, sans-serif; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5, h6 { font-size: 14px; }
p, a, div, span, table { font-family: "Open Sans", Helvetica, san-serif; font-size: 12px; font-weight: normal; line-height: 20px; color: #555555; }
/*a, a:visited { color: #333333; }*/
#message { width: 100%; font-size: 10px; text-align: center; }

    /** PAGE TITLE **/
    .lined-header { border-bottom: 1px solid #383838; text-align: center; width: 100%; margin: 20px 0; }
    h1.page-title { bottom: -1px; display: inline-block; padding: 5px 40px; position: relative; z-index: 1; background: #383838; color: #FFFFFF; }
    h1.page-title:before, h1.page-title:after { bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 20px; background: #FFFFFF; z-index: 2; }
    h1.page-title:after { left: auto; right: 0; }


/**** TIME HIDE/SHOW BUTTON ****/
#showmenu { display: block; margin-bottom: 70px; }
input.hidelars, a.showlars { display: inline; width: 90px; height: 30px; line-height: 30px; float: right; background: #fff; text-align: center; margin-left: 10px; }
input.hidelars.extrahide { margin: 20px 0; }
.showlars {  }