body {
	/*background-image: url("../images/background.jpg");*/
    /*background-color: AntiqueWhite; */
    /*background-repeat:no-repeat;*/
    background-attachment:fixed;
}

body {
    font: 13px/1.5 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}

#header {
	margin-top: 20px;
}

.container {
    background-color: white;
}

.claim {
    font-family:Tahoma, sans-serif;
    /*font-size:14px;*/
    font-variant:small-caps;
}

#top_navigation, #navigation {
	 /*background: none repeat scroll 0 0 #F4F4F4;*/
	 padding-top:10px;
	 padding-bottom:10px;
}

#footer {
	background-color:#F4F4F4;
}

ul {
	list-style: none;
}

h3 {
    font-size:medium;
    font-weight:normal;
}

a {
    color:#0d2474;
}

a[title] {
    color:black;
    text-decoration: none;
    border-bottom: 1px blue dotted;
}
	
#top_navigation ul, #navigation ul {
	padding: 0;
	margin: 0;
}

#top_navigation ul {
    float:right;
}

#top_navigation li, #navigation li, fieldset li {
	float: left;
	margin: 0 0.15em;
	display:block;
}

#top_navigation li /*, #navigation li*/ {
	display: block;
}

#top_navigation li a /*, #navigation li a*/ {
	height: 2em;
	line-height: 2em;
	float: left;
	/*width: 100px;*/
	border: 0.1em solid #dcdce9;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
}

#body ul {
    padding-left:10px;
    list-style:inside;
}

#licence ul {
  padding-left:0px;
}

#licence ul ul {
  padding-left:15px;
}

#licence li.product {
}

#calculator li span {
    padding-right: 20px;
}

p {
    text-align: justify;
}

img { border: 0px; vertical-align:middle; }

/*
fieldset li { width: 100% }
*/

/*
fieldset input, fieldset textarea { width: 450px; float:right; margin-bottom:4px;}
*/
/*
fieldset label { float:left; }

legend { font-weight:bold;}

.twoCols {
    padding:0px;
}

.twoCols li{
    margin: 0px;
    float:left;
    min-width:50%;
}

.oneCol li{
    float:left;
    width:100%;
}
*/
/* can't remember why
input[type=submit] { width: 100px; }
*/

table {
    border: 0;
}

th, td {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-top: 1px solid lightgray;
    padding-left: 0px;
    padding-right: 0px;
}

/*  */
.dataTables_wrapper td, .dataTables_wrapper tr, p.source, td.number { text-align: right; }
td.text,th.text { text-align: left; }
.dataTables td { text-align:center; }

.source {
    color:green;
}

.calculator th {text-align:left;}
.calculator tr.even {}
.calculator tr.odd { background-color: #E2E4FF; }

span.disabled {
    color:gray;
}

#selectiontable td { text-align: justify; }

/*
#calculator input[type=text] { width:99%; }
*/
/*input[type=text] { width:99%; }*/

ul.error_list {
    color:#FF0000;
}

#assistant li {
    border: 1px solid #DDDDDD;
    display: inline-block;
    padding: 3px 20px;
}

#assistant .current {
    background-color: #DDDDDD;
}

#listOfTitles ul {
    padding-left:0px;
}

#news span, #listOfTitles span {
    font-weight:bold;
}

#listOfTitles li {
    margin-right:20px;
    margin-bottom:10px;
    float:left;
}

/*
#listOfTitles a, td a {
    width:120px;
    height:40px;
}
*/

#social, #customer {
    width:100%;
}


#social li, #dsi li {
    float:left;
    margin-right:10px;
}

#social a, #dsi a {
    display: inline-block;
}

#updates ul {
    padding-left:0px;
}

#updates li, #news li {
    margin-bottom:10px;
}

#updates a, #licence a, #news a {
    color: #0044CC;
    text-decoration:none;
}


/* button */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* nav */
.nav {
    position: relative;
    margin: 20px 0;
}
.nav ul {
    margin: 0;
    padding: 0;
}
.nav li {
    margin: 0 5px 10px 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.nav a {
    padding: 3px 11px;
    text-decoration: none;
    color: #999;
    line-height: 100%;
}

.nav li:first-child a {
    padding-left:0px;
}

.nav a:hover {
    color: #000;
}
.nav .current a {
    background: #999;
    color: #fff;
    border-radius: 5px;
}

.break-word {
    word-wrap: break-word;
}


.ui-widget-content { background-color: #ffffff; }
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}
.ui-autocomplete {
    text-align: left;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}


/* ==== nav bar ====*/
.horst li {
    display: inline-block;
    margin: 12px 5px 0 0;
}
.horst a {
    text-decoration:none;
    padding: 3px 12px;
}

/* === stats page === */

#pageselection a {
    border: 1px solid gray;
}
#pageselection {
    text-align:right;
}
#pageselection ul, #legend ul {
    list-style:none;
    display: inline-table;
}
#pageselection li, #legend li {
    display:inline;
}
#pageselection a, #legend span {
    display:block;
    float:left;
    padding: 5px 10px 5px 20px;
}

th {
    text-align: left;
}

.myTable thead {
    background-color: #33B5E5;
    color: #FFFFFF;
}

.myTable td.label {
    text-align: center;
}

.myTable label img {
    margin: 10px 10px 0;
    border:1px solid lightgray;
}

span.lacode {
    font-family:monospace;
    font-size:10px;
    text-align:center;
    white-space:nowrap;
}

th label {
    margin-bottom:0;
}

.periodicity {
    /*display:block;*/
}
.periodicity li {
    display:inline;
    /*float:left;*/
    margin-right: 0;
}
.periodicity a {
    display: inline-block;
    text-decoration: none;
    padding: 0 2px;
    border:1px solid gray;
    background-color:lightgray;
}


/* === green folder icon === */
.access a .jstree-icon, .good > a > ins.jstree-icon {
    background-position: -56px -37px !important;
}

#good, #goodicon, ins.goodicon {
    background-position: -56px -37px;
    background-image:url('/js/themes/default/d.png');
    width:16px;
    height:16px;
    display: inline-block;
}

abbr {
    border-bottom: 2px dotted red;
}

footer div {
    margin-top:20px;
    padding-bottom:40px;
    background-color:#404040;
    color:#FFFFFF;
    border-radius:5px;
}

footer h3, footer p, footer ul {
    padding-left:10px;
}

footer h3, footer a {
    color:#ffffff;
}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {

}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

    body {

    }

    #social {
        display: none;
    }

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    /*	.logo {
         background: url(logo2x.jpg) no-repeat;
         background-size: 212px 303px;
     }*/

}