/* General rules */

a {
	color: #0033cc;
	text-decoration: none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #006699;
	margin: 0px;
}
div#space {
	height: 1em;
}
.clr {clear: both;}

.sortable th { cursor:pointer; }

a:hover, #navigation a:hover {
	color: #0099CC;
}

#header1 {
	color: #FFFFFF;
	background-color: #003366;
	height: 100px;
	background-image: url(../../images/tbdb/header1.jpg);
	background-repeat: repeat-x;
	z-index: -200;
}

#header2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4d6e8f;
	background-image: url(../../images/tbdb/header2.jpg);
	z-index: -200;
	padding: 0;
	margin: 0;
	overflow: hidden;
	min-width: 1000px;
}

#header2 img {
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
}

/* bodycontent */

#bodycontent h2 {
border-bottom:1px solid #3366CC;
color:#003366;
font-size:16px;
line-height:18px;
margin:0px 0px 20px;
padding:0px 0px 10px;
}

#bodycontent h3 {
background-color:#6699CC;
border:1px solid #3366CC;
color:#FFFFFF;
font-size:12px;
line-height:14px;
margin:0px;
padding:2px 5px;
}

/* Login */
div#login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	position:absolute;
	left:547px;
	top:18px;
	bottom:0;
	width:480px;
	height:20px;
	z-index:2;
	text-align: right;
}

div#login.showlogin form#loginform,
div#login.hidelogin span#logoutbutton,
div#login.hidelogin span#userdisplay
{
	display: block;
}

div#login.showlogin span#logoutbutton, 
div#login.showlogin span#userdisplay,
div#login.hidelogin form#loginform
 {
	display: none;
}

/* Sidebars */


#sidebarleft {
	margin: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	width: 170px;
}

#leftcontent {
	float: left;
}


#sidebarright {
	margin: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

div#sidebarright.side {
	float: left;
	width: 170px;
	border-left: 1px solid;
	border-left-color: #6699cc;
}


/* Footer */
#footer {
	background-color: #6699cc;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #003366;
	border-bottom-color: #003366;
	height: 34px;
	line-height: 30px;
	font-size: 9px;
	padding-left: 16px;
	margin: 0px;
	color: #FFFFFF;
}
/* Main navigation */
#navigation {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 11px;
	height: 32px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../../images/tbdb/navs-bkg.gif);
	background-repeat: repeat-x;
	z-index: 100;
	width: 100%;
	min-width: 1000px;
}


#navigation a {
        font-weight: bold; 
        color: #FFFFFF;
        margin: 0px;
        padding-top: 0px;
        padding-right: 16px;
        padding-bottom: 0px;
        padding-left: 15px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #4d6e8f;
        line-height: 30px;
        text-decoration: none;
        text-align: center;
/* keep the menus on one line */
	white-space: nowrap;
	display: inline;
}
#navigation ul {
        list-style: none;
        margin:0;
        padding:0;
        float:left;
}

#navigation ul ul  a
        {
	border-right: none;
        border-bottom: 1px solid #003366;
	background: #000033;
        height: 1.5em;
	line-height: 1.5em;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	padding-left: .6em;
	display: block;
	
        }

#navigation li
	{
	position:relative;
    min-height: 1px; 
    vertical-align: bottom; 
	margin-left: 8px;
	}
#navigation ul ul ul li {
	margin-left: 0px;
}

#navigation ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}
#navigation ul ul ul
	{
	top:0;
	left:100%;
	}
div#navigation li:hover, div#navigation li.sfhover
	{
	cursor:pointer;
	z-index:100;
	}

div#navigation ul ul a:hover 
	{
	color: #CCFF99; 
        background: #003366;
	}

#navigation ul.navlevel2 a.parent , #navigation ul.navlevel2 a.parent:hover   
	{
	background-image: url(../../images/tbdb/arrows.gif);
	background-position: 98%;
	background-repeat: no-repeat;
	padding-right: 15px;
	z-index: 600;
	}
div#navigation li:hover ul ul, 
div#navigation li.sfhover ul ul,
div#navigation li li:hover ul ul, 
div#navigation li li.sfhover ul ul,
div#navigation li li li:hover ul ul, 
div#navigation li li li.sfhover ul ul,
div#navigation li li li li:hover ul ul, 
div#navigation li li li li.sfhover ul ul
{
display:none;}

div#navigation li:hover ul, 
div#navigation li.sfhover ul,
div#navigation li li:hover ul, 
div#navigation li li.sfhover ul,
div#navigation li li li:hover ul, 
div#navigation li li li.sfhover ul,
div#navigation li li li li:hover ul, 
div#navigation li li li li.sfhover ul
{display:block;
}

div#navigation li li:hover ul,
div#navigation li li.sfhover ul
{
margin-left: -14px;
margin-top: -4px;
}

/* maincontent */

div#maincontent {
	clear: both;
	min-width: 1000px;
}

div#maincontent.homepage {
margin-top: 0px;
}

/* logos */

div #logos {
	margin-top: 10em;
}

/* these are the basis of our three column layout */
/* centercontent is the region that spans all the content.  Leftcontent
   and body content are contained within it.  Also, this div renders the 
   colors for the columns by specifying a large border */
#centercontent {
	/* float: left; */
	border-right-width: 0px;
	display: inline;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* This is under (is the parent of) centercontent and is the full
   width of the window.  This is just to get the green region on the 
   right to fill any remaining space on the right. */
#mainbackground {
	background: #33CC99;
	background-image: url(bg-tbdb.gif);
	background-repeat: repeat-y;
}

/* Contains the left nav.  Flush this to the left. */ 
#leftcontent
{
	left: 0px;
	width: 170px;
	float: left;
}



/* The white region containing all the text */
#bodycontent {
	height: 100%;
}
#contentcolumn {

}

/* styles for MultiHome.html overview graphic */

#overview-tree { 
	position:relative;
	height:auto;
	width:600px;
	}
#overview-tree table {	font-family:Verdana, Arial, Helvetica, sans-serif ; }
.tree { height:45px; width: 45px; }
.treeLabel { 
	background-image:url(../../images/tbdb/line-h.gif); 
	background-repeat:repeat-x;
	text-align:right; 
	width:165px;
	}
.treeLabel span {
	background:#FFFFFF;
	padding: 0px 10px;
	color:#2C60A8;
	font-weight:bold;
	font-size:14px;
	text-align:right;
	display:inline-block;
	}
.goButton {
	height:45px; 
	width:48px; 
	background-image:url(../../images/tbdb/Go.gif);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	}
	
.right { float:right; }	

.left { float:left;}
	
.goButton:hover { background-image:url(../../images/tbdb/Go-hover.gif); }

.goButton:active { background-image:url(../../images/tbdb/Go-click.gif); }

.treeForm { height:45px; }

td.treeForm input { 	 
	background:#FFF; 
	border:#CCCCCC 1px solid;
	color:#999999;
	display:inline;
	height:18px;
	margin:12px 0 -12px 0; 	
	}

.treeRoot {
	background-color: #6295DD;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	width:150px;
	letter-spacing:0.1em;
	}
	
#bodycontent h3.guide { 
   			background:transparent;
   			border:0px none;
   			color:#66bbbb;
   			font-size:14px;
   			padding:16px 0 12px 0;
   			}