body           { background:#F8FDFE; color:#000000;   font-family:Lucida Grande,Lucida Sans Unicode,Georgia,trebuchet ms,bitstream vera sans,verdana,sans serif; font-size:13px; border:0px; padding:0px; margin:0px; height:100%; }
body.plain     { background:#93CCEA;  color:#000000; font-family:Lucida Grande,Lucida Sans Unicode,Georgia,trebuchet ms,bitstream vera sans,verdana,sans serif; font-size:13px; border:0px; padding:0px; margin:0px; height:100%; }
body.plain a   { color:#000000; }
body.plain h1  { color:#000000; }
#fck           { background-image:none; background-color:#5f5f5f; color:#ffffef; }
p,li              { margin:0px; margin-top:4px; margin-bottom:4px; padding:0px; line-height:1.6; }
blockquote     { margin-top:4px; margin-bottom:0px; }

a              { color:#af0000; }
a:active       { color:#00FFFF; }
a.title        { color:#000000; }

h1                  { font-size:21px; color:#af0000;; }
h2                  { font-size:18px; border-bottom:1px; }
h3                  { font-size:9px; border-bottom:1px; margin-top:2px; margin-bottom:2px; text-align:center; }
h4                  { font-size:9px; border-bottom:0px; margin-top:2px; margin-bottom:2px; text-align:center; }
h5                  { font-size:9px; border-bottom:1px; margin-top:2px; margin-bottom:2px; text-align:center; }

div#body { width:1000px; }
div#mainMenu { font-family:Lucida Grande,Lucida Sans Unicode,arial,helvetica; font-size:11px; height:28x; padding-top:4px; }
div#headerContainer { position:relative; left:216px; width:776px;}
div#topTenContainer { position:absolute; margin-top:60px; padding:8px; padding-top:16px; top:0px; left:16px; width:164px; font-size:11px; ; background-position:-16px -60px; min-height:100%; height:auto !important; height:100% }
div#contentContainer   { background-color:#5f5f5f; color:#ffffef; position:absolute; padding:16px; left:216px; width:740px; border:2px solid #012345; }

div.menu_item { white-space:nowrap; position:relative; float:left; margin:4px; z-index:99; height:20px; line-height:16px; }
div.menu_item a { text-decoration:none; color:#cacbcc }
div.menu_item a:hover { text-decoration:underline; }
div.menu_icon { float:left;width:16px;height:16px;text-align:center; }
div.submenu   { white-space:normal; display:none; position:absolute; left:0px; top:19px; z-index:99; }

div.topten          	{ border:0px; position:relative; margin-bottom:8px; padding:2px; width:160px; text-align:left; overflow-x:hidden; }
div.topten a 		{ }
div.toptentxt           { width:140px;height:16px;overflow:hidden;white-space:nowrap;behavior:url("/static/htc/scroller.htc");}
div.toptentxt_wrap      { width:140px;height:16px;overflow:hidden;behavior:url("/static/htc/scroller.htc");}

img                 { border-color:#af0000; }

.border                 { border:1px solid #012345; border-radius:4px; padding:4px; background:url('http://www.zoomin.se/static/png24/25black.png'); }
.noborder        { background:transparent; padding:0px; margin:0px; border:0px; }
.ram                 { border:1px solid #012345; border-radius:4px; padding:4px; background:url('http://www.zoomin.se/static/png24/25black.png'); }
.ingenram        { background:transparent; padding:0px; margin:0px; border:0px; }
.png             { background:transparent; border:0px; padding:0px; margin:0px;}

.big                { font-size:18px; }
.normal               { font-size:13px; }
.small              { font-size:11px; }
.minimal            { font-size:9px; }

.error          { color:red; font-weight:bold; }
.underline                      { border-bottom:1px solid #000000 }
.dashed_underline       { border-bottom:1px dashed #000000 }
.widget                 { border:1px solid #012345; border-radius:4px; padding:4px; background:url('http://www.zoomin.se/static/png24/25black.png');; margin-top:2px; margin-bottom:2px; }

table.calendar { margin-top:4px; width:180px; height:160px; font-size:11px; border:0px; border-top:0px; padding:2px; }
table.calendar td { text-align:center; font-size:11px; }
caption.calendar-month { width:180px; font-size:11px; border:0px; padding:2px; }

div.postit                      { padding:0px; position:relative; }
div.postit_txt          { background:#ffffff;border:1px solid #000000;border-bottom:2px solid black;border-right:2px solid black;color:black; }
div.postit_txt td       { color:#333333; }
div.postit_txt p                { color:#333333; }
div.postit_txt a                { color:black; }
div.postit_txt > td     { color:#333333; }
div.postit_txt > p      { color:#333333; }
div.postit_txt a                { color:#333333; }

HTML, BODY {
scrollbar-arrow-color : #000000;
scrollbar-base-color : #F8FDFE;
}

div.infoshadow		{ clear:both; background:#ffffff;border:1px solid #000000;border-bottom:1px solid black;border-right:1px solid black;color:black; margin:4px; padding:8px; background-image:url(http://www.zoomin.se/static/png24/whiteout.png);background-repeat:no-repeat;background-position:bottom right; }
div.infoshadow td	{ color:#333333; }
div.infoshadow p		{ color:#333333; }
div.infoshadow a		{ color:black; }
div.infoshadow > td	{ color:#333333; }
div.infoshadow > p	{ color:#333333; }
div.infoshadow > a	{ color:black; }
a.infoshadow   { color:#663333; }

div.body_width   { width:auto; height:auto; margin:0px; padding:0px; border:0px; overflow:hidden; }
div.overlay			{ font-size:13px; position: absolute; left:0px; top:0px; filter:alpha(opacity=90); }

form                { padding:0px; margin:0px; }

button { padding:2px; font-size:10px; width:64px; background:#cacbcc; color:#3e3f40 }
button.logInOut { height:20px; line-height:1.5em; font-size:9px; padding:0px }

input               { padding:1px; }
input.logInOut         { width:90px; font-size:9px; height:14px; padding:1px; border:1px; }
input.wide          { width:200px; }
input.small         { padding:0px; margin:0px; font-size:9px; width:34px; height:14px; text-align:center; }

textarea            { padding:1px; width:200px; }

select              { padding:1px; width:200px; }
select.small        { font-size:9px; padding:0px; width:140px; border:1px; }

div.folder_thumb               { position:relative; float:left; text-align:left; width:180px; height:128px; overflow:hidden; overflow-x:hidden; }


@media print {
        div#body { width:100%; }
        div#mainMenu { display:none; }
        div#headerContainer { border:0; left:0px; width:100%; }
        div#topTenContainer { display:none; }
        div#contentContainer { border:0; left:0px; width:100%; }
        div#statusBar { display: none; }
        .imginfo { visibility:hidden; }
        .dontPrint { display:none; }
}


/* MENU LAYOUT */

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 width: 170px;
 list-style: none;
 background:url(http://www.zoomin.se/static/png24/menulist_dropshadow.png) no-repeat bottom right;
 background-repeat:no-repeat;background-position:bottom right;
 padding: 0px 8px 8px 0px;
 border: 0px;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 0;
 left: 170px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 margin: 0;
 position: relative;
}

/* Links inside the menu */
.menulist li a {
 display: block;
 padding: 3px 4px 3px 16px;
 height: 100%;
 background: #F8FDFE;
 color: #000000;
 text-decoration: none;
 border: 0px;
}
/* HACKS: MSIE6 doesn't support transparent borders, mimic with margins */
* html .menulist li a {
 border-width: 0;
 margin: 0px;
}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #cacbcc;
 background-color: #3e3f40;
 padding: 2px 5px 4px 15px;
 margin: 0;
}
.menulist a.highlighted {
 color: #cacbcc;
 background-color: #3e3f40;
 padding: 2px 5px 4px 15px;
 margin: 0;
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */