/* typography */

body {
    font-family: Verdana, sans-serif;
    font-size: 70%;
    line-height: 120%;
    padding: 10px;
    background-color: #fff;
}
body#Body {
    background-color: #e7ebef;
    background-image: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/body-bg.png);
    background-position: center 0;
    background-repeat: repeat-y;
    margin:0; padding:0; border:0;
}
body#Body.Email {
    background-image: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/mail-body-bg.png);
}
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif; 
    margin-top: 1.2em;
    margin-bottom: .2em;
}
h1:first-child, 
h2:first-child, 
h3:first-child, 
h4:first-child, 
h5:first-child, 
h6:first-child {
    margin-top: 0;
}
 
h1 { 
    margin-bottom: .6em;
    font-size: 170%; 
    line-height: 120%;
    color: #316f81; 
}
h2 { 
    font-size: 130%; 
    line-height: 120%;
    color: #444; 
}

h3 { 
    font-size: 120%; 
    line-height: 110%;
    color: #444; 
}
h4 { 
    padding-bottom: 1px;
    font-size: 110%; 
    color: #444; 
    font-weight: bold;
    border-bottom: 1px solid #444;
}
h5 { 
    padding-bottom: 1px;
    font-size: 110%; 
    color: #316f81; 
    font-weight: bold;
    border-bottom: 1px solid #316f81;
}
h6 { 
    font-size: 90%; 
    color: #444; 
}
p {     
    margin-top: 0.6em;
    margin-bottom: 1.0em; 
}
ul {
    font-size: 100%;
}
a {
    color: #316f81;
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: underline;
}
p.intro {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 90%; 
    color: #444; 
    font-weight: bold;
    font-style: plain;
}

/* layout */


.Canvas {
    width: 770px;
    margin: 0 auto;
}
/* Columns */
.W1Col, .W2Col, .W3Col,
.TsrCol, .TxtCol, NavCol {
    padding: 0; 
    margin-left: 0; 
    margin-right: 0;
}
.W1Col { width: 250px; }
.W2Col { width: 510px ; }
.W3Col { width: 770px; clear: both; }
.NavCol { width: 148px; }
.TxtCol { width: 388px; };
body.NoTsr .TxtCol { width: 578px; }
.TsrCol { width: 170px; };
body.NoTsr .TsrCol { display: none; }
body.Email .NavCol { display: none; }

#Top, #Bottom {
    height: 13px;
    padding: 0 6px;
    font-size: 100%;
    line-height: 110%;
}
#Top {
    margin: 8px 0 2px 0;
}
#Bottom {
    margin: 2px 0 8px 0;
}
#Top a, #Bottom a {
    color: black;
}
body.Email #Top, body.Email #Bottom {
  font-size: 90%;
  height: auto;
}

#Banner {
    background: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/banner-bg.jpg) #316f81;
    margin: 0;
    height: 50px;
    padding: 0 10px;
    font-size: 100%;
    margin: 0;
}
body.Email #Banner {
    background-image: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/mail-banner-bg.jpg);
}
body.Email #Banner h1 {
  text-align: right;
  color: white;
  line-height: 50px;
  padding: 0 20px 0 0;
  margin: 0;
}


body.NoBrCr #Banner { margin-bottom: 6px; }

#Footer {
    background: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/footer-bg.jpg) #316f81;
    height: 25px;
    padding: 0 10px;
    margin: 0;
}
body.Email #Footer {
    background-image: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/mail-footer-bg.jpg);
}

   

#BannerTools {
    float: right;
    color: white;
    line-height: 50px;
    height: 50px;
    padding-top: 0;
}
* html #BannerTools { /* ie6 hack */
    height: 35px;
    padding-top: 15px;
}
#BannerTools a {
    color: white;
}
#BannerTools form {
    display: inline;  
    padding: 0;
    margin: 0;
}
#BannerTools form input.SearchText {
    width: 60px;
    font-family: Verdana, sans-serif;
    font-size: 100%;
    padding: 1px 2px;
    margin: 0 0 -1px 0;
    line-height: 110%;
    border: 1px solid white;
    background-color: white;
}
#BannerTools form input.SearchSubmit {
    margin: 0 0 -4px 0;
    padding: 0;
}
.search form {
    display: inline;  
    padding: 0;
    margin: 0;
}
.search form input.SearchText {
    width: 200px;
    font-family: Verdana, sans-serif;
    font-size: 100%;
    padding: 1px 2px;
    margin: 0 0 -1px 0;
    line-height: 110%;
}
.search form input.SearchSubmit {
    margin: 0 0 -4px 0;
    padding: 0;
}
#BreadCrumbNav {
    margin: 0 auto;
    width: 760px;
    padding: 0;
}
#BreadCrumbSubNav {
    display: none;
}



#Contents {
    background: #fff;
    margin: 0 0 6px 0;
    width: 746px;
    padding: 11px;
    border: 1px solid #316f81;
}
#Contents_roundedframe {
    background: transparent;
    margin: 0 0 6px 0;
    padding: 0;
}
#Contents_roundedframe #Contents {
    margin: 0;
    width: 748px; 
    padding: 0;
    border: none;
}

#Left {
    float: left;
}
#Center {
    margin: 4px 190px 4px 168px;
    /*width: 394px;*/ /*HACK 394 should be auto but IEs magic 3 pixels strikes back... */
    padding: 0;
}
body.Email #Center {
    margin-left: 0;
}
body.NoTsr #Center {
    margin-right: 0px;
}
html > body #Center {
   /*margin-left: 140px; *//*HACK 172 so to re-center with the 'wrong' width in Fx we do this */
}
#Right {
    float: right;
}
/*
html > body #Right {
    padding-top: 0px;
}*/



#UserInfo, #CopyR {
    float: right;
}
#Trivia, #Global {
    float: left;
}

/* features */

.Feature {
    height: 150px;
    margin: 0 0 6px 0;
    background-position: 0 0; 
    background-repeat: no-repeat;
    background-color: transparent;
}
.Feature h1, .Feature h2, .Feature h3, .Feature h4, .Feature h5, .Feature h6 {
    margin-top: 0;
    color: #333;
}

.Feature.OpenCms {
    background-image: url(/export/sites/default/r/feature-backgrounds/OpenCms.jpg); 
    background-position: 0 0; 
    background-repeat: no-repeat;
    background-color: transparent;
}

.Feature.OpenSource {
    background-image: url(/export/sites/default/r/feature-backgrounds/OpenSource.jpg); 
    background-position: 0 0; 
    background-repeat: no-repeat;
    background-color: transparent;
}

.Feature.RoyalLib {
    background-image: url(/export/sites/default/r/feature-backgrounds/RoyalLib.jpg); 
    background-position: 0 0; 
    background-repeat: no-repeat;
    background-color: transparent;
}

.Feature.FrontNewsList {
    background-image: url(/export/sites/default/r/feature-backgrounds/FrontNewsList.jpg); 
    background-position: 0 0; 
    background-repeat: no-repeat;
    background-color: transparent;
}

.Feature.Grails {
    background-image: url(/export/sites/default/r/feature-backgrounds/Grails.jpg); 
    background-position: 0 0; 
    background-repeat: no-repeat;
    background-color: transparent;
}




/* teasers */

.Teaser {
  margin: 0 0 10px 0;
  padding: 0;
}
.Teaser p,
.Teaser li,
.Teaser a {
  font-size: 90%;
  color: black;
}
.Teaser a:hover,
.Teaser a:visited {
  black;
} 

.Teaser h1, .Teaser h2, .Teaser h3, .Teaser h4, .Teaser h5, .Teaser h6 {
    margin-top: 0;
    color: #444;
}

.Teaser_RoyalLib {
    
    background-image: url(/export/sites/default/r/teaser-backgrounds/RoyalLib.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.Teaser_RoyalLib_Bg {
    
    background-image: url(/export/sites/default/r/teaser-backgrounds/RoyalLib_Bg.jpg);
    background-position: 0 0;
    background-repeat: repeat;
}
.Teaser_RoyalLib_Header {
    
    background-image: url(/export/sites/default/r/teaser-backgrounds/RoyalLib_Header.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.Teaser_RoyalLib_Footer {
    
    background-image: url(/export/sites/default/r/teaser-backgrounds/RoyalLib_Footer.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: both;
}
.Teaser_News_Bg {
    
    background-image: url(/export/sites/default/r/teaser-backgrounds/News_Bg.jpg);
    background-position: 0 0;
    background-repeat: repeat;
}
.Teaser_News_Header {
    
    background-image: url(/export/sites/default/r/teaser-backgrounds/News_Header.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.Teaser_News_Footer {
    
    background-image: url(/export/sites/default/r/teaser-backgrounds/News_Footer.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: both;
}
.Teaser_Interlet {
    
    background-image: url(/export/sites/default/r/teaser-backgrounds/Interlet.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.Teaser_UsersGuide {
    
    background-image: url(/export/sites/default/r/teaser-backgrounds/UsersGuide.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
}



/* Decorations */

table.roundedframe,
table.roundedframe tbody,
table.roundedframe tr,
table.roundedframe td {
    margin: 0;
    padding: 0;
    border: 0;
}
td.roundedframe_tl,
td.roundedframe_tr,
td.roundedframe_bl,
td.roundedframe_br {
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
td.roundedframe_tl { 
    background-image: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/tl-corner.png);
}
td.roundedframe_tr { 
    background-image: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/tr-corner.png); 
}
td.roundedframe_bl { 
    background-image: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/bl-corner.png); 
}
td.roundedframe_br {
    background-image: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/br-corner.png); 
}
td.roundedframe_t,
td.roundedframe_b {
    height: 11px;
    background-image: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/dark-h-line.png);
    background-repeat: repeat-x;
}
td.roundedframe_t {
    background-position: 0 top;
}
td.roundedframe_b { 
    background-position: 0 bottom;
}
td.roundedframe_l,
td.roundedframe_r {
    width: 11px;
    background-image: url(/export/system/modules/com.codedroids.site.codedroids/resources/imgs/dark-v-line.png);
    background-repeat: repeat-y;
}
td.roundedframe_l { 
    background-position: left 0;
}
td.roundedframe_r {
    background-position: right 0;
}



/* Breadcrumb/Navigation */

span.menuDiv { 
    padding: 0 5px; 
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(imgs/menu-div.gif);
}
div#BreadCrumbNav ul.slidingmenu {
    display: block;
    margin: 0;
    padding: 0;
}
div#BreadCrumbNav ul.slidingmenu li {
    display: inline;
    margin: 0;
    padding: 0; 
    list-style-type: none;
    position: relative;
    line-height: 19px; 
    height: 19px;
}
div#BreadCrumbNav ul.slidingmenu li a,
div#BreadCrumbNav ul.slidingmenu li a:hover, 
div#BreadCrumbNav ul.slidingmenu li a:focus {
    color: black;
    margin: 0;
    padding: 4px 11px 4px 0px; /* inxs to prevent drop-out */
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(imgs/menu-div.gif);
    font-size: 100%;
}
div#BreadCrumbNav ul.slidingmenu li.Leaf a,
div#BreadCrumbNav ul.slidingmenu li.Last a {
    background: transparent;
}

/* Page Nav */
ul#PageNav {
    font-size: 100%;
    display: block;
    padding: 0;
    margin: 0;
    width: 150px;
}
ul#PageNav li {
    display: block; 
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: transparent;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}
ul#PageNav li a {
    display: block;
    width: 150px;
    color: black;
    background-color: white;
    line-height: 160%; 
    height: 160%;
}
ul#PageNav li a:hover, ul#PageNav li a:focus {
    color: white;
    background: #316f81;
}

/* Drop down navigation */

div.menu, div.menu a.mI, 
div.menu a.mI span.mIText, 
div.menu a.mI span.mIArrow {
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
}
div.menu {
  font-size: 11px;
  background-color: #316f81;
  text-align: left;
  left: 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
  margin: 0;
  border-top: 1px #619FB1 solid;
}
div.menu a.mI, 
div.menu a.mICurrent {
  color: white;
  background-color: #316f81;
  cursor: pointer;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px #619FB1 solid;
  padding-left: 14px;
  border-left: 1px #619FB1 solid; 
  border-right: 1px #619FB1 solid; 
  line-height: 14px;
}
div.menu a.mI:hover, div.menu a.mI:focus,
div.menu a.mICurrent {
  font-size: 11px;
  color: black;
  background-color: #e7ebef;
/*
  background-image: url(imgs/link_leftnav.gif);
  background-repeat: no-repeat;
  background-position: left center;
*/
}
div.menu a.mI span.mIText, 
div.menu a.mI span.mIArrow {
  font-size: 11px;
  color: white;
}
div.menu a.mIHighlight, 
div.menu a.mIHighlight span.mIText, 
div.menu a.mIHighlight span.mIArrow, 
div.menu a.mIHighlight:hover, div.menu a.mIHighlight:focus, 
div.menu a.mI:hover span.mIText, div.menu a.mI:focus span.mIText,
div.menu a.mI:hover span.mIArrow, div.menu a.mI:focus span.mIArrow {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: black;
  background-color: #e7ebef;
}
div.menu a.mI span.mIArrow {
  margin-right: -.75em;
}

/*** page level navigation ***/


ul.Nav,
.Nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.Nav {
    width: 148px;
    border-bottom: 1px #619FB1 dotted;
}
.Nav ul {
    width: 148px;
    border: 0;
}
.Nav li {
    padding: 0;
    margin: 0;
    width: 148px;
    background-color: #fff;
    border-top: 1px #619FB1 dotted;
}
p.NavTitle {
    width: 140px;
    margin: 0;
    padding: 0 6px 3px 2px;
    font-weight: bold;
    font-size: 90%;
    color: #444; 
    border-bottom: 1px #619FB1 solid;
}
ul.Nav > li:first-child {
    border-top: none;
}
.Nav a, 
.Nav a:link, 
.Nav a:visited, 
.Nav span { 
    display: block; 
    width: 140px;
    text-align: left; 
    padding: 2px 6px 3px 2px;
    text-decoration: none; 
    font-weight: normal;
    color: #114F61;
    background-color: #fff;
}
.Nav .Level1 a,
.Nav .Level1 span {
    width: 132px;
    padding: 2px 6px 3px 10px;
}
.Nav .Level2 a,
.Nav .Level2 span {
    width: 124px;
    padding: 2px 6px 3px 18px;
}
.Nav a:hover {
    color: #fff;
    background-color: #316f81;
}
.Nav a.NavFolderSelected,
.Nav a.NavFolderSelected:link,
.Nav a.NavFolderSelected:visited,
.Nav a.NavItemSelected, 
.Nav a.NavItemSelected:link, 
.Nav a.NavItemSelected:visited {
    color: #114F61;
    background-color: #fff;
    font-weight: bold;
}
.Nav a.NavFolderSelected:hover,
.Nav a.NavItemSelected:hover {
    color: #fff;
    background-color: #316f81;
    font-weight: bold;
}

/* Formularer */

div.Subscribe,
div.MailForm {
    padding: 10px;
    border: 1px #619FB1 solid;
    background-color: #e7ebef;
    margin: 10px 0;
}
div.Subscribe form,
div.MailForm form {
    padding: 0;
    margin: 0;
}
input, button {
  font-size: 90%;
}
div.Subscribe form td,
div.MailForm form td {
  padding: 2px 0;
}
form.Contact label {
  width: 75px;
}
input.Contact, textarea.Contact {
  width: 283px;
}
div.Subscribe form label,
form.Newsletter label {
  width: 150px;
}
div.Subscribe input.text,
input.Newsletter {
  width: 208px;
}

.ErrorMessages {
    padding: 5px;
    border: 1px #619FB1 solid;
    background-color: #ffe191;
    margin: 0 0 5px 0;
}



/* Insert boxes */

.InsertLeft {
    display: block;
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}
.InsertRight {
    display: block;
    float: right;
    margin: 0 0 0 15px ;
    padding: 0;
}
.InsertCenter {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.InsertLeft h5, .InsertRight h5 {
    width: auto;
}
ul.Tight {
    margin: 0 15px 0 0; 
    padding: 0 0 0 1.4em;
}

/* News */

/* Teaser news items */

ul.News {
    list-style: none;
    margin: 2px 0;
    padding: 0;
    width: auto;
}
ul.News li.NewsItem {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 110%;
    padding-bottom: 4px;
    color: black;
}
ul.News li.NewsItem a {
}

/* Free text styles */

.float_right {
  margin: 0;
  float: right;
  margin-left: 1.5em;
  padding-left: 0;
  border: none;
}

.float_left {
  margin: 0;
  float: left;
  margin-right: 1.5em;
  padding-right: 0;
  border: none;
}

.float_right img,
.float_left img {
  border: none;
  text-align: center;
}

.float_right p,
.float_left p{
  margin-top: 0.5em;
  font-size: 80%;
  text-align: left;
}

code {
    font-family: Courier, monospace;
    font-size: 100%;
    line-height: 110%;
}
code.SourceBox {
    display: block;
    max-height: 150px;
    padding: 10px;
    border: 1px #619FB1 solid;
    background-color: #f3f8fa;
    margin: 10px 0;
    overflow: auto;
    white-space: nowrap;
}

/* IE 6 hacks - just fixes the most annoying deficiencies such as it wrecking havoc on the layout */
* html #Center {
  margin: 4px 187px 4px 165px;
}