/* Document */
html, body, #custom-doc, #wrapper {
}

html, body {
    background-color: #F2F2F2;
    font-family: arial,helvetica,clean,sans-serif;
}

#custom-doc {
    min-width: 972px;
    width: 972px;
    margin: 0 auto;
    background-color: white;
    text-align: left;
}


/* General */
a {
    color: #00A5E3;
    text-decoration: none;
} a:hover {
    text-decoration: underline;
} .red {
    color: #EF3B44;
}


/* Header */
#hd {
    position: relative;
    width: 972px;
    height: 125px;
    background-image: url(../images/header/bg-header.png);
    font-family:arial,helvetica,clean,sans-serif;
}

#logo {
    position: absolute;
    top: 22px;
    left: 27px;
    height: 46px;
    width: 56px;
    background-image: url(../images/logo-hippo.png);
} #logo a {
    padding-bottom: 30px;
    padding-left: 56px;
}

/******************** Start Search and Links bar *****************/
#searchandlinks .ct {
  background: url("../../images/header/bg_domain_nav_C.png") repeat-x;
  padding-top: 10px;
}

#searchandlinks .lt {
  background: url("../../images/header/bg_domain_nav_L.png") repeat-x;
  width: 10px;
}

#searchandlinks .rt {
  background: url("../../images/header/bg_domain_nav_R.png") repeat-x;
  width: 10px;
}

#searchandlinks .part {
  float: left;
  height: 45px;
}

#search {
  width: 612px;
}

/* Search / community bar */
#searchandlinks {
  font-size: 108%;
  font-weight: bold;
  height: 45px;
  right: 8px;
  position: absolute;
  top: 8px;
  width: 632px;
  z-index: 999;
}

#search li {
  float: left;
  padding: 0 12px;
  text-align: center;
  
}
#search li.sep {
  background: url("../../images/header/domain_nav_separator.png") no-repeat;
  width: 1px;
  height: 24px;
  padding: 0;
}

li#right_s {
  float: right;
  padding-right: 3px;
  padding-left: 49px;
}

#search #com,#search #org {
  padding-top: 3px;
  padding-bottom: 0px;
  float: left;
}
#search #com{
  background: none; 
}
#search .domain-link {
  color: #107EC0;
}

#search form input {
  float: left;
}

#search-field {
  width: 156px;
  height: 21px;
  margin-left: 8px;
  padding-top: 3px;
  padding-left: 5px;
  background: url(../../images/bground-searchfield.png);
  border: none;
}

#search-button {
  height: 24px;
  width: 72px;
  margin-left: 10px;
  background: url(../../images/button-search.png);
  border: none;
}

#search-button:hover {
  background: url(../../images/button-search.png) 0 24px;
}

#search-icon {
  width: 25px;
  height: 25px;
  border: 0;
  background: url(../../images/icon-search.png);
}
/******************** End Search and Links bar *****************/

#nav-main {
    position: absolute;
    top: 97px;
    left: 15px;
} #nav-main li {
    margin-bottom: 0;
    margin-right: 4px;
    padding-bottom: 12px;
    padding-right: 8px;
    display: inline;
} #nav-main li a {
    font-size: 93%;
    font-weight: bold;
    color: #F1F1F1;
    padding: 8px 13px;
} #nav-main .active {
	font-size: 93%;
	font-weight: bold;
	text-decoration: underline;
	color: #F1F1F1;
	padding: 8px 21px 20px 13px;
}


/* Footer */
#ft {
	clear: both;
    position: relative;
    height: 30px;
    margin: -40px 20px 0;
    padding-top: 7px;
    border-top: 1px solid #6b6b6b;
    font-family:arial,helvetica,clean,sans-serif;
    font-size: 77%;
    color: #6b6b6b;
    background-color: white;
} #ft #address {
    position: absolute;
    left: 0;
} #ft #copyright {
    position: absolute;
    right: 0;
} #ft #nav-ft {
    position: absolute;
    top: 20px;
    right: 1px;
} #ft #nav-ft li {
    display: inline;
    padding-left: 5px;
    padding-right: 10px;
    background: url(../images/nav-ft-div.png) no-repeat 100% 50%;
} #ft #nav-ft a {
    color: #00A5E3;
}


/* Body */
#wrapper {
	height: auto;
	min-height: 100%;
	background-color: white;
}

#bd {
    margin: 0 25px;
    padding-top: 25px;
    padding-bottom: 75px;
}
#bd.threecolumn {
    margin: 0 20px 0 25px;
    padding-top: 25px;
    padding-bottom: 75px;
}

/* Sitenav */
ul#left-nav {
    padding: 15px 5px 15px 0;
    font-family: arial,helvetica,sans-serif;
    font-size: 100%;
    border-right:solid;
    border-right-width:1pt;
    border-right-color:#F4FBFF;
} ul#left-nav .title {
    color: #EF3B44;
    font-weight: bold;
    text-transform: uppercase;
} ul#left-nav li {
    padding-bottom: 5px;
    } ul#left-nav li a {
        color: #00A5E3;
        text-decoration: none;
    } ul#left-nav li a:hover {
        text-decoration: underline;
    } ul#left-nav .active {
        color: #2086c4;
        font-weight: bold;
    } ul#left-nav .active li {
        font-weight: normal;
    } ul#left-nav .expanded > a {
        color: #2086c4;
    } ul#left-nav ul {
        margin: 5px 0 0 10px;
}

#yui-main p.hidden {
   margin: 0pt;
   padding: 0pt;
}

#yui-main p.empty {
   margin: 0pt;
   padding: 0pt;
}

/* Breadcrumb */
ul#breadcrumb {
   margin: 0pt;
   padding: 0pt;
   margin-bottom: 1ex;
} ul#breadcrumb li {
    display: inline;
    font-size: 95%;
    margin-top: 3px;
} ul#breadcrumb .divider {
    margin: 3px;
    color: #999999;
}

div.optional {
        margin:0pt;
       padding:0pt;
}

span#newin {
  font-size: 80%;
}

span#nr_items {
  font-size: 80%;
}

div.vspace {
  margin:1ex;
}

hr {
  border: none;
  border-top:1px solid #6b6b6b;
}

div.intro {
  padding: 0ex;
  padding-top: 1ex;
  margin-top: 3ex;
  margin-bottom: 2ex;
}

div.plainbody {
  border-top:1px solid #6b6b6b;
}

div.longlist {
    overflow: auto;
}

h3.introtitle {
  border: none;
  padding: 0pt;
  margin-top: 0ex;
}

.base h1, .base h2, .base h3, .base h4, .base h5, .base h6 {
color: #6b6b6b;
margin-top: 1em;
margin-bottom: 0.5em;
}



h1.sectiontitle {
border-top:1px solid #6b6b6b;
padding-top: 3pt;
clear:none;
color:#6b6b6b;
font-weight:bold;
margin:1.5em 0 1ex;
}

h1#title {
    border-top:none;
    color: #6b6b6b;
    font-size: 150%;
    font-weight: bold;
    margin: 0;
}

h1.sectiontitle {
  font-size:145%;
}

.base h1 {
font-size:141%;
}

.base h2 {
font-size:135%;
}

.base h3 {
font-size:125%;
}

.base h4 {
font-size:120%;
}

.base h5 {
font-size:110%;
}

.base h6 {
font-size:105%;
}


/* Subtitles are to be used below the document title. There are different font sizes,
 * depending on the length of the subtitle.
 */

h4.subtitle {
font-size:115%;
  margin: 0pt;
  padding: 0pt;
  margin-top: 1ex;
}

h5.subtitle {
margin-top:3pt;
font-size:94%;
}

h6.title {
font-size:85%;
}


.block {
    display:block;
}

.inline {
    display:inline;
}

.inline-block {
    display:inline-block;
}


#yui-main p {
  padding-top: 0.2ex;
  padding-bottom: 0.2ex;
  margin-top:1ex;
  margin-bottom:1ex;
}

p.intro {
  padding-top: 0.2ex;
  padding-bottom: 0.1ex;
  margin-top:3ex;
  margin-bottom:0.2ex;
}

p.closing {
  padding-top: 0.1ex;
  padding-bottom: 0.2ex;
  margin-bottom:3ex;
  margin-top:0.2ex;
}


blockquote {
  margin: 0pt;
  padding: 0pt;
}

blockquote.fixedwidth, #yui-main blockquote.fixedwidth {
  width: 60ex;
}


blockquote>p, #yui-main blockquote>p {
  margin: 0pt;
  padding: 0pt;
  background: inherit;
  color: inherit;
}

/* special text, inline as well as block */
code, pre, samp, .code, .samp  {
font-family: courier, fixed, monospace;
font-size: 110%;
font-weight: normal;
color: black;
padding-left:0.2ex;
padding-right:0.2ex;
background:#eaeaea;
}


code, samp {
  border: none;
}

/* ______________________________________________________
 *
 * <blockquote>
 *   <code>
 *   </code>
 * </blockquote>
 * ______________________________________________________
 */


/* special text, block */
html>body pre, .block, blockquote code, blockquote samp, blockquote.code, blockquote.samp {
 margin-top: 1.5ex;
 margin-bottom: 1.5ex;
 margin-left: 0;
 margin-right: 0;
 overflow: auto;
 display: block;
 border: ridge;
 border-width: 2;
 border-color: #6b6b6b;
 padding-top:0.6ex;
 padding-bottom:0.6ex;
 padding-right:2ex;
 padding-left:2ex;
 white-space: pre;
}


#content div.group { margin-bottom: 4ex;}

#content div.group p { font-style: italic ; margin-left: auto; margin-right: auto; margin-top: 3pt; margin-bottom: 1ex;}

div.screenshot, #screenshot {
height: 300px; text-align: left; overflow: auto; max-height: 795px; max-width: 1024px;}

div.screenshot img, #screenshot img { border: ridge;}

div.group div.screenshot, div.group #screenshot, div.screenshot img, #screenshot img, div.screenshot div, #screenshot div {
   margin: 0pt; padding: 0pt;}

div.screenshot p, div.screenshot p, div.group p  {
font-style: italic ; margin-left: auto; margin-right: auto;}

span.missing  { background: red ;}

span.missing:before  { content: 'Missing: ' ;}

div#screenshot, blockquote {
    overflow: auto;
}


span.expire_event, span.expire_date, span.add, span.rewrite, span.update, span.review, span.listrank, span.assignee {display: none;}

/* TODO check if #content replaced or the #content parts removed */
span.good, #content span.good, #content ol li span.good, #content ul li span.good {color: green;}
span.bad, #content span.bad, #content ol li span.bad, #content ul li span.bad {color: orange;}
span.worse, #content span.worse, #content ol li span.worse, #content ul li span.worse {color: red;}

div.warn, #content div.warn {background: #FFDDDD; color: red; font-weight: bold ; border: ridge;}

table {
 margin-top: 2ex;
 margin-bottom: 2ex;
 border: none;
 vertical-align: top;
 overflow: auto;
}

td {
 border: none;
 border-top: 0.3ex solid #d2d2d2;
 border-bottom: 0.3ex solid #d2d2d2;
 vertical-align: top;
 padding: .5em;
}

table.overview td {
 border: none;
 padding: .5ex;
 padding-right: 2ex;
 vertical-align: text-top;
}

table.overview td.counter:before {
  color: #00A5E3;
  content: counter(notecntr, disc) " " ;
}

tr.a td {
  background: #f2f2f2;
}
tr.b td {
 background: white;
}

.icon-16,.icon-32, .icon-48, .icon-128 {background-repeat: no-repeat; background-position: center center; display: block;} 
.icon-48 {width: 48px; height: 48px;}

.icon-text-16, .icon-text-32, .icon-text-48, .icon-text-128{background-repeat: no-repeat; background-position: center center; padding: 5px;}
.icon-text-48 {padding-left: 54px;}
.alert-48{background-image:url("../images/icons/alert-48.png")}
.unzip-48{background-image:url("../images/icons/unzip-48.png")}
.structure-48{background-image:url("../images/icons/structure-48.png")}
.tested-48{background-image:url("../images/icons/tested-48.png")}
.configure-48{background-image:url("../images/icons/tested-48.png")}
.build-48{background-image:url("../images/icons/acquire-48.png")}
.login-48{background-image:url("../images/icons/login-48.png")}
.logout-48{background-image:url("../images/icons/logout-48.png")}
.support-48{background-image:url("../images/icons/support-48.png")}
.commandline-48{background-image:url("../images/icons/commandline-48.png")}
.acquire-48{background-image:url("../images/icons/acquire-48.png")}
.commandline-48{background-image:url("../images/icons/commandline-48.png")}
.version-48{background-image:url("../images/icons/version-48.png")}
.admin-48{background-image:url("../images/icons/admin-48.png")}
.download-48{background-image:url("../images/icons/go-down-48.png")}
.search-48{background-image:url("../images/icons/search-48.png")}
.multiuser-48{background-image:url("../images/icons/groups-48.png")}
.edit-delete-48{background-image:url("../images/icons/edit-delete-48.png")}
.check-48{background-image:url("../images/icons/check-48.png")}
.user-48{background-image:url("../images/icons/user-48.png")}
.web-48{background-image:url("../images/icons/domain-48.png")}
.mail-48{background-image:url("../images/icons/mail-48.png")}
.quickstart-48{background-image:url("../images/icons/unzip-48.png")}
.hippo-core-48{background-image:url("../images/icons/commandline-48.png")}
.howto-48{background-image:url("../images/icons/support-48.png")}
.reference-48{background-image:url("../images/icons/support-48.png")}
.tour-48{background-image:url("../images/icons/support-48.png")}
.wiki-48{background-image:url("../images/icons/domain-48.png")}
.issue-48{background-image:url("../images/icons/alert-48.png")}
.archive-48{background-image:url("../images/icons/version-48.png")}
.forge-48{background-image:url("../images/icons/tested-48.png")}
.hardware-48{background-image:url("../images/icons/tested-48.png")}
.OS-48{background-image:url("../images/icons/structure-48.png")}
.document-48{background-image:url("../images/icons/document-48.png")}
.users-48{background-image:url("../images/icons/groups-48.png")}
.groups-48{background-image:url("../images/icons/groups-48.png")}
.document-new-48{background-image:url("../images/icons/document-48.png")}
.image-add-48{background-image:url("../images/icons/image-add-48.png")}


div#nav ul.menu li.unactive {
   font-weight: 700;
}

div#nav ul.menu li.active {
   font-weight: 200;
}


/* Content items */
ul.cont_item {
        clear: left;
        border-bottom: 1px #d9d9d9 solid;
        position: relative;
        margin: 0;
        padding-top: 0.77em; /* 10px */
        *padding-top: 0.75em;
        padding-left: 0.77em; /* 10px */
        *padding-left: 0.75em;
        } ul.cont_item:hover {
                background: #F5F5F5;
        } ul.cont_item li {
            list-style-type: none;
                margin-bottom: 0.77em; /* 10px */
                *margin-bottom: 0.75em;
                } ul.cont_item li a {
                        color: black;
                        } ul.cont_item li a:hover {
                            color: black;
                            text-decoration: none;
                } ul.cont_item li.title {
                        float: left;
                        width: 46.15em; /* 600px */
                        *width: 45em;
                        padding-bottom: 0.38em; /* 5px */
                        } ul.cont_item li.title a {
                                font-weight: bold;
                                } ul.cont_item li.title a:hover {
                                        color: red;
                                        text-decoration: underline;
                } ul.cont_item li.type a {
                        color: #666666;
                        float:right;
                        padding-right: 0.77em; /* 10px */
                        *padding-right: 0.75em;
                } ul.cont_item li.text {
                        clear: left;
}


 div.shortdescription {
    margin-top: 3pt;
    background-color: #F0FCFF;  /* was #CDE9F2; */
    padding: 0.3ex; /*3px */
    padding-bottom: 3pt; /*3px */
}

 div.shortdescription p {
    padding: 0pt;
 }

ul#docinfo {
    background-color: #F0FCFF;  /* was #CDE9F2; */
    padding: 0.23em; /*3px */
    margin: 0;
    margin-bottom: 1.15em; /* 15px */
    *margin-bottom: 1.13em;
    border-top: 1px dotted #00A5E3;
    border-bottom: 1px dotted #00A5E3;
    color: #000000;
}


  ul#docinfo li {
    list-style-type: none;
}

   ul#docinfo span.property {
      font-style: italic;
  }

  ul#docinfo li#summary {
                        text-align: left;
                        padding-bottom: 0.38em; /* 5px */
                        border-bottom: 1px dotted gray;
                        margin-bottom: 0.38em; /* 5px */
                        font-size: 110%;
  }

  ul#docinfo li.right, span.right {
                        clear: right;
                        float: right;
}



/* Content page select */
ul#paging-nav {
        text-align: center;
        clear: both;
        position: relative;
        border-bottom: 1px #d9d9d9 solid;
        margin: 0;
        margin-top: 0.15em; /* 10px */
        *margin-top: 0.15em;
        padding-bottom: 0.15em; /* 10px */
        *padding-bottom: 0.15em;
        } 
        ul#paging-nav li {
            list-style-type: none;
            display: inline;
            font-size: 100%;
            padding-left:2px;
            padding-right:2px;
        } ul#paging-nav li.active {
            font-weight:bold;
        } ul#paging-nav li a {
                color: #00A5E3;
        } ul#paging-nav li a:hover {
                color: #EF3E42;
                text-decoration: underline;
        } ul#paging-nav li#previous {
                left: 0;
                position: absolute;
                } ul#paging-nav li#previous a {
                        background: transparent url(../images/vorige.gif) no-repeat scroll 0% 50%;
                        padding-left: 2.31em; /* 30px */
                        *padding-left: 2.25em;
        } ul#paging-nav li#next {
                right: 0;
                position: absolute;
                } ul#paging-nav li#next a {
                        background: transparent url(../images/volgende.gif) no-repeat scroll 100% 50%;
                        padding-right: 2.31em; /* 30px */
                        *padding-right: 2.25em;
}
table.steps td{
  padding-top: 7px;
  padding-bottom: 7px;
 
}
table.steps td.rowcount{
	padding-right: 10px;
}
table.steps .icon-48{
  margin-left: 15px;
  margin-right: 15px;
}