body           { background:#ffffff;  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:#ffffff; background-image:url('http://www.zoomin.se/static/png24/finish/borstad-metall.png'); 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:#333366; }
body.plain h1  { color:#333366; }
#fck           { background-image:none; background:#ffffff; color:#000000; }
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:#333366; }
a:active       { color:#333366; }
a.title        { color:#ffffff; }

h1                  { font-size:21px; color:#333366;; }
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:13px; height:28x; padding-top:4px; }
div#headerContainer { position:relative; left:240px; width:740px;}
div#topTenContainer { position:absolute; margin-top:60px; padding:8px; padding-top:16px; top:0px; left:24px; width:164px; font-size:11px; background:#ECE9D8; background-image:url('http://www.zoomin.se/static/png24/finish/borstad-metall.png');; background-position:-24px -60px; border:2px solid #99aabb; border-top:0px; min-height:100%; height:auto !important; height:100% }
div#contentContainer   { position:absolute; margin-top:8px; left:240px; width:740px; }

div.menu_item { text-shadow:#000 1px 1px 1px; 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:#cccbc6 }
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; background:#ECE9D8; color:#000000; background-image:url('http://www.zoomin.se/static/png24/finish/borstad-metall.png');; position:relative; margin-bottom:8px; padding:2px; width:160px; text-align:left; overflow-x:hidden; }
div.topten a 		{ color:#000000; }
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:#333366; }

.border                 { border:0px; padding:5px; }
.noborder        { background:transparent; padding:0px; margin:0px; border:0px; }
.ram                 { border:0px; padding:5px; }
.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 #666666 }
.dashed_underline       { border-bottom:1px dashed #666666 }
.widget                 { border:0px; padding:5px;; margin-top:2px; margin-bottom:2px; }

table {
	font-size:inherit;
}

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 #666666;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 : #ECE9D8;
}

div.infoshadow		{ clear:both; background:#ffffff;border:1px solid #666666;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:#cccbc6; color:#403f3a }
button.logInOut { height:20px; line-height:1.5em; font-size:9px; padding:0px }

input               { padding:1px; }
input.logInOut         { width:90px; font-size:9px; height:18px; padding:1px; margin-right: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;
 background: #403f3a;
 height: 100%;
 color: #cccbc6;
 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: #ecebe6;
 background-color: #201f1d;
 padding: 2px 5px 4px 15px;
 margin: 0;
}
.menulist a.highlighted {
 color: #cccbc6;
 background-color: #403f3a;
 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 */