/**
 * @desc All styles that are used in both the website and the 
 * app are in this file.
 */
body {
    text-align:left;
    /*background-color:#ffffff;*/
    background-color:#f7f5e7; /* guessed value of the centerdata website background color */
}
/*    div#hd
    The hd div is the header. 
    Please read more about the web interface layout techniques using Yahoo YUI  grids CSS at: 
    http://www.zdnetasia.com/techguide/webdev/0,39044903,62039858,00.htm (same link as at doc3)
*/              
div#hd {
    /*height:4.5em;*/
    margin:0em;
    background:#007ac0;
    color:#ffffff;
    margin-bottom:1px;
    text-align:left;
}
div#hd div#menu{
	border-top: 1px solid #a5d5ee;
}
/*    header div nested inside the hd div
    Defines the style of the header div (inside the hd div)
*/
div#hd div#header {
    position: relative;
    height: 110px;
    background: #154e82 url(../img/cdbg.png) repeat-x;
}
/*    cdlogo div, nested in the header div, nested in the hd div :)
    Defines the style of the cdlogo div in the header
*/
div#hd div#header div#cdlogo {
    padding-top:7px;
}
/*    div lisslogo
    Style of the LISS logo in the header 
*/
div#hd div#header div#lisslogo {
    position:absolute; /* with absolute the logo divs stay on one line */
    top:6px; /* not sure if padding-top is required instead */ 
    left:12px;
}
div#hd div#header div#userinfo {
    position:absolute; /* with absolute the logo divs stay on one line */
    top:6px;
    right:6px;
    padding-top:0px;
    text-align:right;
    color:#ffe66b;
}
div#hd div#header div#userinfo a {
color:#ffffff;
}
div#hd div#header div#userinfo a:hover {
color:#c07c98; 
}
div#hd div#header div#userinfo form#SearchBasicForm {
display:inline;
}


/*    H1 in hd div
    Defines the style of <h1></h1> elements in the hd div    
*/
div#hd h1 {
    margin: 0px;
    font-size: 189%;
    background-color:inherit;
    color:#fffff;
    font-weight:bold;
    letter-spacing:-1px;
    border-bottom: 1px solid #96b8cd;
    text-align:center;
}
/*    H2 in hd div
    Defines the style of <h2> elements in the hd div    
*/
div#hd h2 {
    margin: 0;
    padding-left: 0.5em;
    border-top: 1px solid #a5d5ee;
    background: #154e82 url(../img/bluebar.png) repeat-x;
    color: #ffe66b;
    font-size: 100%;
    font-weight: normal;
    letter-spacing: -1px;
}


/***** Crumb bar ******/
div.crumbs {
    padding: 0.1em 0em 0.1em 0.5em;
    background-color: #ffe66c;
    color: #000000;
}

/**************** Body styles ****************/
/* This should be empty, as the website and app have different styles */

/**************** Menu Bar styles ****************/
div#hd div#menu{
	border-top: 1px solid #a5d5ee;
}
.yuimenubar  {
	background:#154e82 url(../img/bluebar.png) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:18px;
	font-size: 14px;
	height:22px;
}
.yuimenu  {
	background:#154e82 url(../img/bluebar.png) repeat-x;
}
.yuimenuitemlabel {
}
.yuimenubaritemlabel {
	padding-top:2px;
	padding-right:12px;
}
.yuimenuitem {
	border:0px;
}
li.yuimenubaritem a {
	color: White;
	border:0px;
	text-decoration: none;
	/* height:16px; */
	/* desired px / 13 = em for non IE browsers */
	/* the calculated em * .9759 = em for IE browsers */
	/* desired px = 16 */
	height:1.23em;/* non-IE */
	*height:1.1em;/* IE */
}
.yuimenu ul {
	padding: 4px 0px 4px 0px;
}
.yuimenubaritem-selected,
.yuimenuitem-selected {
    background-color: transparent;
}
li.yuimenubaritem a:visited, li.yuimenuitem a:visited {
	color: White;
}
li.yuimenubaritem a:hover, li.yuimenuitem a:hover {
	color:#fee35d;
	text-decoration: none;
}
li.yuimenubaritem a:active, li.yuimenuitem a:active {
	color:#fee35d;
}
.yuimenubaritem-hassubmenu {
    background: none;
}
.yuimenubaritem-hassubmenu-selected {
    background: none;
}

/**************** Footer styles ****************/
/*    div#ft
    Defines the style of the footer
*/
div#ft{
    clear: both;
    margin: 0;
    padding: 4px;
    font-size: 93%;
    color: #ffffff;
    background: #154e82 url(../img/bluebar.png) repeat-x;
}

/* Define the styles of different elements in the footer */
div#ft p {    padding:0; margin:0; text-align:center;    }
div#ft a {    background-color:inherit; font-weight:bold; }
div#ft a:hover {    background-color:inherit; text-decoration: underline; }

div#ft {
	padding-left:240px;
}
div#ft a {
	background: none;
	color: White;
	padding-right:20px;
	font-weight:normal;
}
div#ft a:visited {
	background: none;
	color: White;
}
div#ft a:hover {
	color:#fee35d;
	background: none;
	text-decoration: none;
}
div#ft a:active {
	background: none;
	color:#fee35d;
}

#tabnav	{
	margin: 0; 
	padding: 0;
}

#tabnav li {
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
  	font-weight:none;
}
#tabnav a:visited.here {
	color: #fee35d;
}
/*	Style of the searchbox in the header */
#ext_searchbox {
	font-size:10px;
	height:12px;
}