﻿h1
{
    FONT-SIZE: 125%;
    MARGIN: 0px 0px 4px;
    COLOR: #052E4C;
}
h2
{
    FONT-SIZE: 120%;
    MARGIN: 0px 0px 4px;
    COLOR: #052E4C;

}
h3
{
    FONT-SIZE: 115%;
    MARGIN: 0px 0px 4px;
    COLOR: #052E4C;
}
h4
{
    FONT-SIZE: 110%;
    MARGIN: 0px 0px 4px;
    COLOR: #052E4C;
}
h5
{
    FONT-SIZE: 105%;
    MARGIN: 0px 0px 4px;
    COLOR: #052E4C;
}

img{border: none;}
html, body{margin: 0; FONT-FAMILY: Arial, 'MS Serif', sans-serif; padding: 0em 0em 0em 0em;}
div#header{position:relative; height:100px;margin: 0px 0px 10px 0px; background-image: url(/images/barrcentral_03.jpg); background-repeat:repeat-x;}

.headertext
{
	color:#003399;
	font-size:65px;
	text-decoration:none;
	float:left;
	margin:  3px 50px 0px 160px;
}

.logintext{position:absolute; top:45px; left:740px; padding-top:.3em; z-index:1;}

div#wrapper{width:100%;}
div#content{margin-left:10em; padding: 0em 1em 1em 0em}
div#menu{width:9em; position:absolute; top:110px; left:4px;}
div#footer{clear:both;width:100%; margin:0; padding-top: 3em; text-align: center; font-size: small;}

p{margin: 0em 0em .3em 0em;}


/*a{color: #052E4C;}
a:visited{color: #052E4C;}
a:hover{color: #5c461a;}*/

a{color: #003399;}
a:visited{color: #003399;}
a:hover{color: #5c461a;}


.indent3{margin-left:3em;}

.logintextbox{width: 10em;}

.padding5{padding-left: 5px;}





.notesbordertable TD
{
    BACKGROUND-COLOR: #F4F1E8;
}
.notesbordertable TH
{
    BACKGROUND-COLOR:#E3DDC6;
}

.notesbordertable TH A
{
	COLOR: #FFF;
}

.gridpager
{
	COLOR: #CFDCE6;
	background-color:#052E4C;
}

.gridpager A
{
	color: #052E4C;
}

.center
{ 
text-align: center;
}

.center table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

.contactus
{}

.contactus td
{border-top: solid 1px #4661a9;}

/* form labels */
.fl 
{
	clear:left;
    float: left;
    width: 10em;
    margin-right: 0.3em;
    text-align: right;
    display: block;
}
/* titles */
.title
{
	background-color: #E3DDC6;
	border: solid 1px #052E4C;
	color: #052E4C;
	padding: .2em .2em .2em .2em;
	display: block;
	text-align: center;
}

.right
{
    width: 7em;
    margin-right: 0.3em;
    text-align: right;
    font-weight:bold;
}

.form
{
	
}

.form span /*for labels*/
{
	clear:left;
    float: left;
    width: 10em;
    margin-top:0;
    margin-left:0;
    margin-bottom: 0;
    margin-right: 0.3em;
    text-align: right;
    display: block;
}

.form input
{
	margin: 0 0 0 0 0;
}

#navlist li
{
display: inline;
/* for IE5 and IE6 */
}

#navlist
{
width: 8em;
/* to display the list horizontaly */
margin: 0;
padding: 0;
border: line 1px black;
line-height: 1.8em;
font-weight:bold;
}

#navlist a
{
width: 100%;
/* extend the sensible area to the maximum with IE5 */
display: block;
/* background-color:#F4F1E8; */
background-color:#ebeef4;
border: 1px #ccc solid;
margin-top: -1px;
padding-left: 5px;
text-decoration: none;
}

#navlist .firstelement
{
  margin-top: 0;
}

#navlist a:hover
{
	/*background: #E3DDC6;*/
	background: #c7cfe0;

	display:block;
}

#navlist a:visited
{

}
.tablist{}

.tablist ul {
		list-style: none;
		padding: 0;
		margin: 0;
    }
    
	.tablist li {
		float: left;
		border: 1px solid #ccc;
		border-bottom-width: 0;
		margin: 0;
    }
    
	.tablist a {
		text-decoration: none;
		display: block;
		background: #F4F1E8;
		padding:  0.24em .24em;
		width: 7em;
		text-align: center;
    }
	
	.tablist a:hover {
		background: #E3DDC6;
	}
	
	.tablist .selected {
		border-color: black;
	}
	
	.tablist .selected a {
		position: relative;
		top: 1px;
		background: white;
		color: black;
		font-weight: bold;
	}
	
	.tabcontent {
		border: 1px solid black;
		clear: both;
		padding: 1em 1em ;

	}
	

.pop{}

.pop a {position: relative;}
 
.pop a span {
	display: none;
	text-decoration:none;
}
.pop a:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

.pop a:hover span {
	position: absolute;
	top: 0px;
	display: block;
	border: 1px solid #000;
	background-color: #B9C9EB; 
	color: #000;
	padding: .5em .5em .5em .5em;
	text-decoration: none;
	width:35em;
  } 
  
  .pop a:hover span.ps
  {
	left: 5em;
  }
  
    .pop a:hover span.rc
  {
	left: 5em;
  }
  
  .psbox
  {
	border: 1px solid #000;
	background-color: #B9C9EB;
	line-height: 1.2em;
	width:75%;
	padding: .5em .5em .5em .5em;
  }



/* dave tingling */
li { 

background-position:left top; 

background-repeat:no-repeat; 

list-style-type: none;

/* padding: 0px 0px 0px 5px; */

}

li.goal {background-image:url('./KB2/images/goal.gif'); padding-left: 25px; margin-left: -25px;}

li.symptom {background-image:url('./KB2/images/symptom.gif'); padding-left: 25px; margin-left: -25px;}

li.fact {background-image:url('./KB2/images/fact.gif'); padding-left: 25px; margin-left: -25px;}

li.cause {background-image:url('./KB2/images/cause.gif'); padding-left: 25px; margin-left: -25px;}

li.change {background-image:url('./KB2/images/change.gif'); padding-left: 25px; margin-left: -25px;}

li.fix {background-image:url('./KB2/images/fix.gif'); padding-left: 25px; margin-left: -25px;}





