/**
 * Layout
 */
 
html 
{ 
	/* Always show the scrollbar to non-IE browsers */
	overflow: -moz-scrollbars-vertical;
	padding: 0; 
	margin: 0;
}
 
body 
{
	/* Fix :hover in IE 5+ 	
	behavior: url(../script/csshover.htc); */	
	padding: 0;
	margin: 0;
	background-color: #FCFCFA;
}

/* The following hack is to make the footer actually 
 * at the foot of the viewport.
 * 
 * Works in IE5.5+/FF, degrades gracefully for safari
 * and IEMac

#page 
{
	position: relative;
}

html, body 
{
	height: 100%;
}

#page {
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}
	
html>body #page {
    height: auto;
	} 
 */	

#headerbar 
{
	margin: 0;
	background-color: #f7f8fa;
	border-bottom: 1px solid #d1ddaf;
	background: #f7f8fa url(../graphics/main/rightBG-big.png) center right no-repeat;	
}

#header 
{
	width: 760px;
	margin: 0 auto;
	background: #f7f8fa url(../graphics/main/banner.png) center right no-repeat;
}

#header #logo 
{
	width: 100px;
	height: 135px;
	background: #f7f8fa url(../graphics/main/logo.png) center left no-repeat;
}

#header #logo h1 
{
	visibility: hidden;
	margin: 0;
}

#statusbar 
{
	background-color: #eaede1;
	border-bottom: 1px solid #bfc99d;
}

#status 
{
	width: 745px;
	margin: 0 auto;
	padding: 2px 5px 2px 10px;
}

#navbar 
{
	background-color: #dae0c8;
	border-bottom: 1px solid #bfc99d;
}

#nav 
{

}

#breadcrumbbar 
{
	background-color: #fcfcfa;
}

#breadcrumbs 
{
	/* 
	 * GT 16/07/09, this is 
	 * uneccessary, all divs fill the width by default
	 * and having this set makes the div oversized when padding is used
	 */
	/*width: 100%;*/
	margin: 0 auto;
	padding: 0.15em;
	margin: 0.5em 0 1em 0;
	background-color: #F6F7F2;
	border: 1px solid #DDE5C2; 
}

#contentbar 
{
	background-color: #fcfcfa;
	padding-bottom: 4em;
}

#contextnav 
{
	width: 130px;
	float: left;
	margin-top: 3em;
	padding: 0 20px 10px;	
	border-right: 1px solid #DDE5C2;
	font-size: 95%;
}

#contextnav ul 
{
	/* to get graphics for this */
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	
}

#contextnav li a 
{
	background-image: url(/resource/yenka/graphics/main/context-bullet-off.gif);
	padding-left: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	border: none;
	color: #556677;	
}

#contextnav li a:hover
{
	background-image: url(/resource/yenka/graphics/main/context-bullet-on.gif);
	color: #335599;
}


#content 
{
	width: 750px;
	margin: 0 auto;
	padding: 15px 0 15px 15px;
}

.bodywithsidebar
{
	float: left;
	width: 545px;
	margin-left: 25px;
}

.bodywithoutsidebar 
{
	width: 100%;
}

#footerbar
{
	/*position: absolute;
	bottom: 0;	*/
	clear: both;
	/*
	background-color: #F7F8FA;
	border-top: 1px solid #BFC99D;
	*/
	width: 100%;
	font-size: 70%;
	color: #666;	
}

#footer 
{
	width: 760px;
	text-align: center;
	margin: 0 auto;
	padding: 15px;
	padding: 9px 0px 11px 0px;
}

#footer h3
{
	color: #62745B;
	border: 0;
	margin: 0 0 0.25em 0;
	padding: 0;
}

#footer p.copy 
{ 
	clear: both;
	margin: 0; 
	padding: 0; 
	color: #666;
}

#footer a:link, #footer a:visited, #footer a:active 
{
	font-size: 95%;
	text-decoration: none;
	font-weight: normal; 
	color: #666;
}

#footer a:hover 
{
	text-decoration: underline;
}

ul.footersections
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.footersections li.section
{
	width: 20%;
	margin: 0 1% 0 2%;
	border-right: 1px solid #DDD;
	float: left;
	height: 100%;
}

ul.footersections li.noborder
{
	border: 0;
}

ul.footersections li ul.footerlinks
{
	margin: 0 0 0 0;
	padding: 0 0 0 2em;
}

ul.footersections li ul.footerlinks li
{
	margin: 0;
	padding: 0;
}

ul.footersections li ul.footerlinks li a
{
	color: #666;
}

.clear 
{
	clear: both;
}

.clearleft 
{
	clear: left;
}

.clearright 
{
	clear: right;
}

/**
 * Internal Layout
 */
div.twoColumns 
{
	clear: both;
}

div.twoColumns div.column 
{
	width: 48%;
	float: left;	
	margin-right: 2%;
}

div.lastcol
{
	margin-right: 0;
} 

div.threeColumns 
{
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0;
}

div.threeColumns div.column 
{
	width: 29%;
	float: left;
	padding: 0;
	margin: 0;
}

div.threeColumns div.centerColumn
{
	width: 31%;
	margin: 0 4% 0 4%;
}

div.columns
{
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}

div.singlecolumn
{
	width: 80%;	
	margin: 0 auto;
}
	
div.columns div.column-25
{
	width: 23%;
	float: left;
	padding: 0;
	margin: 0;	
} 

div.columns div.column-75
{
	width: 74%;
	float: left;	
	padding: 0;
	margin: 0;	
}

div.columns div.column-40
{
	width: 38%;
	float: left;
	padding: 0;
	margin: 0;	
} 

div.columns div.column-60
{
	width: 59%;
	float: left;	
	padding: 0;
	margin: 0;	
}

div.columns div.column-35
{
	width: 34%;
	float: left;
	padding: 0;
	margin: 0 2% 0 0;	
} 

div.columns div.column-65
{
	width: 64%;
	float: left;	
	padding: 0;
	margin: 0 2% 0 0;	
}

/**
 * Navigation Elements
 */

/* ----------- Global navigation menus ----------- */

#globalnav li
{
	behavior: expression(
		this.onmouseover=new Function("this.className+=' hover'"),
		this.onmouseout=new Function("this.className=this.className.replace(' hover','')"),
		this.style.behavior=null
	);
}

#globalnav
{
        font-size: 90%;
        font-weight: normal;
        text-decoration: none;
        height: 100%;
        clear: both;
        margin:0;
}

#globalnav ul
{
        list-style: none;
}

/* Parent elements (those that can be expanded!) */
.globalnav-parent
{
        /* background: url('/template/bin/img/globalnav-arrow.gif') right center no-repeat; */
}

/* Top-level */
#globalnav ul
{
        width: 755px;
        margin: 0 auto 0 auto;
        padding: 0;
}

#globalnav ul a
{
        color: #664433;
        text-decoration: none;
        display: block;
        padding: 0.25em 1.75em 0.25em 0.75em;
        border: 0;
}

#globalnav ul li
{
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
}


/* Sub-level */
#globalnav ul li ul 
{
	margin: 0;
	padding: 0;
	position: absolute;
	left: -2px; /* Position relative to parent minus borders */
	top: 100%;
	background-color: #eaede1;
	width: 20em;
	border-top: none;
	border-left: 1px solid #bfc99d;
	border-right: 1px solid #bfc99d;
	border-bottom: 1px solid #bfc99d;
}

#globalnav ul ul a 
{ 
	/* background-color: #4B3117; */ 
}

#globalnav a:hover 
{
	color: #331100;
	text-decoration: none;
	background-color: #dae0c8;
}

#globalnav ul li ul li a 
{
	width: 18em; /* Must match width of pop-up, and exclude padding! */
	padding: 0.8em 1em 1em 1em;
}

/* Sub-sub-level */
#globalnav ul li ul li ul 
{
	margin: 0;
	padding: 0;
	top: 0.6em;
	left: 19em;
	background-color: #eaede1;
	border-top: 1px solid #bfc99d;
	border-left: 1px solid #bfc99d;
	border-right: 1px solid #bfc99d;
	border-bottom: 1px solid #bfc99d;
}

/* Pop-up behaviour, hidden by default, show on rollover */
#globalnav ul li:hover { z-index: 50; }
#globalnav ul li.hover { z-index: 50; }
#globalnav ul li ul li:hover { z-index: 100; }
#globalnav ul li ul li.hover { z-index: 100; }
#globalnav ul li ul { display: none; }
#globalnav ul li ul li ul { display: none; }
#globalnav ul li:hover ul li ul { display: none; }
#globalnav ul li.hover ul li ul { display: none; }

/* Show the pop-ups on rollover */
#globalnav li:hover ul { display: block; }
#globalnav li.hover ul { display: block; }
#globalnav ul li:hover ul li:hover ul { display:block; }
#globalnav ul li.hover ul li.hover ul { display:block; }

/* ----------- Context-level navigation ----------- */

#context-nav-container 
{
	padding: 40px 0px 10px 15px;
	height: 455px;
	width: 127px;
}

ul#context-nav, ul#context-nav ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#context-nav li 
{
	display: block;
	margin: 0 0 0.5em 0;
}

ul#context-nav li ul 
{
	margin-top: 10px;	
}

ul#context-nav li ul li 
{ 
	margin-bottom: 0px; 
}

ul#context-nav li span 
{
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	color: #000000;
	display: block;
	height: 1em;
	font-weight: normal;
	border-bottom: 0px solid #D7D2C7;
	margin: 0px 0px 6px 0px;
	padding: 10px 0px 4px 0px;
}

ul#context-nav li a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	color: #5D5A50;
	border: none;
	font-weight: normal;
	padding: 4px 0px 4px 16px;
	background: url('../graphics/main/bullet-off.gif') left center no-repeat;
	display: block;
}

ul#context-nav li a.current, ul#context-nav li a:hover 
{
	color: #5B8518;
	background: url('../graphics/main/bullet-on.gif') left center no-repeat;
	display: block;
	width: 85%;
}

ul#context-nav li a.link 
{
	display: block;
	width: 85%;
}

/* Hacks/fixes for context navigation bar */
:focus 
{
	/* Remove dotted outlines for links in Mozilla Firefox! */
	-moz-outline-style: none;
}

*html ul#context-nav li a 
{
	width: 100%;
}

*html ul#context-nav ul li a 
{
	/* Make entire list elements clickable for IE */
	width: 1px;
} 

/**
 * Named Forms
 */
 
div#inlinelogin
{
	width: 75%; 
	float: right; 
	text-align: right;
}

div#inlinelogin form
{
	display: inline; 
}

div#inlinelogin form label
{
/*	position:absolute;
	left:-3000px;*/
	font-size: smaller;
	color: #331100;
}

div#inlinelogin form input
{
	font-size: 75%; 
}

div#inlinelogin p, div#inlinenav p, div#userinfo p
{
	display: inline;
	font-size: 80%;
	color: #433;
}

div#inlinelogin p a, div#inlinenav p a
{
	text-decoration: none;
	color: #433;
}

div#inlinelogin p a:hover, div#inlinenav p a:hover
{
	text-decoration: underline;
}

div#userinfo 
{
	float: left;
}

div#userinfo p
{
	padding-left: 0.75em;
}

/**
 * Named Widgets
 */
 
ul.breadcrumbs
{
	list-style: none;
	margin: 0 0 0 0.5em;
	padding: 0;
	font-size: 85%;
	color: #331100;
}

ul.breadcrumbs li
{
	display: inline;
}

ul.breadcrumbs li.hidden
{
	display: none;
}

ul.breadcrumbs li a
{
	color: #446644;
	text-decoration: none;
	border: 0;
} 


ul.breadcrumbs li a:hover
{
	border-bottom: 1px solid #bfc99d;
}

/**
 * Text
 */
 
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%; 
}

#bodycontent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 95%;
	line-height: 120%;
	text-decoration: none;
	text-align: left;
	color: #3D3A30;
}

p 
{ 
	display: block; 
	margin-top: 0.5em; 
	margin-bottom: 1.5em;
}

h1.pageheading 
{
	margin: 0 0 0.2em 0;
}

h1 
{
	line-height: normal;
	font-weight: normal;
	font-size: 200%;
	color: #5B8518;
	margin: 0em 0 0.2em 0;
}

h2 
{
	line-height: normal;
	font-weight: normal;
	font-size: 130%;
	border-bottom: 1px solid #e8ece0;
	color: #5B8518;
	margin: 1.5em 0 0.5em 0;
}

h3 
{
	line-height: normal;
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
	border-bottom: 1px solid #e8ece0;
	color: #5B8518;
	text-align: left;
	margin: 0em 0 0.5em 0;	
}

h4 
{
	line-height: normal;
	font-weight: bold;
	font-size: 95%;
	text-decoration: none;
	color: #5B8518;
	text-align: left;
	margin: 0em 0 0 0;	
}

h5 
{
	line-height: normal;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
	margin: 0.5em 0 0.3em 0;	
}

h6 
{
	padding: 0;
	margin: 0;
}

/**
 * Links
 */

a:link, a:visited, a:active 
{
	color: #882200; 
	border-bottom: 1px solid #EEDDCC;
	text-decoration: none;
}

a:hover 
{
	border-bottom: 1px solid #660000;
	color: #333333; 
} 

a.noborder, a.noborder:link, a.noborder:visited, a.noborder:active, a.noborder:hover
{
	text-decoration: none;
	border: 0;
}

a img
{
	border: 0;
}

div.nolinkdec a
{
	text-decoration: none;
	border: 0;
}

div.nolinkdec a img
{
	border: 0;
}

/**
 * Lists
 */

ul li, ol li  
{
	padding: 0; 
	margin-top: 0em; 
	margin-bottom: 1em; 
}
 
/**
 * Tables
 */
.notableborders table, .notableborders table td, .notableborders table th 
{ 
	padding: 0; 
	border: none!important; /* XXX: what's this about? */
} 

/**
 * Misc Elements
 */
 
hr
{
	border: 0;
	background-color: #CCCCCC;
	height: 1px;
	margin: 1em 0 1em 0;
}

/**
 * Widgets
 */
 
/* Misc */

.hidden
{
	display: none;
} 
 
/* Browse */

#browse 
{
	list-style: none;
	font-size: 120%;
	font-weight: normal;
	color: #5B8518;
	text-align: left;
	margin: 2em 0 0 0;
}

#browse ul 
{
	list-style: none;
	font-weight: bold;
	font-size: 80%;
	color: #5B8518;
	text-align: left;
	margin: 1.5em 0 0 0;	
}
	
#browse ul ul 
{
	list-style: none;
	font-weight: bold;
	font-size: 100%;
	color: #333333;
	text-align: left;
	margin: 1.5em 0 0 0;	
}

#browse ul ul ul 
{
	list-style: none;
	font-weight: normal;
	font-size: 100%;
	color: #333333;
	text-align: left;
	margin: 1.5em 0 0 0;	
}

/*search*/

#search 
{
	margin: 0;
	padding: 0;
	top: 1.7em;
	left: 3em;
	background-color: #f2f0eb;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 2px solid #e6e4e0;
	border-bottom: 2px solid #e6e4e0;
	padding: 10px;
}
	
#results 
{
	padding: 1em 1em 1em 1em;
	margin-left: -1em;
	background-color: #f6f4f0;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #e6e4e0;
	border-bottom: 1px solid #e6e4e0;
	margin-bottom: 1em
}

#results-title 
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 120%;
	font-weight: bold;
	color: #5B8518;
	border-bottom: 1px solid #d6d4d0;
}
	
#results-description 
{
	color: #5B8518;
	font-weight: bold;
	margin-top: 2em;
}
	
#results-description p 
{
	color: #3D3A30;
	font-weight: normal;
}
	
#results-features 
{
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	line-height: 30%;
	color: #3D3A30;
	margin: 0em 0 0 0em;
}

/**
 * Confluence tables
 */
.confluenceTable 
{
	width: 100%; 
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}

.confluenceTh 
{
	padding: 5px;
	border: 2px solid #ffffff;
	background: #E8E0D0;
}

.confluenceTd 
{
	padding: 5px;
	border: 2px solid #ffffff;
	background: #F8F4E8;
}