/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu-bar{
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
   background:#fff /*url(images/cms/menubar-bg.png) repeat-y center left*/;
   margin: 0px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #fff;
   width: 55%;
   margin-left:200px;
   border-left: 1px solid #fff;
}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto;

}
#primary-nav li { 
   margin-left: 0px;
   float: left;
   background:transparent;
}


/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #525252;
}
#primary-nav li a { 
   border-right: 1px solid #fff;
   border-left: 1px solid #fff;
   width:100px;
   text-align:left;
   font-size:1.3em;
}

#primary-nav li a:hover { 
   border-right: 1px solid #5A9ACF;
   border-left: 1px solid #5A9ACF;
   background-color:#AFD1F4;
}

#primary-nav li li a {
   border-left: 0px solid #ff9000;
   border-right: 0px solid #ff9000;
   margin-left:0px;
   font-size:1.0em;
   width:110px;
}

#primary-nav li.menuparent ul,
#primary-nav li.menuactive ul{
   width:132px;
   border-top:1px solid #000;
   background:transparent url(images/cms/submenu-bottom-bg.png) no-repeat bottom left;
   margin-left:-5px;
   padding-bottom:17px;
}
#primary-nav li.menuparent li a:link, 
#primary-nav li.menuparent li a:visited{ 
   background:transparent url(images/cms/submenu-bg.png) repeat-y top left;;
   border-right: 0px solid #ff9000;
   border-left: 0px solid #ff9000;
}

#primary-nav li.menuparent li a:hover{
   background:transparent url(images/cms/submenu-hover-bg.png) repeat-y top left;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive a{ 
   background-color: #5A9ACF;
   border-right: 1px solid #5A9ACF;
   border-left: 1px solid #5A9ACF;
   color:#fff;
}

#primary-nav li.menuactive li a:link, 
#primary-nav li.menuactive li a:visited{ 
   background:transparent url(images/cms/submenu-bg.png) repeat-y top left;
   color: #525252;
}

#primary-nav li.menuactive li a:hover{
   background:transparent url(images/cms/submenu-hover-bg.png) repeat-y top left;
   background-color: transparent;
   border-right: 0px solid #ff9000;
   border-left: 0px solid #ff9000;
   font-size:1em;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth {
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul{
   display: block;
}
#primary-nav ul li:hover ul{
   border:0;
   margin:-23px 0 0 112px;
   padding-left:14px;
   padding-right:14px;
   padding-bottom:0px;
   display:block;
   width:auto;
   background:transparent url(images/cms/submenu3-left-bg.png) no-repeat top right;
}
#primary-nav ul li:hover ul li a:link,
#primary-nav ul li:hover ul li a:visited{
   background:transparent url(images/cms/submenu3-bg.png) repeat-x top left;
   float:left;
   width:75px;
   height:28px;
   text-align:right;
   font-size:1.0em;
   padding-top:8px;
}
#primary-nav ul li:hover ul li a:hover{
   font-size:1.2em;
   background:transparent url(images/cms/submenu3-hover-bg.png) repeat-x top left;
   height:28px;
   text-align:right;
   font-size:1.0em;
}
#primary-nav ul li:hover ul li {
background:transparent;
display:block;
height:28px;
margin:0;
}
/* IE Hacks */
#primary-nav li li { 
   float: left; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'Navigation: CSSMenu - Horizontal' */

/* Start of CMSMS style sheet 'pages' */
#main p{
   text-align:justify;
   margin-bottom:1em;

}
#main div.downloadbox{
   margin:45px 0 0 4%;
   width:90%;
   padding:10px 0px 5px 10px;
   border:1px solid #5A9ACF;
   -moz-border-radius:15px;
   background:#cdcdcd url(images/cms/downloadbox.png) repeat-x top left;
}
#main div.downloadbox div.icon{
   font-size:1.5em;
   font-weight:400;
   text-align:right;
   color:#158903;
   width:160px;
   margin-top:-38px;
   margin-right:5px;
   padding:18px 70px 22px 0px;
   float:right;
   background:transparent url(images/cms/download.png) no-repeat center right;
}
#main div.downloadbox a{
   vertical-align:65%;
   background:transparent;
}
#main p:first-letter{
   font-size:1.4em;
   color:#5A9ACF;
   font-weight:900;
   margin-right:1px;
   text-decoration:none;
}
#main div.eng{
   border:1px solid #9FFF8F;
   margin-top:2em;
   padding:0px 25px 0 25px;
   border:5px solid #5A9ACF;
   background:#cdcdcd url(images/cms/unionjack-bg.png) no-repeat bottom right;
   -moz-border-radius:15px;
}
#main div.eng p{
   font-size:1.0em;
   text-align:justify;
   margin-bottom:1em;
}
#main div.eng div.flag{
   width:38px;
   height:38px;
   margin-top:-15px;
   margin-left:-35px;
   background:transparent url(images/cms/engflag.png) no-repeat top left;
}

#main div.green{
   border:1px solid #007F05;
   background:#A4FF9F;
   margin-top:2em;
   padding:20px 25px 0 25px;
}


/* LISTS */
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}

#main ul{
   list-style:none;
   margin: 0 0 1.5em 0;
}

#main li {
   background: transparent url(images/cms/play16.png) no-repeat center left;
   line-height:1.4em;
   margin: 0px 0 5px 20px;
   padding-left: 25px;
}

#devtools dt {
   background: transparent url(images/cms/10.png) no-repeat center left;
   line-height:1.4em;
   margin: 0px 0 0.25em 0em;
   padding-left: 25px;
   font-size:1.2em;
   font-weight:900;
}
#devtools dd {
   background: #cdcdcd;
   padding: 10px 0 10px 0;
   margin: 10px 0 10px 0;
   -moz-border-radius: 15px 15px 15px 15px;
}

#devtools dd ul{
   margin: 0 0 0 0;
}
/* END LISTS */

#main div.training{
   padding: 10px;
   background: #cdcdcd;
   -moz-border-radius: 15px 15px 15px 15px;
}

#main div.portfolio{
   float:left;
   width:330px;
   margin:0 0 30px 1em;
   cursor:pointer;
}
#main div.portfolio h3{
   color:#1395D7;
   text-align:center;
   font-style:normal;
   font-size:1.2em;
   background:transparent;
   padding:0 10px 2px 10px;
   margin:0 0 2px 0;
   border:0;
   border-bottom:1px solid #999;
}
#main div.portfolio div.didascalia{
   width:280px;
   position:absolute;
   z-index:10;
   text-align:justify;
   font-style:normal;
   font-family:sans-serif;
   font-size:1.2em;
   line-height:1.1em;
   padding:7px;
   margin:40px 0 0 12px;
   border:2px solid #333;
   display:none;
   background:#cdcdcd;
   -moz-border-radius: 15px;
}
/* End of 'pages' */

/* Start of CMSMS style sheet 'contactform' */
.contactform fieldset {
   padding: 2em;
   background:#eee url(uploads/images/contacts-bg.png) no-repeat top right;
   -moz-border-radius:15px;
   border:2px solid #2B88C8;
}

.contactform fieldset legend {
   font-weight: bold;
   border:1px solid #9fff8f;
   background:#cdcdcd;
   padding: 0.3em;
}
.contactform input, .contactform textarea, .contactform select{
  border:1px solid #2B88C8;
  font-size:1.2em
}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; width: 10em;padding:2px 2px 5px 2px;color:#525252;font-weight:900}
.contactform div.required  label{color: #DF4E00; font-weight:900}
.contactform #fbsubmit{
  border:1px solid #2B88C8;
  padding:2px 2em 2px 2em;
  font-weight:900;
  background:#eee;
  color:#525252;
}
div.submit{text-align:center}
div.captcha{
   text-align:center;
   width:70%;
   background:#cdcdcd;
   -moz-border-radius:15px;
   margin:0.7em 15% 0.5em 15%;
   padding:0.5em 0 0.5em 0;
}
div.captchatxt{
   border:0;
   margin:0.5em 0em 0.5em 0;
   font-style:italic;
   font-family:serif;
   font-size:1.2em
}
div.captcha img{
   border:1px solid #2B88C8;
   margin:0;
   width:200px;
}
div.contactsubmitted{
   border: 1px solid #2B88C8;
   padding:5px;
   line-height:1.1em;
   background:#ededed;
   margin-bottom:5px;
}
/* End of 'contactform' */

/* Start of CMSMS style sheet 'rss_feed' */
#rss{
   float:left;
   width: 165px;
   margin:-90px 0 0 14px;
}

#rss div.rssclose{
   width: 165px;
   padding: 0 0 1em 0;
   margin:0px 0 0 0px;
   background:transparent url(images/cms/rss-borderbottom.png) no-repeat bottom center;
}
div.modulerssentry{
   margin:0.3em 0 0 0;
   text-align:justify;
   padding:3px 5px 3px 5px;
   width:155px;
   background:#FFC18F url(images/cms/rss-bordertop.png) no-repeat top center;
   border-bottom:2px solid #BF6C00;
}
div.modulerssentry a{
   font-style:normal;
   font-size:0.9em;
   color:#0E6F00;
   font-weight:900;
   text-align:left;
}
div.modulerssentry p{
   font-style:normal;
   font-family:serif;
   padding:0.3em 0 0.2em 0;
   line-height:1em;
   font-size:1em;
   margin:0;
}
/* End of 'rss_feed' */