/*
* Catviz Stylesheet for the Open-T website
*/

/**
* 1. Generic HTML tag styles 
*/

/* body & headers */
BODY,h1,h2 {
    font-family : Arial, Helvetica, sans-serif;
  	font-size:11px;
  	
    font-weight : normal;
    color:#666666;
    background-color: white;
    margin : 0 0 0 0;
    padding : 0 0 0 0;
    text-align:center;
}
h1 { font-weight:bold; text-align:left; color:black; line-height: 2.0em; border-top:3px solid #999999;border-bottom:1px solid #333333;margin-top:0px;margin-bottom:5px;}
h1.mainbox {margin-top:0px;border-top:3px solid #007dc9;}
h3 {color:#439fd7;}

/* table styles. To debug turn the borders on :) */
table {border: 0px; padding: 0; width:100%; margin:0;}
td    {border: 0px; padding: 0; vertical-align: top;font-size: 11px;}
th    {border: 0px; padding: 0; }
tr    {border: 0px; padding: 0; }

/* <a> tags */
a        {color: #303080; text-decoration: none;}
a:hover  {color: #0059c6; text-decoration: underline;}
a:active {color: #0000ff;}

/**
* 2. Styling Catviz-specific elements (lists, menu's etc.)
*/

/* webpages menu styles (all start with 'wm-') */

.wm-container {padding-left:0px; position:relative; }
.wm-container.wm-closed { display: none;}
.wm-container.wm-open {display: block;}
.wm-item {width:145px;  height:26px; cursor: pointer; background-repeat: no-repeat; padding-left:0px;}
.wm-item.wm-haschildren.wm-open-item {cursor: pointer; background-repeat: no-repeat;}
.wm-item.wm-haschildren.wm-closed-item {cursor: pointer; background-repeat: no-repeat;}
.wm-hasnochildren { }
.wm-item a {color: inherit; width: 100%; cursor:pointer;}
.wm-item a:hover {color:inherit;text-decoration:inherit;}
.wm-item.wm-hasnochildren.wm-open-item a { font-weight: bold;}

.wm-item.wm-level-1 {
  border-top: 3px solid #007dc9; 
  border-bottom: 1px solid white;
  padding-left:5px;
  line-height:2em;
  color:white; 
  font-weight:bold;
  background-color:#439fd7;
}

/* The next 5 are just for old IE's */
.wm-item.wm-level-1 a { color: white;}
.wm-item.wm-level-2 a { color: #007dc9;}
.wm-level-2.wm-container {padding-left:5px;width:145px;}
.wm-item.wm-level-3 a { color: #007dc9;}
.wm-level-3.wm-container {padding-left:0px;width:145px;}

.wm-level-1:hover{ background-color: #b1d9f0;cursor:pointer;}

.wm-level-2 { padding-top:3px;background-color:#e0f1fc; color:#007dc9; font-weight:normal; padding-left:5px; width:145px;
  height:13px;line-height:1em;border-bottom:1px solid white;}
  
.wm-level-2:hover{cursor:pointer;background-color:#ffffe0;}

.wm-level-3 { padding-top:0px;background-color:#e0f1fc; color:#007dc9; font-weight:normal; padding-left:5px; width:140px;
  height:13px;line-height:1em;border-bottom:1px solid white;}

.wm-level-3:hover{cursor:pointer;background-color:#ffffe0;}

/* Styles for the normal menu */
div.menu-item-1{
  width:145px;
  height:26px; 
  background-color:#439fd7;
  color:white; 
  font-weight:bold;
  border-top: 3px solid #007dc9; 
  border-bottom: 1px solid white;
  padding-left:5px;
  line-height:2em;
}

div.menu-item-1 a {color:white;text-decoration:none;}
div.menu-item-1:hover {background-color: #b1d9f0;cursor:pointer;}


/**
* The following three are for XXE generated documents
*/

span.term { 
    font-weight: bold; 
}

div.sidebar { 
    background: white;
    border: 1px solid gray; 
    padding: 5px; 
}

/* Showing preformatted code in a box */
pre.programlisting { 
		color: #007dc9;
    background-color:#ffffe0;
    border:1px dotted gray;
    padding: 2px; 
    white-space: pre;
    margin-left:50px;
    margin-right:50px;
    
}
pre.html-listing {
    color: black;
    background-color:#ffffe0;
    border:1px dotted gray;
    padding: 2px;
    white-space: pre;
    margin-left:50px;
    margin-right:50px;
  }
  .html-value {color:green;}
  .html-tag {color: #007dc9;}
  .html-property {color:red;}
 
  em {color: #007dc9;font-style:normal;}

code {color: #007dc9;}

/* list layout */

table.list-layout {
    border-left: 1px solid black;
    border-top:  1px solid black;
}

tr.list-layout {
    background-color: #ffffff;
}

tr.list-layout-even {
    background-color: #f0f0f0;
}    

td.list-layout {
    padding: 2px;
    vertical-align: middle;
    border-bottom: 1px solid black;
    border-right:1px solid black;
    /* IE needs the 0px here otherwise it appears to default at 1px ... */
    border-left: 0px;
    border-top:  0px;
}
    
th.list-layout {
    border-bottom: 1px solid black;
    border-right:1px solid black;
    border-left: 0px;
    text-align: left;
    padding: 2px;
    background-color: #1ebfff;
}

img.list-layout {
    float: left;
    padding-right: 10px;
}

/* Default form layout */

tr.tform-layout {
    padding: 3px;
}
select.tform-layout {
	border: 1px solid gray;
}
img.tform-layout {
    vertical-align: text-top;
    float: left;
    padding-right: 10px;
}

/* MultiForm layout */

table.multi-layout {
    border:1px solid black;
}

th.multi-layout {
    background-color: #e9eff6;
    border: 1px solid black;
}

td.multi-layout {
    border:0;
}

/* Error Message layout */

div.error-message {
  background-color:#ffffe0;
  border: 1px solid red;
  position: absolute;
  top:100px;width:70%;left:100px;z-index:1000;
}

div.error-message h1 {
  color:red;
}

/**
* For tabbed Multiform
*/
.tab { color: #203080; text-decoration: none; font-weight: normal}

.tab:hover { color: #0000C0; }

.activetab { font-weight: bold; text-decoration: underline; }

.activetab:hover { color: #0000C0; font-weight: bold; text-decoration: underline; }

/**
* 3. Page layout styles
*/

div.tform-layout {margin-bottom:3px;}
div.news-summary {margin-bottom:3px;}  
div.leftbar-layout {margin:0px;padding:0px;}    
div.mod-layout {margin:0px;padding:0px;}  

div#pagehead {background-image : url('/themes/open-t/img/masthead.png');height:100px; margin:0px;padding:0px;border:0px;width:800px; background-repeat : no-repeat; }

div#pagina {width:800px !important;
            height:1100px !important;
            text-align:left;
            position:relative; 
            border-left:1px solid #f0f0f0;
            border-right:1px solid #f0f0f0;
            margin: 0 auto;}

div#logo      {position:absolute;left:25px;top:5px;width:90px;}                        
div#leftbar   {width:150px; position:absolute;left:   0px;top:125px;margin:0px;padding:0px; padding-left:0px;}
div#main      {padding-left:1px;width:440px; position:absolute;left: 150px;top:225px; margin-left:5px;margin-right:5px;	}
div#wide-main {width:640px; position:absolute;left: 150px;top:125px; margin-left:5px;margin-right:5px;	}
/* div#main-image{width:643px; position:absolute;left: 150px;top:125px; height:100px; background-image: url('/themes/open-t/img/zwanen2.jpg');margin-left:5px;padding:0px;}*/
div#main-image{width:643px; position:absolute;left: 150px;top:125px; height:100px; ;margin-left:5px;padding:0px;}
div#rightbar  {padding-left:1px;width:200px; position:absolute;left: 600px;top:230px;}
div#footer    {width:800px; position:absolute;left:   0px;bottom:10px;text-align:center;}
div#menu      {margin:0;padding:0;width:150px;}

input#search {
    border:0px;
    font-size: 10px;
    width:60%;
    vertical-align:top;
    height:13px;
}

/* topmenu layout */
div#topmenu {position:absolute;top:0px;right:0px;color:white; width: 500px; text-align:right; height:16px;font-size:12px;}
div#topmenu div {height:100%; float:right; width:100px; border-left:1px solid #377eb8;border-bottom:1px solid #377eb8;text-align:center;background-color:#054d93;padding:5px;}
div#topmenu div:hover {background-color: #297ebc; padding:5px;cursor:pointer;}
div#topmenu div a {color:white;text-decoration:none;}
div#topmenu div a:hover {text-decoration:none;color:white;}

/* controlpanel layout*/

div#controlpanel div {float:left;text-align:center;padding:10px;}
div#controlpanel div a {text-align:center;}
div#controlpanel br {clear:left;}

div#linuxvraag h1 {border-top:3px solid red;}
div#webtip h1     {border-top:3px solid green;}