/*
    Document   : template
    Created on : 29/04/2010, 12:52:37 PM
    Author     : tom
    Description:
        Purpose of the stylesheet follows.
*/

/*
  Layout
*/
body {
  margin:0;
  padding:0;
  color: #3B5179;
  font-family: Verdana, Arial, sans-serif;
  font-size: 75%;
}
#page {
  margin: 0 auto;
  padding: 0;
  max-width: 110em;    /* 1200 px / 12 px  */
}

h1 {
  margin-left: 20%;  /* 4 px / 1200 px = 0.14575 */
  width: 77.25%;      /* 600px / 1200 px = 0.7085 */
}
#logo {
background-image:url("../images/sigra.png");
background-repeat:no-repeat;
float:left;
height: 86px;
width:190px;
background-position: 10px 0;
}
.entry {
  float: left;
  width: 100%;
  margin-top: 0;  /* 8px / 11px */
}

.entry h2 {
  float: right;
  width: 80%;    /* 960 / 1200 px */
}
.entry .main h2 {
  float: none;
  width: auto;
  margin-bottom: 5px;
}

.entry .info {
  margin-top:3em;
  float: left;
  width: 20%;    /* 240 px / 1200 px */
}

.entry .content {
  margin-top:3em;
  float: right;
  width: 80%;    /* 960 px / 1200 px */
}

.entry .main {
  float: left;
  width: 77.25%;  /* 780 px / 960 px - 4px */
}

.entry .meta {
  float: right;
  width: 18.75%;  /* 180 px / 960 px */
}
#header {
  background: #ffff88; /* old browsers */
  background: -moz-linear-gradient(top, #ffff88 0%, #FFFFFF 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff88), color-stop(100%,#FFFFFF)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
  background: -o-linear-gradient(top, #ffff88 0%,#FFFFFF 100%); /* opera */
height:8.5em;
width:100%;
padding-left:0;
padding-top: 10px;
background-color:#ffff88;
}
.main {
-moz-border-radius:20px;
-webkit-border-radius:20px;
border:3px solid orange;
padding:8px;
}

.footer {
background-color:#c0c0c0;
float:left;
width:100%;
height:170px;
}
#system-debug {
  display:none;
}
.search {
  position: absolute;
  top: 20px;
  right: 20px;
}
.moduletable_pathway {
  position:absolute;
}
/**
  Top Menu
**/
#top_menu{
  position:absolute;
  top: 0;
  margin-top:1em;
  margin-left:18em;

	padding: 7px 6px 0;
	line-height: 100%;
  
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

	background: #5085d5; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6699ff', endColorstr='#3366CC'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#6699ff), to(#3366CC)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #6699ff,  #3366CC); /* for firefox 3.6+ */

	border: solid 1px #6d6d6d;
}

.sf-menu li, .sf-menu li li, .sf-menu li li li {
  background: #3366ff; /* for non-css3 browsers */
  background: -webkit-gradient(linear, 0% 0%, 20% 0%, from(#4080FF), to(#ffffff)); /* for webkit browsers */
  background: -moz-linear-gradient(left,  #4080FF,  #ffffff 20%); /* for firefox 3.6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#dddddd', endColorstr='#ffffff'); /* for IE */
}
#top_menu .sf-menu li {
	margin: 0 2px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
	background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#eeeeee', endColorstr='#ffffff',enabled=false); /* for IE6 */
}
/* main level link */
#top_menu .sf-menu a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding:  6px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	border-color: transparent;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
#top_menu .sf-menu .current a, #top_menu .sf-menu li:hover > a,#top_menu .sf-horizontal > li.active >  a, #top_menu .sf-horizontal > li.sfHover > a  {
  background: #3366ff; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #eeeeee,  #ffffff); /* for firefox 3.6+ */
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#eeeeee', endColorstr='#ffffff'); /* for IE */

	color: #444;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
/* sub levels link hover */
#top_menu .sf-menu li ul li:hover a, #top_menu .sf-menu li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#top_menu .sf-menu li ul a:hover {
	background: #0399d4 !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */

	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#top_menu .sf-menu li ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 32px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#top_menu .sf-menu li:hover > ul {
	display: block;
}
#top_menu .sf-menu li ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#top_menu .sf-menu li ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#top_menu .sf-menu li ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#top_menu .sf-menu li ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#top_menu .sf-menu li ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#top_menu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#top_menu .sf-menu {
	display: inline-block;
}
html[xmlns] #top_menu .sf-menu {
	display: block;
}
* html #top_menu .sf-menu {
	height: 1%;
}
.sf-menu {
  font-size: 12px;
}
.sf-horizontal > li > a.sf-with-ul > span.sf-sub-indicator,.sf-navbar > li > a.sf-with-ul > span.sf-sub-indicator{
  display:none;
}
/**
  Breadcrumbs
**/
.breadcrumbs {
  display:block;
  margin:1em;
}
/**
  Modules
**/

div.moduletable > ul.menu, div.moduletable_menu > ul{
  padding-left:0;
  margin-left:0;
}

.user > div.moduletable{
  float:left;
  width:30%;
}
.user > div,.info > div, .meta > div{
color:#235BFF;
margin-bottom:20px;
border-bottom-style:dotted;
border-bottom-width:1px;
border-color:#AAAAAA;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
margin-left:5px;
width:90%;
vertical-align:top;
padding:0;
}
.user > div h3,.info > div h3, .meta > div h3{

color:#FFFFFF;
height:26px;
width:100%;
text-indent:15px;
line-height: 26px;
margin:0 -1px;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border:1px solid #aaa;
border-bottom: 0;
background: blue;
background: #3366ff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3366CC', endColorstr='#6699ff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#3366CC), to(#6699ff)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #3366CC,  #6699ff); /* for firefox 3.6+ */
}
.user > div table,.info > div table, .meta > div table{
margin:0 0 0 5px;
width:170px;
vertical-align:top;
}
.user a.mainlevel,.info a.mainlevel, .meta a.mainlevel{
margin:0px;
display:block;
text-decoration:none;
margin:0px;
text-indent:20px;
width:170px;
height:20px;
color:#355BAA;
/*background:url(../images/linktlo.gif) no-repeat;*/
margin-left:5px;
background-position: 0px 0px;
line-height: 20px;
}
.user a.mainlevel:hover,.info a.mainlevel:hover,.meta a.mainlevel:hover{
color:#FFFFFF;
text-decoration:none;
background-position: 0px -20px;
}
.user > div form table,.info > div form table,.meta > div form table{
margin-left:10px;
width:150px;
padding:0px;
}
.sf-vertical, .sf-vertical li {
width:100%;
margin-left:0;
}
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
  left:95%;
}
.sf-vertical li {
padding-left:0px;
}
.sf-menu li .separator {
	border:0;
	padding: .5em;
  background:none;
}
/**
  Footer
**/
div.footer{
  text-align:center;
  margin-top:0;
}

/**
  Brochures Module
**/
.categories_jdl {
  padding-left:2em;
  text-indent:0;
}
.categories_jdl ul {
  padding-left:2em;
}
.categories_jdl li {
  padding-bottom:0.4em;
}
.categories_jdl a {
  text-decoration:none;
}
/**
  Brochures
**/

div#brochures{
}
div#brochures ul li {
  margin-top: 5px;
}
div#brochures ul li ul{
  margin-bottom: 20px;
  color:#B8002E;
}

div#brochures h2{
  margin-bottom: 5px;
  color:#B8002E;
}
div#brochures h3{
  margin-bottom: 5px;
}
div#brochures h4{
  margin-bottom: 5px;
  margin-left:10px;
  color: #006699;
  font-style:italic;
}
div#brochures h5{
  margin-left: 20px;
}
div#brochures div{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 3px solid #ffd700;
  padding: 5px;
  margin: 5px;
  width:45%;
  float:left;
}
div.imageright {
  float:right;
  display:block;
  text-align:center;
  text-decoration:none;
}
div.imageright a {
  text-decoration:none;
}

div.moduletable_sigra {
  text-indent: 0;
  font-family: Arial;
}

div.moduletable_sigra  ul{
  padding-left: 10px;
  margin-top: 3px;
  list-style: none;
}

div.moduletable_sigra  ul li{
  margin-top: 10px;
  font-weight: bold;
}

div.moduletable_sigra  ul li ul li{
  margin-top: auto;
  font-weight: normal;
  margin-left: 8px;
  list-style:disc;
}
div.moduletable_sigra  ul li a, div.moduletable_sigra  ul li a:visited {
  color: #009;
  text-decoration: none;
}
div.moduletable_sigra  ul li a:hover {
  text-decoration: underline;
  color: #990066;
}
#flexicontent div.infoblock ul li {
 width: 100%;
}
div.twocols div.label {
 width:15%;
}
div.twocols div.value {
 width:80%;
}
/*
tooltip
*/
div.tool-tip {
  background-color:whiteSmoke;
  border: 2px solid black;
  padding:2px 4px;
}
a.mb img {
  border-width: 0;
}
div.moduletable_showcase > div {
  text-indent: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}