/*
 * Copyright 2008 Hippo
 *
 * Licensed under the Apache License, Version 2.0 (the  "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 * this is complementary css loaded after the default hippo css located at http://www.hippo.nl/css/screen.css
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-size: 100%}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

h1.logo{background: url("../images/hippo_logo.gif") no-repeat center center; margin-left: 15px;}
#wrapper #content h2{border-bottom: none;  margin: 0; padding: 0; display: none}
div#wrapper{ width: auto; padding: 3ex; margin-top: 20px;}
div#container{background: white}
div#container{width: 110ex; padding: 0;}
div#navigation_main{width: 100%; height: 3ex;} 
div#header{width: auto; background: url('../images/headerBackleft.jpg') no-repeat top right; padding: 0px; height: 97px;}
div#left{padding: 0; width: 20ex;}
div#content{ padding: 0; margin-left: 23ex}
div#footer{padding: 0; border-top:1px solid #00A5E3; height: auto; background: white; margin: 0; height: 10ex; width: auto; padding-top: 1ex}
div#copyright{width: auto; text-align: right; float: none;} 
ul#nav_main{background: url('../images/mainnavBack.jpg') repeat-x; height: 5ex; top: 91px; left: 0; margin-top: 0; width: 100%}

#left h5{
font-family: arial, helvetica, sans-serif;
font-size:  85%;
font-weight: bold;
text-transform: uppercase;
color: #EF3E42;
}

#left ul{margin-bottom: 2.5ex}
#left ul ul{margin-bottom: 0ex; margin-left: 1ex}
#left ul ul ul{margin-bottom: 0ex}
#left ul li.expanded, #left ul li.collapsed, #left ul li.none{display: inline}
#left ul li a{ color: #999999; font-size: 70%}
#left ul li ul li a{color: #333333}
#left ul li a:hover{ color: #00A5E3; text-decoration: underline}
/* current page selected get's a highlight */
#left ul li strong{font-weight: normal; color: #EF3E42; font-size: 70%}

/* Font styling for body */
#content div,
#content,
#content span.shortdesc,
#content pre,
#content blockquote,
#content blockquote i,
#content ul li, #content ol li, #content table tr td, 
#content p{
margin-bottom: 3ex;
font-size: 95%;
line-height: 160%;
}

div#content h2, div#content h3{
clear: none;
margin: 0;
margin-bottom: 2ex;
font-size: 130%;
font-weight: normal;
color: #00A5E3;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 1ex;
}

div#content h4{
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* lists */
div#content ul li{ margin-bottom: 2ex}
div#content ul li ul{margin-bottom: 0; margin-top: 2ex; margin-left: 2ex;}
div#content ul li ul li{list-style-type: disc; font-size: 100%; font-size: 85%; color: #666666}
div#content ul li ul li ul li{list-style-type: disc; font-size: 100%;}


/* styling of links */
div#content p a:hover{background: #f2f2f2; text-decoration: underline }
#content ul li a.externalLink, #content p a.externalLink{background: url("../images/externallink.png") no-repeat center right; padding-right: 16px; border-bottom: 1px solid white; text-decoration: none;}
#content ul li a:hover.externalLink, #content p a:hover.externalLink{background: #f2f2f2 url("../images/externallink.png") no-repeat center right; text-decoration: none;}

/* styling of special content elements */
div#content blockquote {margin-left: 3ex; margin-right: 5ex; margin-bottom: 3ex}

div#content p code, div#content pre {  
font-family: fixed, monospace;
font-size: 100%;
padding:0.7em;
margin: 3ex;
overflow: auto;
background: #eeeeee;
color: #000000;
}

div#content table code,
div#content p code{padding: 0px; background: transparent; margin: 0; font-size: 125%;}

span.shortdesc, span.short_description {
  font-style: normal;
  padding: 2ex;
  border-bottom: 1px solid #00A5E3;
  background: #00A5E3;
  color: white;
  display: block;
  margin-bottom: 3ex; 
}

#content p.date, p.date { font-size: small; }

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

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

/* image resize hack */
em img, blockquote em img {vertical-align: middle; height: 6ex; width: 6ex;}

/* is displayed in the index */
span.index {font-style: italic;}

/* body tables */
table.bodyTable tbody tr th {
background:transparent url(../images/tableheadback.png) repeat scroll 0 0;
border-bottom:1px solid white;
color: black;
padding: 1ex;
}
blockquote table.bodyTable {border-style: none;}
blockquote table.bodyTable tbody tr.a td, blockquote table.bodyTable tbody tr.b td { border-style: none;border-bottom: 0.3ex solid white;}
blockquote table.bodyTable tbody tr.a td { background: #f2f2f2; border-bottom: 1px solid #f2f2f2;}
blockquote table.bodyTable tbody tr.b td { background: white; border-bottom: 1px solid #f2f2f2;}

div.section samp {
  display: block;
  margin-left: 3ex;
  margin-right: 3ex;
  font-family: inherit;
  font-weight: bold;
}


div.screenshot  { text-align: center; }

div.screenshot p { font-style: italic ;}

span.missing  { background: red ; }

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


/* Global Icon Management */
/* ================================================ */
.hippo-list-small{background-position: center left; background-repeat: no-repeat; padding: 3px; margin-bottom: 1px;}
.hippo-list-small a{display: block; padding-left: 15px; color: #666666;}


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

.icon-text-16, .icon-text-32, .icon-text-48, .icon-text-128{background-repeat: no-repeat; background-position: center center; padding: 5px;}
.icon-text-32 {padding-left: 40px;}
.icon-text-48 {padding-left: 54px;}
.icon-text-128 {padding-left: 134px;}

/* documentation icons */
.alert-16{background-image:url("../images/icons/alert-16.png")}
.alert-32{background-image:url("../images/icons/alert-32.png")}
.alert-48{background-image:url("../images/icons/alert-48.png")}
.alert-128{background-image:url("../images/icons/alert-128.png")}

.unzip-16{background-image:url("../images/icons/unzip-16.png")}
.unzip-32{background-image:url("../images/icons/unzip-32.png")}
.unzip-48{background-image:url("../images/icons/unzip-48.png")}
.unzip-128{background-image:url("../images/icons/unzip-128.png")}

.structure-16{background-image:url("../images/icons/structure-16.png")}
.structure-32{background-image:url("../images/icons/structure-32.png")}
.structure-48{background-image:url("../images/icons/structure-48.png")}
.structure-128{background-image:url("../images/icons/structure-128.png")}

.tested-16{background-image:url("../images/icons/tested-16.png")}
.tested-32{background-image:url("../images/icons/tested-32.png")}
.tested-48{background-image:url("../images/icons/tested-48.png")}
.tested-128{background-image:url("../images/icons/tested-128.png")}

.login-16{background-image:url("../images/icons/login-16.png")}
.login-32{background-image:url("../images/icons/login-32.png")}
.login-48{background-image:url("../images/icons/login-48.png")}
.login-128{background-image:url("../images/icons/login-128.png")}

.logout-16{background-image:url("../images/icons/logout-16.png")}
.logout-32{background-image:url("../images/icons/logout-32.png")}
.logout-48{background-image:url("../images/icons/logout-48.png")}
.logout-128{background-image:url("../images/icons/logout-128.png")}

.support-16{background-image:url("../images/icons/support-16.png")}
.support-32{background-image:url("../images/icons/support-32.png")}
.support-48{background-image:url("../images/icons/support-48.png")}
.support-128{background-image:url("../images/icons/support-128.png")}

.commandline-16{background-image:url("../images/icons/commandline-16.png")}
.commandline-32{background-image:url("../images/icons/commandline-32.png")}
.commandline-48{background-image:url("../images/icons/commandline-48.png")}
.commandline-128{background-image:url("../images/icons/commandline-128.png")}

.acquire-16{background-image:url("../images/icons/acquire-16.png")}
.acquire-32{background-image:url("../images/icons/acquire-32.png")}
.acquire-48{background-image:url("../images/icons/acquire-48.png")}
.acquire-128{background-image:url("../images/icons/acquire-128.png")}

.commandline-16{background-image:url("../images/icons/commandline-16.png")}
.commandline-32{background-image:url("../images/icons/commandline-32.png")}
.commandline-48{background-image:url("../images/icons/commandline-48.png")}
.commandline-128{background-image:url("../images/icons/commandline-128.png")}

.summary-16{background-image:url("../images/icons/summary-16.png")}
.summary-32{background-image:url("../images/icons/summary-32.png")}
.summary-48{background-image:url("../images/icons/summary-48.png")}
.summary-128{background-image:url("../images/icons/summary-128.png")}

.version-16{background-image:url("../images/icons/version-16.png")}
.version-32{background-image:url("../images/icons/version-32.png")}
.version-48{background-image:url("../images/icons/version-48.png")}
.version-128{background-image:url("../images/icons/version-128.png")}

.admin-16{background-image:url("../images/icons/admin-16.png")}
.admin-32{background-image:url("../images/icons/admin-32.png")}
.admin-48{background-image:url("../images/icons/admin-48.png")}
.admin-128{background-image:url("../images/icons/admin-128.png")}

.download-16{background-image:url("../images/icons/go-down-16.png")}
.download-32{background-image:url("../images/icons/go-down-32.png")}
.download-48{background-image:url("../images/icons/go-down-48.png")}
.download-128{background-image:url("../images/icons/go-down-128.png")}

.search-16{background-image:url("../images/icons/search-16.png")}
.search-32{background-image:url("../images/icons/search-32.png")}
.search-48{background-image:url("../images/icons/search-48.png")}
.search-128{background-image:url("../images/icons/search-128.png")}

.multiuser-16{background-image:url("../images/icons/groups-16.png")}
.multiuser-32{background-image:url("../images/icons/groups-32.png")}
.multiuser-48{background-image:url("../images/icons/groups-48.png")}
.multiuser-128{background-image:url("../images/icons/groups-128.png")}

.user-16{background-image:url("../images/icons/user-16.png")}
.user-32{background-image:url("../images/icons/user-32.png")}
.user-48{background-image:url("../images/icons/user-48.png")}
.user-128{background-image:url("../images/icons/user-128.png")}

.web-16{background-image:url("../images/icons/domain-16.png")}
.web-32{background-image:url("../images/icons/domain-32.png")}
.web-48{background-image:url("../images/icons/domain-48.png")}
.web-128{background-image:url("../images/icons/domain-128.png")}


/* alternatives for icons that do not exist yet */
.quickstart-16{background-image:url("../images/icons/unzip-16.png")}
.quickstart-32{background-image:url("../images/icons/unzip-32.png")}
.quickstart-48{background-image:url("../images/icons/unzip-48.png")}
.quickstart-128{background-image:url("../images/icons/unzip-128.png")}

.hippo-core-16{background-image:url("../images/icons/commandline-16.png")}
.hippo-core-32{background-image:url("../images/icons/commandline-32.png")}
.hippo-core-48{background-image:url("../images/icons/commandline-48.png")}
.hippo-core-128{background-image:url("../images/icons/commandline-128.png")}

.howto-16{background-image:url("../images/icons/support-16.png")}
.howto-32{background-image:url("../images/icons/support-32.png")}
.howto-48{background-image:url("../images/icons/support-48.png")}
.howto-128{background-image:url("../images/icons/support-128.png")}

.reference-16{background-image:url("../images/icons/support-16.png")}
.reference-32{background-image:url("../images/icons/support-32.png")}
.reference-48{background-image:url("../images/icons/support-48.png")}
.reference-128{background-image:url("../images/icons/support-128.png")}

.tour-16{background-image:url("../images/icons/support-16.png")}
.tour-32{background-image:url("../images/icons/support-32.png")}
.tour-48{background-image:url("../images/icons/support-48.png")}
.tour-128{background-image:url("../images/icons/support-128.png")}

/* mimetypes icons */
table tr.selected span.document-16, .document-16{background-image:url("images/icons/document-16.png")}
table tr.selected span.folder-16, .folder-16{background-image:url("images/icons/folder-16.png")}
table tr.selected span.folder-open-16, .folder-open-16{background-image:url("images/icons/folder-open-16.png")}

.mimetype-application-vnd-ms-excel-16{background-image:url("images/icons/mimetype-excel-16.png")}
.mimetype-application-pdf-16{background-image:url("images/icons/mimetype-pdf-16.png")}
.mimetype-application-vnd-ms-powerpoint-16{background-image:url("images/icons/mimetype-powerpoint-16.png")}
.mimetype-application-msword-16{background-image:url("images/icons/mimetype-word-16.png")}
.mimetype-application-zip-16{background-image:url("images/icons/mimetype-zip-16.png")}
.mimetype-application-rtf-16{background-image:url("images/icons/mimetype-rtf-16.png")}
.mimetype-application-octet-stream-16{background-image:url("images/icons/mimetype-binary-16.png")}
.mimetype-application-opendocument-16{background-image:url("images/icons/mimetype-opendocument-16.png")}
.mimetype-image-16{background-image:url("images/icons/mimetype-image-16.png")}
.mimetype-audio-16{background-image:url("images/icons/mimetype-audio-16.png")}
.mimetype-video-16{background-image:url("images/icons/mimetype-video-16.png")}
.mimetype-text-16{background-image:url("images/icons/mimetype-text-16.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")}

.state-review-16{background-image:url("images/icons/state-review-16.png")}
.state-changed-16{background-image:url("images/icons/state-changed-16.png")}
.state-new-16{background-image:url("images/icons/state-new-16.png")}
.state-live-16{background-image:url("images/icons/state-live-16.png")}

.arrow-sort-down-16{background-image:url("images/icons/arrow-sort-down-16.png")}
.arrow-sort-up-16{background-image:url("images/icons/arrow-sort-up-16.png")}

.document-new-48{background-image:url("images/icons/document-48.png")}
.folder-48{background-image:url("images/icons/folder-32.png")}

.image-add-48{background-image:url("images/icons/image-add-48.png")}
.image-add{background-image:url("images/icons/image-add-16.png");}

.website-add-128{background-image:url("images/icons/website-add-128.png")}
.website-add-48{background-image:url("images/icons/website-add-48.png")}
.website-add-24{background-image:url("images/icons/website-add-24.png");}
.website-add-16{background-image:url("images/icons/website-add-16.png");}

.document-lock-16{background-image:url("images/icons/document-lock-16.png")}

.dialog-information-48{background-image:url("images/icons/dialog-information-48.png")}
.hippo-icon-question-48{background-image:url("images/icons/dialog-question-48.png")}

.panel-toggle-version-16{background-image:url("images/icons/panel-toggle-version-16.png");}
.panel-toggle-version-16 a:hover{cursor: pointer}

.edit-16{background-image:url("images/icons/edit-16.png")}
.delete-16{background-image:url("images/icons/edit-delete-16.png")}
.add-16{background-image:url("images/icons/list-add-16.png")}
.remove-16{background-image:url("images/icons/edit-delete-16.png")}

.up-16{background-image:url("images/icons/go-up-16.png")}
.down-16{background-image:url("images/icons/go-down-16.png")}

/* new 
 div.stack td { vertical-align: middle; border: solid; background: red }

 blockquote table.bodyTable tbody tr.a td { vertical-align: middle; border: solid; background: blue }

 table.bodyTable tbody tr.a td { vertical-align: middle; border: solid; background: green }

 table tr.a td { vertical-align: middle; border: solid; background: green }
*/