* {
		margin:0;
		padding:0;
		}

html, body {
		height:100%;
		}

body {
    background-color: #ccc;
	color:#333;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font:100.01%/1.4 sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
}
		
#distance { 
		width:1px;
		height:25px;
}
		
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width: 1024px;
	height: 724px;
	clear:left;
	background-color:#ccc;
}

#calBoxOffset{
	padding-left: 500px;
	padding-top: 50px;
}

.calInfo {
    border: 1px solid #000;
    background-color: #fff;
    padding: 4px;
    height: 50px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 25px;
}

div.spacer {
  clear: both;
}

.inp {
font-size: 12px;
font-family: Arial, Helvetica,Sans-Serif;
}

.inpRED {
font-size: 12px;
font-family: Arial, Helvetica,Sans-Serif;
border: 1px solid Red;
}

.calBoxes {
    border: 1px solid #333;
    background-image: url('Images/kalender2010_bg.jpg');
    background-repeat: no-repeat;
	width: 1024px;
	height: 724px;
}

.calBox 
{
	background-color: #fff;
	filter:alpha(opacity=50);
	opacity:0.5;
	color: #E61E53;
	border: 2px solid #aaa;
    float: left;
    margin: 10px;
    width: 50px;
    height: 50px;
    font-size: 30px;
    font-weight:bold;
    text-align: center;
}

.calBoxDone {
	background-color:#fff;
	filter:alpha(opacity=30);
	opacity:0.3;
	border: 2px solid #333;
    color: #E61E53;
    float: left;
    margin: 10px;
    width: 50px;
    height: 50px;
    font-size: 30px;
    font-weight:bold;
    text-align: center;
}

.calBoxToday {
    border: 2px solid #e00;
	background-color: #fff;
	filter:alpha(opacity=80);
	opacity:0.8;
    color: #E61E53;
    float: left;
    margin: 10px;
    width: 50px;
    height: 50px;
    font-size: 30px;
    font-weight:bold;
    text-align: center;
}

.nameReg {
        border: 1px solid #888;
        background-color: #eee;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
}

.regDone {
        border: 1px solid #CA0111;
        background-color: #fff;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
        margin: 5px;
        padding: 5px;
}

.regBox {
        border: 1px solid #888;
        background-color: #CA0111;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        width: 500px;
}

.regList {
        border: 1px solid #CA0111;
        background-color: #fff;
        font-weight: normal;
        text-align: left;
        padding: 5px;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.QHead {
        font-size: 25px;
        font-weight: bold;
        text-decoration: underline;
}

.Question {
        font-size: 13px;
        font-weight: normal;
}
.Answer {
        font-size: 11px;
        font-weight: normal;
}

A:link, A:visited {color: #333;text-decoration: none;}
A:hover, A:active {color: #DB0800;text-decoration: none;}

.blocked
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    padding: 5px;
    background-color: #CA0111;
}
.blocked:link, .blocked:visited
{
    color: #eee;
    text-decoration: none;
}
.blocked:hover, .blocked:active
{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#dhtmltooltip{
position: absolute;
width: 200px;
border: 2px solid black;
padding: 2px;
background-color: white;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}