tsmmonitor2/css/horizon.css

/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */
body, html {
background: #F5F6F8;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
margin: 0 0 5px 0;
padding: 0;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* OUTER CONTENTBOX */
/* - - - - - - - - - - - - - - - - - - - - */
#inhalt {
margin:10px auto;
text-align:left;
width: 90%;
padding: 2px;
background: #ffffff;
border: 1px solid #1f304e;
}

.calendar * { margin: 0; padding: 0; border: 0; font-family: Tahoma, serif; font-weight: normal; color: #000; }
.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .selectedday { background: #ddd; }
.calendar .today { font-weight: bold; color: #f00; }
.calendar a { padding: 0 2px; color: #000; text-decoration: none; }
.calendar a:hover { background: #bbb; }
.calendar table { border-collapse: collapse; font-size: 90%; }
.calendar tbody td { width: 20px; }
.calendar td, .calendar th { padding: 1px; text-align: center; }
.calendar thead td { border-bottom: 1px solid #aaa; }
.calendar thead td { font-weight: bold; }
.calendar thead th a { font-size: 95%; font-weight: bold; }
.calendar thead th { padding: 2px 0; vertical-align: middle; background: #ddd; }
.calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #fff; }
.calendaricon { cursor: pointer; }
.calendarlink, .calendaricon { margin: 0 3px; }

a.nav:link { color:#eaeff4; text-decoration:underline; }
a.nav:visited { color:#eaeff4; text-decoration:underline; }
a.nav:active { color:#cccccc; text-decoration:underline; }
a.nav:hover { color:#555555; text-decoration:underline; }
a.navhead:link { color:#eaeff4; text-decoration:none; }
a.navhead:visited { color:#eaeff4; text-decoration:none; }
a.navhead:active { color:#eaeff4; text-decoration:none; }
a.navhead:hover { color:#555555; text-decoration:none; }
a.tablefooter:link { color:#eaeff4; text-decoration:underline; }
a.tablefooter:visited { color:#eaeff4; text-decoration:underline; }
a.tablefooter:active { color:#eaeff4; text-decoration:none; }
a.tablefooter:hover { color:#555555; text-decoration:underline; }
a.navheader:link { color:#FFFFFF; text-decoration:none; }
a.navheader:visited { color:#FFFFFF; text-decoration:none; }
a.navheader:active { color:#FFFFFF; text-decoration:none; }
a.navheader:hover { color:#FFFFFF; text-decoration:none; }

/* - - - - - - - - - - - - - - - - - - - - */
/* TABLE*/
/* - - - - - - - - - - - - - - - - - - - - */
#design {
width: 100%;
background: #ffffff;
}

#head {
height: 75px;
text-align: center;
color: #ffffff;
font-size: 24px;
font-weight: bold;
background-image:url(../images/bg-horizon-5x75.jpg); 
background-repeat:repeat-x;
}

#tnleft {
background: #ffffff;
height: 30px;
padding: 3px;
color: #000000;
font-size: 11px;
background-image:url(../images/bg-horizon-5x35.jpg); 
background-repeat:repeat-x;
}

#tnright {
background: #ffffff;
height: 30px;
padding: 3px;
color: #000000;
font-size: 11px;
background-image:url(../images/bg-horizon-5x35.jpg); 
background-repeat:repeat-x;
}

#tnbox1 {
float:left;
}

#tnbox2 {
float:right;
}

#printpreviewheader {
background: #cacaca;
padding: 3px;
color: #FFFFFF;
font-size: 16px;
}

#menue {
background: #ffffff;
padding: 0px;
color: #000000;
vertical-align: top;
}

.menuelinks a {
display: block;
width: auto;
background: #3880af;
margin-bottom: 2px;
padding: 3px 0px 3px 4px;
color: #eaeff4;
font-size: 11px;
font-weight: bold;
text-decoration: none;
border: 1px solid #1f304e;
}
.menuelinks a:hover {
background: #bdd6e6;
text-decoration: none;
color: #000000;
}

.menuelinks .aktuell {
display: block;
width: auto;
background: #1f304e;
color: #eaeff4;
margin-bottom: 2px;
padding: 3px 0px 3px 4px;
font-size: 11px;
font-weight: bold;
border: 1px solid #010101;
}


.menuelinks .sidebarinfo {
display: block;
width: auto;
background: #fafafa;
margin-bottom: 2px;
padding: 3px 0px 3px 4px;
font-size: 11px;
text-decoration: none;
border: 1px solid #1f304e;
}

#content {
background: #ffffff;
padding: 0px;
color: #000000;
vertical-align: top;
}


#footer {
background: #eaeaea;
padding: 3px;
color: #eaeff4;
text-align: center;
background-image:url(../images/bg-horizon-5x35.jpg); 
background-repeat:repeat-x;
}

#sysinfo {
background: #f4f4f4;
padding: 3px;
color: #999999;
text-align: center;
}

#table {
background: #dadada;
padding: 3px;
color: #ffffff;
text-align: center;
}

td { font-family: Tahoma, Geneva, Arial, helvetica, sans-serif; font-size: 10pt }
th { font-family: Tahoma, Geneva, Arial, helvetica, sans-serif; font-size: 10pt }


table.zebra   		{background-color: #1f304e; border-spacing: 1px;margin-left: auto; margin-right: auto; width: 100%;}          
table.zebra th 		{ background-color: #3880af; }
table.zebra td.footer	{ background-color: #3880af; }
table.zebra td		{ padding: 4px;}
table.zebra tr.d0	{ background-color: #fff; }
table.zebra tr.d1	{ background-color: #f2f2f2; }

table.timetable   	{background-color: #1f304e;  border-spacing: 1px;margin-left: 1px; margin-right: auto;}          
table.timetable th 	{ background-color: #3880af; }
table.timetable th.content 	{ background-color: #3880af; background-image:url(../images/tablebg.gif); }
table.timetable td	{ padding: 2px; font-size: 10px; }
table.timetable td.content	{ padding: 2px; font-size: 10px; background-image:url(../images/tablebg.gif); }
table.timetable tr.d0	{ background-color: #fff; color: #dddddd;}
table.timetable tr.d1	{ background-color: #f2f2f2; color: #ffffff;}

table.login   		{background-color: #eaeaea; border-spacing: 1px;margin-left: auto; margin-right: auto;}          
table.login th 		{ background-color: #eaeaea; text-align: center; }
table.login td		{ padding: 4px;}
table.login tr		{ background-color: #fff; text-align: center; }

.button			{ background-color: #3880af; color: #eaeff4; background-image:url(../images/bg-horizon-5x35.jpg); }
.textfield		{ background-color: #3880af; color: #eaeff4; background-image:url(../images/bg-horizon-5x35.jpg); }