html {height:100%}
img { border: 0; }

body {
	font: 62.5% Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #444;
	background: #a0a0a0 url("http://www.xencon.net/inf/img/bg.gif") repeat-x fixed;
	text-align: center;
	text-align: center;
	margin: 0 0 30px;
	min-height:101%;
	}
    
#page {
	background: #ffffff url('http://www.xencon.net/inf/img/page-bottom.png') bottom repeat-x;
	text-align: left;
	margin: 0 auto;
	padding: 0px 0 10px;
	position: relative;
	width: 780px;
	_width: 780px;
	}
    
#header0 { 
/* The very 1st bar, used for some navigational elements  */
/* To save some space changed to about 30px  */
/* Need to put the my.xencon.net specific links inside header3 */
	padding: 0;
	margin: 0;
	position: relative;
	height: 60px;
	background: #ffffff url('http://www.xencon.net/inf/img/header0-top.png') bottom repeat-x;
	}
    
#header0 #menu {
/* The nav elements (reqd for my.xencon.net) */
	position: absolute;
	top: 15px;
	right: 32px;
	color: #177FB9;
	}
    
#header0 #lang {
/* The language chooser */
/* This one gets to header3 and some nice flags later... */
	position: absolute;
	top: 15px;
	left: 32px;
	color: #177FB9;
	}
    
#header0 #menu a {
	color: #177FB9;
	text-decoration: none;
	font-weight: normal;
	}
    
#header0 #menu a:hover {
	border: none;
	text-decoration: none;
	border-bottom: 1px solid #177FB9;
	color: #177FB9;
	vertical-align:top;
	}
    
#header0 #menu li {
	border: none;
	text-decoration: none;
	display: inline;
	margin: 0;
	color: #177FB9;
	}	

#header0 #menu li img {
	display: inline;
	border-bottom: none;
	margin: -2px;
	padding-left: 0px;
	padding-top: 0px;
	}
	
#header0 #menu li img a:hover {
	display: inline;
	border-bottom: none;
	margin: -2px;
	padding-left: 0px;
	padding-top: 0px;
	border-bottom: none;
	}
    
#header2 {
/* The 2nd bar. Oh missed the first. ;-) */
	padding: 0;
	margin: 0;
	position: relative;
	height: 30px;
	background: #3371A3 url("http://www.xencon.net/inf/img/header2.png") center center no-repeat;
	}
    
#header3 {
/* The 3rd bar - the one that hosts the main nav tabs. */
	padding: 0;
	margin: 0;
	position: relative;
	height: 40px;
	background: #3465A4 url('http://www.xencon.net/inf/img/header3-nav-bg.gif') bottom repeat-x;
	}

.backtrack {
/* Nice to know  where you are, isnt it? */
	padding-top: 5px;
	font-weight: bold;
	height: 30px;
	position: relative;
    margin: 0px;
    text-align: left;
    color: #ffffff;
	background: #8CBEE7 url('http://www.xencon.net/inf/img/backtrack.png');
    }

.backtrack .lang {
/* The language chooser */
/* This one gets to header3 and some nice flags later... */
	position: absolute;
	top: 13px;
	right: 20px;
	color: #177FB9;
	}

.backtrack a {
	color: #fff;
    }

.backtrack ul {
	margin-top: 5px;
    }

.backtrack li {
	display: inline;
    }

#alert {
/* The box that contains valuable information */
    color: #fff;
	font-weight: bold;
	}
    
#alert ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0px;
	padding-left: 0px
    }
    
#alert li.done {
/* The good */
	border: 1px solid #3465A4;
	padding: 5px 20px 5px 45px;
	margin-bottom: 10px;
	background: #8ABFE6 url('http://www.xencon.net/inf/img/information.png') 15px center no-repeat;
    }
    
#alert li.error {
/* The evil */
	border: 1px solid #C4A000;
	color: #C4A000;
	padding: 5px 20px 5px 45px;
	margin-bottom: 10px;
	background: #FCE94F url('http://www.xencon.net/inf/img/error.png') 15px center no-repeat;
    }

#alert li.admin {
/* The rest */
	border: 1px solid #CCCCCC;
	color: #C4A000;
	padding: 5px 20px 5px 45px;
	margin-bottom: 10px;
	background: #EEEEEE;
    } 
    
.faqentry {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0px;
	font-size: 12px;
    }

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 5px;
	width: 95%;
	}
	
ul.menu li {
	display: inline;
	margin: 0;
	}
ul.menu, ul.menu li a {
	padding: 5px 15px 6px;
	}
ul.menu li a {
/* NavTab inside header3 */
	color: white;
	font-weight: bold;
	margin: 0;
	background: #588BC0 url('http://www.xencon.net/inf/img/header3-nav-link2.png') repeat-x; 
	}
ul.menu li a:hover {
	background: #FFCF31;
	color: white;
	font-weight: bold;
	text-decoration: none;
	background: #8CBEE7 url('http://www.xencon.net/inf/img/header3-nav-current.png') repeat-x;
	}
	
ul.menu li.grayed a {
/* NavTab inside header3 - this one is disabled */
	color: #ccc;
	font-weight: bold;
	margin: 0;
	background: #ddd url('http://www.xencon.net/inf/img/header3-nav-link2-grayed.png') 0 0px repeat-x; 
	}

ul.menu li.grayed a:hover {
	color: #ccc;
	font-weight: bold;
	text-decoration: none;
	background: #ddd url('http://www.xencon.net/inf/img/header3-nav-link2-grayed.png') 0 0px repeat-x; 
	}	
	
ul.menu li.active a {
	color: white;
	font-weight: bold;
	margin: 0;
	background: #28b url('http://www.xencon.net/inf/img/header3-nav-link1.gif') 0 0 repeat-x;
	}
    
ul.menu li.move {
/* DAN: EDIT */
	display: inline;
	/*margin: 0;*/
    margin: -2px;
	border-top: 0px solid #169; 
    }

ul.menu li.move a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: white;
	font-weight: bold;
	margin: 0;
	background: none;
    }
    
ul.menu li.move a:hover {
	color: white !important;
	font-weight: bold;
	text-decoration: none;
	background: none;
    }

.spaltn {
/* The main content */
/* DAN: EDIT */
	width: 780px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url('http://www.xencon.net/inf/img/spaltn-top-small.png') top repeat-x;
	font: 1.1em/1.5em Verdana, Arial, Sans-Serif; 
	text-align: justify;
	color: #444;
	min-height: 300px;
	}

.primary {
/* The right column */
    width: 500px;
    margin: 0px;
    margin-left: 240px;
    padding: 0px;
    padding-top: 10px;
    _padding-top: 20px;
    padding-bottom: 40px;
	}

.primary .recom {
/* The language chooser */
	position: absolute;
	top: 328px;
	right: 40px;
	}

.lefty {
/* Name says all */
	text-align: left;
    float: left;
    width: 200px;
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    _padding-top: 20px;
    padding-left: 20px;
    _padding-left: 20px;
    } 
	
.lefty ul {
	list-style-type: none;
	_padding-left: 0px;
	_margin-left: 0px;
	padding: 0px;
	width: 200px;
    }

.lefty ul.nav {
	margin-top: 0px;
	font-size: 10px;
	border-top: 1px solid #ccc;
	background: #eee;
	_padding-left: 0px;
	_margin-left: 0px;
	margin-bottom: 10px;
	}

.lefty ul.nav a {
	color: #444;
	font-weight: normal;
	}

.lefty ul.nav li {
	padding: 5px;
	border-bottom: 1px solid #ccc;
    }

.lefty ul.nav li.leftnavhead {
	_padding-left: 5px;
	_margin-left: 0px;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background: #eee url('http://www.xencon.net/inf/img/th200feed.png') repeat-x;
    }

.lefty ul.nav li.leftnavhead a {
	color: #FFFFFF;
	font-weight: bold;	
	}

.lefty img { 
	padding-left: 0px;
	margin-bottom: 10px;
	/*_margin: 0px 0px 0px 40px;*/
    }

.lefty object, .lefty embed { 
	padding-left: 0px;
	margin-bottom: 10px;
	/*_margin: 0px 0px 0px 40px;*/
    }

.lefty li a { 
	color: #1075AD;
	font-weight: bold;
	text-decoration: none;
    }

.bullet {
	list-style-image: url('http://www.xencon.net/inf/img/arrow_A_ver1.gif');
    }

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.note, .note a {
	font-size: 9px; 
	font-weight: normal;
	
	}

#footer0 {
/* Well, the footer... */
	text-align: left;
	margin: 0 auto;
	padding: 10px 0 10px;
	position: relative;
	width: 780px;
	_width: 780px;
	border-top: none;
	}
    
#footer0 a {
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
	}
    
#footer0 a:hover {
	border: none;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	color: #ccc;
	}

#footer1 {
	text-align: left;
	margin: 0 auto;
	padding: 10px 0 10px;
	position: relative;
	width: 780px;
	border-top: none;
	}
	
h1, #agb h1 a {
	padding: 0px 0 0;
	color: #444444;
	font-size: 22px;
	font-weight: normal;
	}

h2 {
	color: #444444;
	font-size: 20px;
	font-weight: normal;
	width: 350px;
	}
	
h3 {
	padding: 5px 0 0;
	color: #444444;
	font-size: 16px;
	font-weight: normal;
	}

h3.faq {
	padding: 0px 0px 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #444;
	font-size: 16px;
	font-weight: normal;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	}
	
small {
	font-size: 9px;
	line-height: 1.5em;
	color: #ccc;
	}
	
pre {
	background: #eee;
	font-family:"Courier New", Courier, monospace;  
	padding: 3px;
	overflow: auto;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
    }

ol li {
	list-style: decimal outside;
	}

table.info ul {
	padding-left: 20px;
    }

table.info li, .primary li {
	list-style-image: url('http://www.xencon.net/inf/img/arrow_A_ver1.gif');
    }
	
table.info {
	border: none;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-spacing: 0px;
    }
    
table.info th, table.entry th {
	color: #ffffff;
	background: #D7D7D7 url('http://www.xencon.net/inf/img/th.png') repeat-x;
	border-right: 1px solid #ccc;	
	border-bottom: 2px solid #ccc;
	padding: 4px;
    }

table.info td {
	border-bottom: 1px solid #ccc;
	padding: 6px;
    }


table.entry {
	width: 100%;
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	border-spacing: 0px;
	background-color: #eee;
    }
	
table.entry td {
	border-bottom: 1px solid #ccc;
	padding: 8px;
    }
	
table.entry label {
	font-weight: bold;
    }	

a {
	color: #1075AD;
	font-weight: bold;
	text-decoration: none;
	}
	
a.mode {
	color: #AAAAAA;
	font-weight: bold;
	text-decoration: underline;
	}
	
a.grayed {
	color: #AAAAAA;
	font-weight: bold;
	text-decoration: none;
	}
	
.hostimg, .hostimgselected {
/* Make the order images more clickable */
    cursor: pointer;
    }

a.faqitem {
    cursor: pointer;
    }

/* (D)EV[I|E]L */
/*********************************************************************************************************/

hr, .lefty hr {
	color: #ffffff; 
	background-color: #ffffff;
	height: 1px;
	border: 0 none;
	}

fieldset, img { border:0; }

/* Make external links, mhmm: external 
.primary a[href^="http://"] {
	padding-left: 16px;
	background-image: url('http://www.xencon.net/inf/img/lext.gif');
	background-repeat: no-repeat;
	background-position: left;
	}
*/

.button-generic a {
/* An image based button */
    display: block;
    height: 26px;
    background: url('http://www.xencon.net/inf/img/header3-nav-link.gif') no-repeat;
    }
.buttone-generic a:hover {
    background-position: 0 -26px;
    }
    
input[type=button], input[type=submit], input[type=reset] {
    background: #eee;
    color: #444;
    font-weight:bold;
    border: 1px outset #ccc;
    padding: .1em .5em;
    }
    
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    background: #ccc;
    }
    
input[type=button][disabled], input[type=submit][disabled], input[type=reset][disabled] {
    background: #f6f6f6;
    border-style: solid;
    color: #999;
}

input[type=text], input[type=password], textarea { 
	color: #444;
	padding: 4px;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #ccc;
	width: auto;
	}

select {
    color: #444444; 
    border: solid 1px #CCCCCC;
    }

.buttons { margin: .5em .5em .5em 0 }
.buttons form, .buttons form div { display: inline }

#mapsearch {
	width : 500px;
	margin : 0px;
	padding : 0px;
	/*border : 1px solid #eee;*/
	}

/* set height of idle state map */
#mapsearch .gsmsc-idleMapDiv { height : 300px; }

/* set height of active state map */
#mapsearch .gsmsc-mapDiv { height : 400px; }