body { margin:0 5px; background:url(../images/bg.jpg) repeat-x #fff; font-family:arial,helvetica; font-size:13px; overflow-x:hidden; }
div.column { float:left; width:25%; }
div.box { margin:3px; border:1px dotted #ccc; }
div.box .space { padding:5px; }
ul { padding:5px 0px 20px 15px; margin:0px; }
img.icon { margin:3px 3px 0px 0px; }
label { display:block; }
input, select { font-size:13px; }
table { font-size:12px; }
form { margin:0px; }

h1 { font-weight:normal; margin:0px 0px 10px 0px; }
h3 { background:url(../images/bg_box.png) repeat-x #F8DC27; color:#fff; padding:5px; font-size:14px; margin:0px; }

a {}
a:hover, a:visited, a:active { color:#6279D1; }
a.toggle { float:right; width:20px; height:20px; margin:3px 3px 0px 0px; background:url(../images/collapse.png) no-repeat; }
a.expand { background:url(../images/expand.png) no-repeat; }
a.delete { float:right; width:20px; height:20px; margin:3px 3px 0px 0px; background:url(../images/close.png) no-repeat; }

#menu { position:absolute; top:96px; left:340px; z-index:10; }
#menu ul { margin:0px;padding:0px;}
#menu ul li { display:inline; border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; line-height:32px; padding:5px 8px 5px 10px; margin-right:3px;}
#menu ul li.active { background:#e5e5e5; }
#menu ul li.active a { color:#003366; font-weight:bold; text-decoration:none; }

input, textarea, select { font-family:arial; }

table.calendar { width:90%; border-collapse:collapse; padding:0px; margin-top:5px; }
table.calendar th { text-align:center; background:#eaeaea; border:1px solid #ccc; font-weight:normal; font-size:10px; }
table.calendar td { text-align:center; border:1px solid #ccc; font-size:13px; line-height:20px; }
table.calendar td.disable { color:#fff; }
table.calendar td.today { background:#F0EBC8; font-weight:bold; }
table.calendar td.holiday { background:#EBE0E0; color:#990000; }
table.calendar td.holidaytoday { background:#F0EBC8; font-weight:bold; }
table.calendar td.other { color:#990000; }
table.calendar td.othertoday { background:#F0EBC8; font-weight:bold; color:#990000; }


table.tv { width:90%; border-collapse:collapse; padding:0px; margin:5px 0px 0px 0px;}
table.tv td { }
table.tv td.next { color:#888; padding-bottom:4px; padding-top:0px; }
table.tv td.now { padding-top:4px; border-top:1px solid #ccc; }

.date { color:#888; font-size:11px; }
.error { padding:10px 0px; color:#660000; font-style:italic; }

#logo { float:left; height:125px; width:350px; background:url(../images/logo_tjohoo.gif) no-repeat; }

#toplinks { float:right;padding:10px 10px 10px 0px; }

#popup { width:100%; background:#F8DC27; height:60px; }
#popup h1 { color:#fff; font-size:20px; margin:20px 0px 0px 20px; }
#popup-info { padding:20px; }


.weatherbox { margin:10px 0px; padding-top:5px; border-top:1px solid #ccc; }
.new { color:#ff0000; font-size:9px; text-transform:uppercase; }
.hidden { display: none; }

/* When loading ajax, this did opens and holds the ajax-content */
div#ajax_content_loader {
z-index: 100;
background: #ddd;
border: 1px solid;
padding: 10px;
position: absolute;
width: 500px;
height: auto;
}