html
{
    height: 100%;
}

body
{
	height: 100%;
	background: url("../img/bg.jpg") repeat-y fixed top left;
  font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
	background-color: #99ccff;
	color: #000000;
	margin-left: 190px;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
}

#tabstrip
{
    background-color: transparent;
    border: 0;
    margin-top: 8px;
}

.k-item
{
    background-color: #ffffff;
}

.k-icon
{
    margin-top: 8px;
}

.k-tabstrip .k-content
{
    min-height: 400px; 
}

#buttons
{
    float: right;
    display: inline-block;
    margin: 4px;
    z-index: 2000;
}

.iframearea
{
    display: inline-block;
    margin: 40px auto 20px auto;
    width: 410px;
    height: 410px;
}

.group
{
    margin-bottom: 16px;
}

.field
{
    margin-bottom: 8px;
}

.label, .input
{
    display: inline-block;
    vertical-align: middle;
}

.weekday
{
    margin-bottom: 8px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}

.grouplabel
{
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
}

.sup
{
    font-size: .83em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
    display: inline-block;
}

.checkbox
{
    vertical-align: middle;
    margin-right: 8px;
}

.xsml
{
    width: 40px;
}

.sml
{
    width: 75px;
}

.med
{
    width: 110px;
}

.big
{
    width: 200px;
}