/*
=========================
Skin styles for the Panacea Home Page layout
Created by Lloyd Wakelin - Futuresys Ltd 31/05/2007

Fonts are sized using EM
=========================
*/

html, body {
	padding:9px 9px 9px 9px;
	margin:0;
	text-align:center;
	background-color:#FFF;
	font:0.9em "Century Gothic", Arial, Helvetica, sans-serif;
	color:#000;
}

a img {
	border:none;
}

#page_wrapper {
	padding:0;
	margin:0 auto;
	text-align:left;
	width:877px;
	background-color:#FFFFFF;
}

#page_wrapper p
{
	padding:0;
	margin:0;
}

#header_wrapper 
{
	margin:0 0 10px 0;
	padding:9px 3px 0 3px;
}

.tagline 
{
	width:590px;
	padding:0;
	margin:0;
	font-weight:bold;
	float:left;
}

.tagline h1 
{
	height:30px;
	width:590px;
	background-image:url(infrastructure_h1bg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0;
	padding:6px 0 5px 32px;
	color:#FFF;
	font-weight:normal;
	font-size:1.3em;
}

#logo
{
	width:185px;
	padding:0;
	margin:0;
	float:right;
}

#topnav 
{
	padding:0;
	margin:0;
	background-color:#171314;
	width:877px;
	color:#FFF;
}

#housemenunav 
{
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:0.9em;
	float:right;
	border-right:1px solid #171314;
}

#housemenunavItemHOME 
{
	display:none;
}

#housemenunav ul 
{
	padding:0;
	margin:0;
	border-right:1px solid #171314;
}

#housemenunav li 
{
	list-style:none;
	float:left;
}

#housemenunav li a:link, #housemenunav li a:visited, #housemenunav li a:active 
{
	padding:0 8px;
	margin:0;
	color:#FFF;
	border-left:1px solid #FFF;
	text-decoration:none;
	background-color:#171314;
}

#housemenunav li a:hover 
{
	color:#000;
	background-color:#FFF;
	text-decoration:none;
}

/*#topnav_footer 
{
	padding:0;
	margin:0;
	background-image:url(navSolidBottomBorder.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:4px;
}*/

#content_wrapper 
{
	padding:0;
	margin:0;
	background-image:url(lnBg.gif);
	background-repeat:repeat-y;
}

#content
{
	float:right;
	width:557px;
	padding:40px 100px 20px 0;
	margin:1px 0 0 0;
	font-size:1.1em;
	text-align:left;
}

#content a:link, #content a:visited, #content a:active 
{
	text-decoration:underline;
	color:#00A2B1;
}

#content a:hover 
{
	text-decoration:underline;
	color:#00646C;
}

#content li 
{
	padding:0;
	margin:0;
	list-style-image:url(lightblue_bullet.gif);
}

#content p 
{
	padding:0 0 1em 0;
	margin:0;
}

#content tr 
{
	vertical-align:top;
}

#content a img, #sidebar a img
{
	border:none;
}

#content h2
{
	margin:0 0 1em 0;
	padding:0;
} 

#content h3, #content h4, #content h5, #content h6
{
	margin:0 0 0.1em 0;
	padding:0;
} 

#content .contentpane img, #content .contentpane_right img 
{
	border:0;
	padding:0 20px 20px 0;
	float:left;
}

#content .contentpane_right 
{
	width:377px;
	float:right;
	padding:0;
	margin:0;
}

#content .contentpane_right img 
{
	border:0;
	padding:0 20px 20px 0;
	float:left;
}


#content .vertical_image 
{
	width:150px;
	float:left;
	padding:0;
	margin:0;
}

#content .vertical_image img
{
	padding:0;
	margin:0;
}

#sidebar 
{
	float:left;
	width:180px;
	padding:14px 0 0 0;
	margin:0;
	background-image:url(lnMasterTopBorder.gif);
	background-repeat:no-repeat;
	background-position:top;
	font-size:0.75em;
}

#lnHOME, #lnCRM, #lnERP, #lnBUSI, #lnMS, #lnINFRA, #lnINTE
{
    /* all submenu lists */
	clear:both;
	padding:2px 0 12px 0;
    border: 0;
    margin: 0;
    list-style: none;
    background-color:#171314;
	background-image:url(lnItemBottomBorder.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	font-size:0.85em;
	width:180px;
	min-height:30px;
}

#sidebar li
{
	padding:0 5px 4px 5px;
	margin:0;
    list-style: none;
	font-weight:bold;
	display:block;
	width:170px;
}

#sidebar li a
{
	margin:0;
	padding:0 25px 0 0;
	display:block;
	width:135px;
	text-align:right;
	font-size:1.15em;
	color:#FFF;
	text-decoration:none;
}

	/* Submenu indent with hide for items below second level */
	#sidebar li ul
	{
		padding:0;
		margin:0;
		list-style:none;
	}
	
	#sidebar li ul li
	{
		padding:0;
		margin:0;
		list-style:none;
	}

	#sidebar li ul li a {
		margin:2px 0;
		padding:0 25px 0 0;
		display:block;
		width:135px;
		color:#FFF;
		text-decoration:none;
		background-image:url(ln_subli_bg.jpg);
		background-repeat:repeat-y;
	}
	
	#sidebar ul ul ul {
		display:none;
	}

#lnHOMEParentItem a, #lnCRMParentItem a, #lnERPParentItem a, #lnBUSIParentItem a, #lnMSParentItem a, #lnINFRAParentItem a, #lnINTEParentItem a
{
	min-height:21px;
	height:auto;
}

/* USE ESCAPE CHARS TO GET IE ONLY READING THIS */
/**/
* html #lnHOMEParentItem a, * html #lnCRMParentItem a, * html #lnERPParentItem a, * html #lnBUSIParentItem a, * html #lnMSParentItem a, * html #lnINFRAParentItem a, * html #lnINTEParentItem a
{
	height: 2.5em;
}
/**/

#lnHOMEParentItem a
{
	background-image:url(arrowWhite.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#lnCRMParentItem a
{
	background-image:url(arrowOrange.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#lnERPParentItem a
{
	background-image:url(arrowRed.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#lnBUSIParentItem a
{
	background-image:url(arrowPurple.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#lnMSParentItem a
{
	background-image:url(arrowBlue.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#lnINFRAParentItem a
{
	background-image:url(arrowLightBlueDown.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#lnINTEParentItem a
{
	background-image:url(arrowGreen.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#sidebar a img
{
	border:0;
}

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

#sidebar_footer 
{
	clear:both;
	padding:11px 0 0 0;
	margin:0;
	background-image:url(lnMasterBottomBorder.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#footer_wrapper 
{
	padding:15px;
	margin:0;
	background-image:url(lnBottom.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}	

#loginlinks 
{
	float:right;
	padding:0 0 5px 0;
	margin:0;
	font:0.8em "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#999999;
}

#footer 
{
	float:left;
	padding:0 0 5px 0;
	margin:0;
	font:0.8em "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#999999;
}

#footer .SkinObject, #loginlinks .SkinObject 
{
	color:#999999;
	font-weight:normal;
}

#footer a, #loginlinks a 
{
	color:#999999;
}

#footer a:hover, #loginlinks a:hover 
{
	color:#333333;
	text-decoration:none;
}

.clearboth {
  clear:both;
  height:0;
  font-size:0;
  line-height:0;
}

/*
------------------
Set Default font for modules
------------------
*/
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox 
{
	margin:0;
	padding:0;
	font:0.9em "Century Gothic", Arial, Helvetica, sans-serif;
	line-height:125%;
}

/*
------------------
Style for module titles
------------------
*/

.Head 
{
	font:1em "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
}

/* Style of item titles on edit and admin pages */
.SubHead 
{
	font-size:1em;
}

/* Module title style used instead of Head for compact rendering of QuickLinks and Signing */
.SubSubHead 
{
	font-size:1em;
}

/*
----------------
Button style for standard HTML buttons
----------------
*/
.StandardButton 
{
	font-size:1em;
}

/*
---------------
HTML Tag Styles
---------------
*/
H1, H2, H3, H4, H5, DT, H6
{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color:#000;
}

H1 
{
	font-size:1.5em;
	font-weight:bold;
}

H2 
{
	font-size:1.3em;
	font-weight:bold;
}

H3 
{
	font-size:1.1em;
	font-weight:bold;
}

H4, H5, DT
{
	font-size:1.0em;
	font-weight:normal;
}

H6 
{
	font-size:1.0em;
	font-weight:normal;
}

/*
-----------------
Links format added for opera browser
-----------------
*/

.Normal A:link, .Normal A:visited, .Normal A:active 
{
	text-decoration:none;
	color:#999999;
}

.Normal A:hover 
{
	text-decoration:underline;
}

/* This is the date eg. any items that are not links */

.SkinItem
{
	text-decoration:none;
	color:#999;
}

/* This sets the style for all skin items that are links */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active 
{
	text-decoration:none;
	color:#999;
}

A.SkinItem:hover
{
	text-decoration:underline;
	color:#999;
}