html {
	background:#000a02;
	color:#bbb;
	font-family:"Verdana", sans-serif;
}
#header,
header,
nav,
#menu,
.content,
#content,
footer,
#footer{
  width:1000px;
  margin:1em auto;
}

/* Page header style
 * ----------------------------------------- */
header{
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border-radius:.3em;
}
header *{
  display:none;
}

/* Page menu style
 * ----------------------------------------- */
#menu{
  background-color:#bbb;
  -moz-border-radius:.4em .3em .3em .4em;
  -webkit-border-radius:.4em .3em .3em .4em;
  border-radius:.4em .3em .3em .4em;
  height:40px;
  position:relative;
  padding:0;
  z-index:10;
}
#menu li{
  list-style-type:none;
  float:left;
  width:auto;
  clear:none;
}
#menu ul{
  position:absolute;
  right:0;
}
#menu ul.dropdown{
  display:none;
  position:absolute;
  background-color:#BBB;
  -moz-border-radius:.4em .4em .4em .4em;
  -webkit-border-radius:.4em .4em .4em .4em;
  border-radius:.4em .4em .4em .4em;
  overflow:auto;
  padding:0;
  width:100%;
  margin:0 auto;
}
#menu ul.dropdown li{
  float:left;
}
#menu ul.dropdown li:first-child{
  margin-left:1em;
}
#menu li:hover ul.dropdown{
  display:block;
}
#menu ul li{
  float:right;
}
#menu ul.vertical{
  left:-9999em;
  position:absolute;
  right:auto !important;
  background-color:#BBB;
  -moz-border-radius:0 0 .4em .4em;
  -webkit-border-radius:0 0 .4em .4em;
  border-radius:0 0 .4em .4em;
  overflow:auto;
  padding:0 0 0 4px;
}
#menu li:hover ul.vertical{
  left:auto;
}
#menu ul.vertical li{
  float:none;
}

#menu a,
#menu li>span{
  color:#333;
  font:bold 12px/32px "Verdana", sans-serif;
  margin:4px .4em 4px 0;
  padding:0 1.4em;
  display:block;
}
#menu a.logo,
#menu a.logo:hover{
  color:#a2c837;
  font:bold 16px/40px "Verdana", sans-serif;
  margin:0 .3em 0 0;
  background-color:#2b383e;
  -moz-border-radius:.3em 0 0 .3em;
  -webkit-border-radius:.3em 0 0 .3em;
  border-radius:.3em 0 0 .3em;
}
#menu a:hover{
  color:#a2c837;
  background-color:#2b383e;
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border-radius:.3em;
}

#menu .openidmenu label{
  font-size:.9em;
  line-height:30px;
  color:#000;
  display:inline-block;
}
#menu input{
  height:22px;
  margin-top:6px;
  display:inline-block;
}
#menu label{
  width:auto;
  padding-right:.5em;
}
/* Page content block style
 * ----------------------------------------- */
.content,
#content{
  font-size:.85em;
  line-height:1.4em;
  padding:0;
  list-style:none;
  overflow:auto;
}
.content>li,
.content>div,
#content>li,
#content>div{
  display:block;
  position:relative;
  background-color:#2b383e;
  margin:0 0 1.2em;
  padding:1em 1em 2em;
  overflow:auto;
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border-radius:.3em;
}
/* Triple column layout, the default list-based layout */
.content>li,
#content>li{
  float:left;
  width:29.5%;
}
.content>li:first-child,
#content>li:first-child{
  margin-right:1.4em;
}
.content>li.wide
#content>li.wide{
  width:63.5%;
  margin-right:0;
}
.content>li:last-child,
#content>li:last-child{
  float:right;
}
/* Sidebar layout specifics */
.content.sidebar>li,
#content.sidebar>li{
  width:77.5%;
  margin-right:0;
}
.content.sidebar>li:last-child,
#content.sidebar>li:last-child{
  width:16%;
}

/* page footer style
 * ----------------------------------------- */
footer,
#footer{
  padding:0 0 2em;
  clear:both;
  font-size:.8em
}
footer p,
#footer p{
  margin-left:1em;
  opacity:.8;
  display:block;
  float:left;
}
footer a,
#footer a{
  color:#fff;
  background:url(/media/xhtml10.png) no-repeat right center;
	width:250px;
	line-height:31px;
	float:right;
	opacity:.4;
	margin-right:.9em;
}
footer  a:hover,
#footer a:hover{
  color:#bbb;
  opacity:.8;
}

/* Generic style classes
 * ----------------------------------------- */
.left{
  float:left;
  margin:1em 2em 1em 0;
}
.right{
  float:right;
  margin:1em 0 1em 2em;
}
.navigation{
  list-style:none;
}
.navigation a{
  display:block;
  width:32em;
  background-color:#4dabf0;
  padding:.4em 0 .5em 1em;
  margin:.7em 0;
  background:#aaa;
  color:#2b383e;
  -moz-border-radius:.7em;
  -webkit-border-radius:.7em;
  border-radius:.7em
}
.navigation a:hover{
  background:#a2c837;
}
.toplink{
  position:absolute;
  top:0;
  right:0;
  background-color:#dadae4;
  margin: 0;
  padding:0.5em 1.5em;
  font-weight:bold;
  background:#aaa;
  color:#2b383e;
  -moz-border-radius-bottomleft:1em;
  -moz-border-radius-topright:.3em;
  -webkit-border-bottom-left-radius:1em;
  -webkit-border-top-right-radius:.3em;
}
.toplink:hover{
  background:#a2c837;
}
.nodot{
  list-style:none;
  padding-left:0;
}

.nodot>li>ul{
  padding-left:.2em;
}
/* Generic tag style
 * ----------------------------------------- */
h2{
  color:#a2c837;
  margin:.2em 0;
  font-size:1.2em;
}
h3{
  color:#a2c837;
  font-size:1em;
}

h4{
  margin:.5em 0 0;
}
h4 + p{
  margin-top:-.1em;
}
a{
  margin: 0 -.15em;
  padding: 0 .15em;
  color:#a2c837;
  text-decoration:none;
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border-radius:.3em;
}
a:hover{
  color:#2b383e;
  background:#a2c837;
}
a.button{
  background-color:#aaa;
  font-size:1.1em;
  margin:.5em .8em;
  display:block;
  padding:.5em;
  color:#333;
  width:auto;
}
a.button:hover{
  opacity:.8;
}

a.download{
  padding:.7em .5em .7em 3.4em;
  background-image: url(/media/download-icon.png);
  background-repeat:no-repeat;
  background-position:.8em center;
}
acronym,
.title{
  border-bottom:1px #a2c837 dotted;
}

ul{
  margin:0;
  padding-left:1.5em;
  list-style-position:inside;
}

/* form styles
*/
form{
  overflow:auto;
}
form li{
  display:block;
  float:left;
  clear:both;
  list-style-type:none;
  width:100%;
}
form li input,
form li textarea,
form li button,
form li select{
  display:block;
  float:left;
  margin:.5em;
}
label{
  display:block;
  float:left;
  width:14em;
  margin:.3em 0;
}
form li li label{
  width:12.5em;
}

textarea,
input[type="text"],
input[type="password"],
select{
  border:1px solid #a2c83a;
  background-color:#2b383e;
  color:#c0c0c0;
  padding:.1em .2em;
}
textarea:hover,
textarea:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
select:focus{
  background-color:#1b282e;
}
textarea{
  width:70%;
  height:60px;
}

table{
  width:100%;
  border-spacing:0;
}
thead td,
tfoot td{
  background-color:#1b282e;
}
thead tr:first-child td:first-child{
  border-radius:.5em 0 0 0;
}
thead tr:first-child td:last-child{
  border-radius:0 .5em 0 0;
}
thead td,
tfoot td{
  padding:.2em .5em;
  font-weight:bold;
}
thead tr:last-child td{
  border-bottom:1px solid #a2c83a;
}
tfoot tr:last-child td:first-child{
  border-radius:0 0 0 .5em;
}
tfoot tr:last-child td:last-child{
  border-radius:0 0 .5em 0;
}
tfoot tr:first-child td{
  border-top:1px solid #a2c83a;
}

tbody tr:nth-child(odd){
  background-color:#1b282e;
}
tbody td{
  padding:.2em .5em;
}
table .checkboxcolumn{
  width:30px;
}
table td.intcolumn{
  text-align:right;
}
/* OpenId styles
*/
.openid_login{
  background-image:url(http://underdark.nl/media/openid-inputicon.png);
  background-repeat:no-repeat;
  background-position:3px center;
  padding-left: 20px !important;
}
.openid_providers{
  margin:0;
  padding:0;
  list-style-type:none;
  overflow:auto;

}

.openid_providers li{
  float:left;
  display:block;
}
.openid_providers a{
  display:block;
  width:100px;
  height:60px;
  margin:.5em;
  text-align:center;
  vertical-align:middle;
  border:1px solid #a2c83a;
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border-radius:.3em;
  text-indent:-1000px;
  background-image:url(http://underdark.nl/media/openid-providers.png);
}
.openid_providers .google a{
  background-position: 0 0;
}
.openid_providers .yahoo a{
  background-position: -100px 0;
}
.openid_providers .myopenid a{
  background-position: -200px 0;
}

/* upload drag & drop styles */
.uploaddrag{
  background-color:#1b282e;
  border:1px solid #a2c83a;
}
.uploaddrag .status{
  display:block !important;
}