/* iayastyle.css  */

/* debug */
divdiv
{
	border-color: #C06;
	border-width: 0;
	border-style: dashed;
}
spanspan
{
	border-color: #33C;
	border-width: 0;
	border-style: dotted;
}

/*** Nav bar styles ***/
body{
	font-size: .75em;
	margin: 0;
	padding: 0;
	font-family: sanserif,arial,helvetica; 
}

.orgtext {
	font-size: .9em;
}

.normal{
	margin: 1em;
	padding: 0;
}

a
{
	color: #222;
	text-decoration: underline;
}
.hlive
{
	margin: 3px;
	padding: 3px;
	border-width: 3px 0 3px 0;
	border-style: none none solid none;
	clear: both;
}

.clearfloat
{
	clear: both;
}

.banner
{
	color: #f4f4f4;
	height: 60px;
	margin: 0;
	padding: 0px;
	/* text-align: center; */
	/*	align: center; */
	background-color: black;
	background-image: url(images/interface/iayabanner.gif);
	background-repeat: no-repeat;
	background-position: center center;
}



hr {margin: 0;
	padding: 0px;}
	

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline; 
}

ul.nav{
	display: table;
}
ul.nav>li
{
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-top: 2px;
	display: table-cell;
	position: relative;
}


div.nav
{
	width: auto;
	/*	min-width: 700px; */
	background-color: #CCC;
	border-color: #000;
	border-width: 2px;
	border-style: none solid solid solid;
	padding-left: 15px;
	/* force  height for nav bar.
	height: 2em;
	min-height: 2em;
	max-height: 2em; */
}
ul.nav
{
	display: table;
	/*Just add the following properties and values*/
	width: auto;	/* width was 100% */
	table-layout: fixed;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
                                     
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/* When hovered, make them appear */
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-top: 2px;
	display: block;
}

.nav a{
	text-decoration: none;
}


div.browseleft
{
	padding: 0.5em;
	float: left;
	width: 28%;
	height: auto;
	border-color: black;
	border-width: thin;
	border-style: solid;
	background-color: #eee;
	overflow: visible;
}

div.browseleft > p.tree
{
	text-indent: -5px;
	margin: -0.1em 0 -0.1em 0;
	padding: 0 0 0 20px;
	background-image: url(images/minussq.gif);
	background-repeat: no-repeat;
}
div.browseright
{
	float: right;
	width: 67%;
	height: auto;
	overflow: auto;
	text-align: left;
	font-weight: bold;
	border-color: #000;
	border-width: thin;
	border-style: solid;
	padding: 4px 2px 4px 2px;
	margin: 4px;
}


.indentradio 
{
	margin-left: 3em;
	border-width: 5px;
	background-color: #ffaaff;
}


span.editablefield
{
	background-color: #DDF;
	min-width: 150px;
	margin: 0;
	padding: 0;
}

body.help
{
background-image: url(images/helpbg.gif);
}

div.footer{
	text-align: center;
	}
.footer a
{
	color: #000;
	font-weight: normal;
	font-size: 0.9 em;
	text-decoration: none;
	padding: 0 20px 0 20px;
}