﻿@import "tabs.css";
html      {overflow-y:auto;}

body { font: bold 12px Verdana, sans-serif;
background-image: url(../images/background-logopanel.png);
    background-repeat: repeat-x}
/* need to set the following to prevent tabs from overlapping */
.minbodywidth {min-width: 825px;}
	.content {
    border: 0px solid #c00;
    padding: 0px;}
	.serena_help_logo
{
    float: right;
    margin-right: 12px;
}
.help_banner
{
    position: absolute;
    top: 2px;
    left: 12px;
	
}

img {border:none; margin: 0; padding: 0;}
a,  a:visited {text-decoration: underline; color: #46546C; }
a:hover {color: #46546C;}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/

.toclinkdiv {
float: right;  
text-align:right; 
clear: none;
}
.TocLinkCell {
display: none;
padding: 0;
margin: 0;
}



/* for particular tab pages. can add specific selectors with body.tabpages */
#SearchFieldValue {border:0;margin:0; padding: 1px 1px 1px 4px;height:18px;position: absolute; top: 2px; left: 5px; white-space: nowrap; color: gray; visibility: visible; font-weight:normal;}
#SearchFieldInput{
margin:0; padding: 1px 1px 1px 4px; background-color:#FFFFFF;
border-color:#222222 #AAAAAA #AAAAAA;
border-style:solid;
border-width:1px;-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
height:18px; 
}
#SearchImage {
margin:0 0 0 6px; padding: 0px 0px 0px 0px; background-color:#FFFFFF;
                    background-image:url(images/search_icon.gif);
                    height:22px;
border-width:0px;}
.searchrow {
padding-top: 0;
 }
.searchtoolbar {
 display: none;
 padding-top: 1px; 
 padding-bottom: 1px;
 text-align: right;
 color:#999999;
 }
 .tasks 
{
  margin:0;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}

.content 
{
  width:100%;
  height:100%;
}

.right, .left {
height:100%;
}

.tableborder1 {
  background-color: #f7f4eb;
  border-top:1px solid #808080;
  border-bottom:1px solid #808080;
  border-right:1px solid #808080;
  border-left:1px solid #808080;
  position:relative;
  top:0px;
  clear:both;
  
}

.maincontentcellIE 
{
 margin:0 0;
 padding: 0 0;
 height: 700px; 
 width:100%;
 position:relative;
 top:0px;
 clear:both;
}
.contentwin {
  border-top:1px solid #808080;
  border-bottom:1px solid #808080;
  border-right:1px solid #808080;
  border-left:1px solid #808080;
  width: 100%;
  height: 100%;
}
.pagesection {
padding:5px; 
border:0;
}
.NavTable {
background-color: #e4e1d0; 
height: 600px;
position:relative;
top:0px;
}
.opener {
display:none;
}
 .tdspacer {
 line-height:1px;
 height: 1px;
 }
 .TOCsectionDataWrapper {
 background-color:#FFF;
 vertical-align:text-top;
 }
 
 .serenalogo {
 margin: 0px 0px 20px 0px;
 padding: 0px 0px ;
 }








 /* for tab pages */
body.tabpages {
    font-size: .74em;
    font-family: Verdana, sans-serif;
    color: black;
    padding: 30px;
    margin: 2em 2em 2em 2em;
	background-color: transparent;
}
  body.tabpage h2 {margin-bottom: 10px; font-size: 20px; font-weight:bold;}
  body.tabpage h3 {margin-bottom: 5px; font-size: 18px; font-weight:bold;}
  body.tabpage h4 {margin-bottom: 5px; font-size: 14px; font-weight:bold;}
   body.tabpage p {font-weight: normal;}
 body.tabpage li {margin-bottom: 5px; line-height: 20px;}
 body.tabpage  hr {
    color: black;
    background-color: transparent;
    height: 1px;
}
body.tabpage div.tabpagecontent {
overflow: auto;

}




