/*
* 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;
    margin  : 0 0 0 0;
    padding : 0 0 0 0;
    text-align:center;    
}

body {background-color:#fff;}

h1 { background-image: url('/themes/open-t4/img/h1-640.png'); background-repeat:no-repeat; height:27px; font-weight:bold; text-align:left; color:black; line-height: 2.0em; margin-top:0px;padding-left:27px; padding-top:5px;margin-bottom:5px;border:0px dotted red;}
h1.mainbox {margin-top:0px;}
h3 {color:#6280aa; font-size:12px;}

/* 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;}

img {border:0px;}

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

/* IE does NOT handle multiple class selectors correclty, so better forget about it (sigh).
   Workaround in JavaScript
*/

.wm-container {padding-left:0px; position:relative; background-image:none; font-size:11px;}
.wm-container.wm-closed { display: none;}
.wm-container.wm-open {display: block;}
.wm-item {cursor: pointer; background-repeat: no-repeat; padding-left:0px;}

.wm-open-item { background-repeat: no-repeat;}
.wm-closed-item { background-repeat: no-repeat;}
.wm-hasnochildren { }
.wm-item a {color: white; text-decoration:none;}
.wm-item a:hover {color: inherit; text-decoration:none;width:100%;}
.awm-open-item a {font-weight: bold;}

/* Webpage tree menu level 1 (the big blue boxes */


div.wm-level-1 {border-top: 0px solid #007dc9; border-bottom: 0px solid white; padding-left:0px;
  line-height:2em;
  color:white; 
  background-color:white;
  background-image: url('/themes/open-t4/img/wm-item-bg.png');
  background-repeat: no-repeat;
  padding:1px;
}




div.wm-level-1 div.wm-inner {padding-left:5px;height:26px;}
.wm-level-1 a { color: white;text-decoration:none;}
.wm-hover-1  { background-color:#b1d9f0 !important;   background-image: url('/themes/open-t4/img/wm-item-bg-hover.png') !important;}


/* Webpage tree menu level 2 (the light blue items with the yellow hover effect) */

div.wm-level-2 {background-color:#ddd;border:0px dotted red;}
div.wm-level-2 div.wm-inner { border-top:0px solid yellow; color:#007dc9; font-weight:normal; padding-left:10px;
line-height:1.5em;border-bottom:1px solid white;height:18px;}
.wm-hover-2   { background-color:#ffffe0 !important;}
.wm-level-2 a { color: #007dc9;text-decoration:none;}


/* Webpage tree menu level 3 */
div.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 a { color: #007dc9;}





/* Styles for the normal menu */

div#menu-header {background-image: url('/themes/open-t4/img/menu-header.png'); height:6px !important;width:150px;background-repeat:no-repeat;margin:0px;padding:0px;font-size:4px;}
div#menu-footer {background-image: url('/themes/open-t4/img/menu-footer.png'); height:6px;width:150px;background-repeat:no-repeat;margin:0px;padding:0px;font-size:4px;}
div.menu-item-1{
  background-color:white;
  color:white; 
  line-height:2em;
  cursor:pointer;
  background-image: url('/themes/open-t4/img/wm-item-bg.png');
  background-repeat: no-repeat;
  padding:1px;
  padding-left:5px;
  font-size:11px;
}
div.menu-item-1 div { height:26px;}

div.menu-item-1 a {width:100%;cursor:pointer;color:white;text-decoration:none;}
div.menu-item-1:hover {background-color:#b1d9f0; cursor:pointer;}
div.menu-item-1 a:hover {color:white;text-decoration:none;}
div.menu-hover { background-color:#b1d9f0 !important;background-image: url('/themes/open-t4/img/wm-item-bg-hover.png') !important;  background-repeat: no-repeat;}


/**
* 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: #6280aa;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: #ddd;
    font-size: 11px;

}

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 {float:left;background-image : url('/themes/open-t4/img/banner-girl.jpg');height:105px; margin:0px;padding:0px;border:0px;width:800px; background-repeat : no-repeat; }

div#pagina {width:825px !important;
            height:800px;
            text-align:left;
            position:relative; 
            border-left:4px solid white;            
            border-right:4px solid white;
            margin: 0 auto;
            background-color:white;            
            }

div#logo      {float:left; margin-top:5px;width:90px;padding-left:30px;}
div#leftbar   {width:150px; float: left;}
div#main      {padding-top:0px;padding-left:1px;width:645px; float:left; margin-left:9px;margin-right:0px;border:0px dotted red;	}
div#wide-main {width:630px; position:absolute;left: 150px;margin-left:5px;margin-right:0px;	}

div#open-source-banner {text-align:center;margin-top:10px;}
div#rightbar  {padding-left:5px;width:195px; float:left;}
div#footer    {width:100%; clear:both;text-align:center;padding-top:25px;}
div#menu      {width:150px;}
/*div.mainbox   {padding-right:10px;}*/
div.mainbox div { width:630px;border:0px dotted red;}

div#news div  { width:640px;border:0px dotted red;}
div#news h1  { width:640px;border:0px dotted red;}

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

/* topmenu layout */
div#topmenu {float:left;color:gray; text-align:left; height:13px;font-size:10px;width:800px;border:0px solid red; background: #fff url('/themes/open-t4/img/topmenu-bg.png') top repeat-x;}
div#topmenu div {height:100%; float:left; width:100px; border-right:1px solid white;text-align:center;background-color:#054d93;padding:1px;background: #fff url('/themes/open-t4/img/topmenu-bg.png') top repeat-x;}
div#topmenu div a {color:gray;text-decoration:none;width:100%;height:100%;}
div#topmenu div a:hover {text-decoration:none;color:white;}

/* controlpanel layout*/

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

div#linuxvraag h1 {background-image: url('/themes/open-t4/img/linuxvraag-h1.png');}
div#webtip h1     {background-image: url('/themes/open-t4/img/webtip-h1.png');}
div#alfresco h1     {background-image: url('/themes/open-t4/img/webtip-h1.png');}
div#english h1     {background-image: url('/themes/open-t4/img/webtip-h1.png');}



div#linuxvraag p.readmore {background-image: url('/themes/open-t4/img/linuxvraag-readmore.png');}
div#webtip p.readmore {background-image: url('/themes/open-t4/img/webtip-readmore.png');}
div#alfresco p.readmore {background-image: url('/themes/open-t4/img/webtip-readmore.png');}

div#english p.readmore {background-image: url('/themes/open-t4/img/webtip-readmore.png');}





div.links h3 {margin-bottom: 0px;}
div.links p {margin-top:0px;}

p.readmore {text-align:right; background-image: url('/themes/open-t4/img/readmore-640.png'); height:24px;background-repeat:no-repeat;padding-right:24px;padding-top:4px;}