html {
    background-color:   #003366;
    color:              #b2e2cc;
    font-family:        "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size:          12px;
}
body {
    margin:             1px 0;
    padding:            0;
    width:              750px;
    border-right:       1px dotted #4040ff;
}
a {
    color:              #336699;
    text-decoration:    none;
    font-size:          12px;
}
    a.operation {
        color:              #66cccc !important;
        font-size:          12px !important;
    }

span.confirmed {
	color:				#00c040;
}
span.not_confirmed {
	padding:			2px;
	background-color:	#800000;
}

table {
    border-collapse:    collapse;
}
    tr {
        margin:             1px;
    }
    th {
        color:              #ff9900;
        padding:            2px;
    }
		tr.minor_header th {
			/* minor headers look more like an ordinary cell */
        	border:             1px solid #003366;
			background-color:   #05497c;
		}
    td {
        border:             1px solid #003366;
        padding:            4px;
        background-color:   #05497c;
        color:              #eeeeee;
        font-size:          9pt;
    }
    td.label {
        text-align:         right;
    }
	td.number {
		text-align:			right;
	}
	td.confirmation {
		text-align:			center;
	}
    td.date {
        color:              #66cccc;
        white-space:        nowrap;
        font-size:          12px;
    }
    td.submit {
        text-align:         center;
    }
    table a {
        color:              #eeeed8;
    }
    table a:hover {
        text-decoration:    underline;
    }
    .past td {
        color:              #aaaaaa;
    }
    .past a {
        color:              #aaaac8;
    }
    .past td.date {
        color:              #44aaaa;
    }
    .ongoing td {
        background-color:   #045897;
    }
    .ongoing td.date {
        color:              #aadddd;
    }
    .limiter td {
        font-size:          8pt;
        text-align:         center;
        background-color:   #003366;
    }
    .overlimit td {
        color:              #aaaaaa;
    }
    .overlimit a {
        color:              #aaaac8;
    }

table li {
    list-style-type:        circle;
}

div.login_links {
    text-align:         right;
    font-size:          10pt;
}

#header {
    margin:             0;
    padding:            0;
    height:             60px;
}
#headnavi {
    margin:             0;
    padding:            0;
    height:             14px;
    background-color:   black;
}
.header img {
    display:        inline;
    float:          left;
    margin:         0;
    padding:        0;
    border:         0;
}
#leftmargin {
    margin:         0;
    padding:        0;
    width:          113px;
    float:          left;
}
#content {
    float:          left;
    width:          610px;
    margin:         0;
    min-height:     800px;
    padding:        5px 10px;
    background:     url('../img/tlopdst.gif') repeat-y;
}
#backlink {
	margin-top:		20px;
}
	img.linkdot {
		height:         8px;
		width:          8px;
		border:         0;
	}
p.flash_message {
    font-size:      20px;
}
    p.flash_message a {
        font-size:  20px;
        text-decoration:    underline;
    }

p.warning {
	border: 2px solid #ff4040;
	color: #ff8080;
	padding: 3px;
}

/* CALENDARS & CLOCKS */
.calendarbox { margin:5px auto; font-size:11px; width:16em; text-align:center; background:white; position:relative; }
.calendar { margin:0; padding: 0; }
.calendar table { margin:0; padding:0; border-collapse:collapse; background:white; width:99%; }
.calendar caption, .calendarbox h2 { margin: 0; font-size:11px; text-align:center; border-top:none; color: #444;}
.calendar th { font-size:10px; color:#666; padding:2px 3px; text-align:center; background:#e1e1e1; border-bottom:1px solid #ddd; }
.calendar td { font-size:11px; text-align: center; padding: 0; border-top:1px solid #eee; border-bottom:none; background-color: #68e; }
.calendar td.selected a { background: #ff9900; }
.calendar td.nonday { background:#efefef; }
.calendar td.today a { background:#ffc; }
.calendar td a, .timelist a { display: block; font-weight:bold; padding:4px; text-decoration: none; color: #eee; }
.calendar td a:hover, .timelist a:hover { background: #5b80b2; color:white; }
.calendar td a:active, .timelist a:active { background: #036; color:white; }
.calendarnav { font-size:10px; text-align: center; color:#ccc; margin:0; padding:1px 3px; }
.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover { color: #444; }
.calendar-shortcuts { background:white; font-size:10px; line-height:11px; border-top:1px solid #eee; padding:3px 0 4px; color:#444; }
.calendar-shortcuts a { color: #444; }
.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { display:block; position:absolute; font-weight:bold; font-size:12px; background:#C9DBED; padding:1px 4px 2px 4px; color: black; }
.calendarnav-previous:hover, .calendarnav-next:hover { background:#036; }
.calendarnav-previous { top:0; left:0; }
.calendarnav-next { top:0; right:0; }
.calendar-cancel { margin:0 !important; padding:0; background:#e1e1e1;  border-top:1px solid #ddd; }
.calendar-cancel a { padding:2px; color:#444; }
ul.timelist, .timelist li { list-style-type:none; margin:0; padding:0; }
.timelist a { padding:2px; }