/******************************************
MAIN.CSS: Styles governing every webpage.
******************************************/

/******************************************
GENERAL STYLES
******************************************/

* { padding: 0; margin: 0; }  /* zero out default margins and padding */
.clear { clear: both; }
.titlecase { text-transform: capitalize; }
img { border: none; }

/*every link except in content column is black, and turns blue on rollover */
/*see content section to override a:link styles */
a { text-decoration: none; color: #000; }
a:visited { color: #000; }
a:hover { color: #05a; text-decoration: underline; }

body {
background-color: #c8d1de;
background-image: url(/images/theme/bg_blue_tile.gif);
background-position: top;
background-repeat: repeat-x;
font: 9pt Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
font-family: Tahoma, "Arial Narrow", Arial, sans-serif;
margin: 20px 20px 10px 0;
}

ul.more {
list-style-image: url(/images/theme/bt_doublearrow_mz.gif);
margin: 0 0 0 15px;
font: 8pt Tahoma, "Arial Narrow", Arial, sans-serif;
text-transform: uppercase;
}

ul#casestudylink {
font: 10pt Tahoma, "Arial Narrow", Arial, sans-serif;
}

.copyright { font-size: 6.5pt;}

/* superscript and subscript rendering */
h1 sup, h2 sup, h3 sup, h4 sup {font-size: 70%; vertical-align: top;} 
p sup {font-size: 90%; vertical-align: top;} 
h1 sub, h2 sub, h3 sub, h4 sub {font-size: 70%; vertical-align: bottom;} 
p sub {font-size: 90%; vertical-align: bottom;} 


	/******************************************
	GENERAL STYLE FOR CALLOUT BOXES
	******************************************/

	div.dropshadow { /* dropshadow below each div.box */
	margin: 0 10px 0 0;
	background-position: top right;
	background-image: url(/images/theme/bg_shadow_callouts.gif);
	background-repeat: no-repeat;
	height: 8px;
	border: 0;
	}

	div.box {
	margin: 0;
	border: 1px solid #c8d1de;
	}

	div.box h1 {
	background-color: #c8d1de;
	font-size: 9pt;
	padding: 5px;
	}

	div.box p {
	margin: 5px;
	}

	div.box ul {
	margin: 5px 5px 8px 18px;
	}

	div.box li {
	margin: 0 0 5px 0;
	}


/******************************************
STYLES FOR PAGE SHADOWING
******************************************/

#pageshadow {
margin-left: auto;
margin-right: auto;
padding-top: 10px; /* whitespace between divider image and breadcrumb */
width: 980px;

background-image: url(/images/theme/bg_shadow_body.gif);
background-repeat: repeat-y;
}

#pagecontainer {
/*background-color: #fff;*/
}


#pageshadowbottom {
margin-left: auto;
margin-right: auto;
width: 980px;
background-image: url(/images/theme/bg_shadow_bottom.gif);
background-repeat: no-repeat;
height: 10px;
}

/******************************************
STYLES FOR HEADER
******************************************/

#pageshadowheader {
margin-left: auto;
margin-right: auto;
width: 980px;
background-image: url(/images/theme/bg_shadow_header.gif);
background-repeat: repeat-y;
}

#pageshadowdivider {
margin-left: auto;
margin-right: auto;
width: 980px;
background-image: url(/images/theme/bg_shadow_divider.gif);
background-repeat: no-repeat;
height: 25px;
}

#header {
margin: 0 10px 0 10px;
}

#header img { /* company logo */
margin: 10px 0 7px 2px;
border: none;
float: left;
}

#header h1 { /* tagline */
text-align: right;
font:  bold 11pt "Arial", Tahoma, Arial, sans-serif;
font-variant: small-caps;
margin: 0;
/* padding: 48px 10px 0 0;
USE WHEN SEARCH BOX RE-INSTALLED */
padding: 35px 10px 0 0;
clear: right;
}

#topmenu {
text-align: right;
float: right;
font: 8pt Tahoma, "Arial Narrow", Arial, sans-serif;
margin: 5px 5px 0 0;
}

#topmenu a {
color: #000;
}

#topmenu ul {
list-style-type: none;
}

#topmenu ul li {

padding-left: 5px;
padding-right: 5px;
font-size: 8pt;
float:left;
position:relative;
line-height: 2.25em;
}

#topmenu ul li a {
line-height: 2.25em;
float:left;
}

#topmenu form, #topmenu input, #topmenu button, #topmenu form div {
display: inline;
}

#topmenu ul li img {
margin:0.5em 0 0 0.5em;
padding:0;
display: inline;
float:left;
}

#topmenu div#langselector {
border: 1px solid #9b9b9b;
background-color: #F8F7F7;
position: absolute;
top:2em;
right:5px;        
z-index: 100;      
width: 140px;       
text-align: left;
padding: 0.8em 14px;
margin: 0;
visibility: hidden;
line-height: 1em;
}

#topmenu div#langselector strong {
margin:0;
padding: 0 0 0.3em;
border-bottom: 1px solid #CDCCCC;
}

#topmenu div#langselector ul {
margin: 1.2em 0 0;
}

#topmenu div#langselector ul li {
margin: 0;
padding: 0;
display:block;      
float:none;
line-height:0;
}

#topmenu div#langselector ul li a {
float:none;
display:block;
line-height: 1em;
margin: 0 0 0.2em;
}

#topmenu div#langselector ul li a:hover{
color: #0057B5;
}

#topmenu input {
font: 9pt Arial, Helvetica, sans-serif;
}

#topmenu input#txtSearch {
width: 150px;
}

span.baskettotal, span.searchResultHeader
{
  font-weight: bold;
}

span.searchResultURL
{
  font-size: 10px;
  color: green;
}

#mainmenu {
clear: both;
text-align: left;
background-image: url(/images/theme/bg_curve.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #333;
margin: 5px 10px 0 10px;
width: 940px;
height: 27px;
}

#mainmenu ul {
list-style-type: none;
font-family: Tahoma, "Arial Narrow", Arial, sans-serif;
font-size: 9pt;
color: #ffffff;
padding: 5px 0 5px 0;
}

#mainmenu li {
display: inline;
padding: 0 10px 0 10px;
}


#mainmenu a {
text-decoration: none;
color: #fff;
}

#mainmenu a:hover {
text-decoration: underline;
}

/******************************************
STYLES FOR LEFT NAV (MENU2)
******************************************/

#menu2 {
float: left;
width: 160px;
margin: 0 0 0 10px;
padding: 0 20px 0 20px;
font: bold 8.75pt Tahoma, "Arial Narrow", Arial, sans-serif;
}


#menu2 h1 {
text-transform: uppercase;
font-size: 9pt;
margin: 0 20px 10px 0;
}

/* do not distinguish between visited and non-visited link */
#menu2 a:visited 
{
color: #000; 
}

#menu2 a:hover
{
color: #05a;
}

#menu2 ul {
list-style-type: none;
}

#menu2 li {
margin: 0 0 7px 0;
}

/* hide child nodes by default */
#menu2 ul ul, #menu2 ul ul ul {
display: none;
}

#menu2 ul ul li {
margin: 0 0 3px 0;
padding: 0 0 0 10px;
background-image: url(/images/theme/bt_arrow.gif);
background-repeat: no-repeat;
background-position: top left;
}

#menu2 ul ul ul li {
margin: 0 0 3px 10px;
background-image: url(/images/theme/bt_arrow2.gif);
}

#menu2 ul ul ul ul li {
margin: 3px 0 4px 0px;
background-image: url(/images/theme/bt_arrow3.gif);
}

/* Display active nav */
div.menu #menu2 ul.active
{
    display: block;
    font-weight: normal;
}

/*
display child nodes if parent is selected 
#menu2 ul ul.selected {	
display: block;
margin: 0 0 7px 0;
font-weight: normal;
}

display (grand)child nodes if immediate parent is selected 
#menu2 ul ul ul.selected {	
display: block;
margin: 3px 0 0 0;
}

#menu2 ul li a.selected, #menu2 ul ul li a.selected, #menu2 ul ul ul li a.selected
{
    color: red;
}
*/

/******************************************
STYLES FOR 3-COLUMN CONTENT LAYOUT
******************************************/

#wrapper {
float: right;
width: 760px;
margin: 0 10px 0 0;
/* background-color: yellow; */
}

	/******************************************
	STYLES INSIDE CONTENT COLUMN
	******************************************/

	#breadcrumb {
	font: 7.5pt Tahoma, "Arial Narrow", Arial, sans-serif;
	}

	div#wrapper div#content {
	float: left;
	max-width: 560px;
/*	background-color: blue;	*/
	}
	
	#content h1 {
	font-size: 14pt;
	margin: 25px 20px 15px 0;
	}

	#content h2 {
	font-size: 15px;
	}

	#content h3 {
	font-size: 13px;
	}

	#content h4 {
	font-size: 12px;
	margin: 20px 20px 0 0;
	}

	#content a {
	font-weight: normal; color: #05a;
	}

	#content strong a, #content h2 a, #content h3 a, #content h4 a {
	font-weight: bold;
	}
	
	#content a:visited {
	color: #05a;
	}

	
	#content p {
	margin: 0 20px 10px 0;
	}
	
	#content blockquote {
	margin: 0 20px 10px 0;
	font-style: italic;
	}

	#content ul {
	margin: 0 20px 10px 15px;
	}
	
	#content ol { 
	margin: 0 20px 10px 20px;
	}

    /* DEFAULT LIST SPACING IS 10px */
	#content li {
	margin: 0 0 10px 0;
	}
	
	/* REDUCE RESOURCE LIBRARY LIST SPACING TO SINGLE-SPACING */
	#content ul.singlespacing li 
	{
	    margin: 0 0 2px 0;
	}
	
	/* REDUCE MENU CALLOUT BOX LIST SPACING TO SINGLE-SPACING */
	#content ul.menu ul li {
	margin: 0 0 2px 0;
	}
	
	#content ul.menu li a {
	font-weight: bold;
	}
	
	#content ul.menu ul li a{
	font-weight: normal;
	}

	

	#content div.dropshadow { /* dropshadow below each div.box */
	margin: 0 30px 10px 0;
	}
	
	#content div.screenshot {
	float: right; 
	padding: 3px 0 10px 10px; 
	margin: 0 30px 0 0;
	text-align:center;
	}
	
	span.exclusive {font-size: 8pt; padding-left: 5px;}

	/* for logos featured in partner pages */
	#content img.partnerlogo {
	float: right; 
	margin: 0 20px 20px 20px; 
	padding: 10px; 
	border: solid 1px #c7c7c7;
	}

	/* for logos featured in customer pages */
	#content img.customerlogo {
	float: right; 
	margin: 0 10px 10px 10px; 
	padding: 10px; 
	border: solid 1px #c7c7c7;
	}

	/******************************************
	TABLE FORMATS
	******************************************/
	
	/*DEFAULT*/
	#content table {
	margin: 20px 25px 10px 0;
	}

	#content table td {
	vertical-align: top;
	}

	#content table p {
	margin: 0;
	}

	/*INDEX:  USE TO DISPLAY NON-EQUAL 2-COLUMN INDICES*/
	#content table.index td {
	padding: 0 10px 10px 0;
	/*padding: 8px 10px 8px 0;*/
	}

	#content table td.date {
	width: 130px;
	}
	
	/*CONTACT: */
	#content table.contact {
	margin: 0 20px 0 0;
	}

	#content table.contact td {
	width: 280px;
	vertical-align: top;
	padding: 0;
	}

	/*TIER1: */	
	#content table.tier1 {
	margin: 0 25px 10px 0;
	}

	/*MENU: USE TO DISPLAY BULLETED MENUS ACROSS 2 EQUAL-WIDTH COLUMNS */		
	#content table.menu {
	padding: 0 15px 15px 0;
	width: 530px;
	margin: 0 0 10px 0;
	}
	
		/*OFFICES*/	
	#content div.country {
	border: 1px solid #eee;
	padding: 0;
	margin: 10px 28px 10px 0;
	}
	
	#content div.country table.offices {
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
	#content div.country table.offices td {
	width: 50%;
	margin: 0;
	padding: 5px;
	
	}
	
	#content div.country h3 {
	margin: 0;
	padding: 5px 5px 10px 5px;
	border-bottom: 1px solid #eee;
	}
	
	#content div.country h3 img {
	position: relative;
	top: 4px;
	}
	
	
	#content div.box {
	margin: 20px 27px 0 0;
	background-color: #eef2f8;
	}

	#content div.box h1 {
	background-color: #eef2f8;
	font-size: 9pt;
	margin: 0;
	}

	#content div.box p {
	margin: 10px 5px 10px 5px;
	}

	#content div.box ul {
	margin: 10px 0 10px 18px;
	}

	#content div.box li {
	margin: 0 5px 5px 0;
	}
	
	#content div.box table.menu.callout {
	padding: 0 15px 0 0;
	}
	
	#content div.box table.callout ul {
	padding: 0;
	}
	
	#content table.menu td {
	width: 50%;
	}
	
	#content table.menu td li{
	margin: 0;
	}
	
	/***************************
	CUSTOMER SUMMIT SESSION TABLES
	***************************/
	table.session {
	width: 95%;
	}
	
	table.session td.heading {
	width: 23%;
	padding: 5px;
	}
	
	table.session td.description {
	width: 73%;
	padding: 5px;
	}

	
	/****************************
	EVENTS LISTINGS
	****************************/

	#content table.events p {
	margin: 0 0 5px 0;
	}

	#content table.events a {
	font-style: normal;
	}
	
	#content table.events p.location 
	{
    margin: 0 0 10px 0;
	font-style: italic;
	}

	
	/****************************
	CUSTOMER LISTINGS
	****************************/
		
	#content table.customers th 
	{
	    padding: 5px;
	}
	
	#content table.customers th a
	{
	    font-weight: bolder;
	    text-decoration: underline;
	}
	
	#content table.customers td 
	{
	    padding: 5px;
	}

	/****************************
	PARTNER LISTINGS
	****************************/
	
	#content table.partners th 
	{
	    display: none;
	}
	
	#content table.partners 
	{
	    width: 450px;
	}
	
	#content table.partners td 
	{
	    vertical-align: top;
	    padding: 0 10px 30px 0;
	}
	
	#content table.partners td.logo
	{
	    text-align: center;
	    width: 250px;
	    padding: 0;
	}

	/****************************
	COUNTRY JUMP MENUS
	****************************/
	
	#content table.country {
	width: 100%;
	margin: 0;
	}
	
	#content table.country td {
	width: 25%;
	vertical-align: top;
	padding: 0 5px 5px 5px;
	}
	
	#content table.country th {
	padding: 5px 5px 0 5px;
	margin-bottom: 0;
	text-align: left;
	}
	
	#content table.country th a {
	font-weight: bold;
	}

	#content table.country ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#content table.country li
	{
		margin: 0;
		padding: 0;
	}

	/******************************************
	STRIPED TABLES
	******************************************/
	
	#content table.striped {
	border-collapse: collapse;
	border: 1px solid white;
	}
		
	#content table.striped th {
	border-collapse: collapse;
	border: 1px solid white;
	padding: 5px;
	background-color: #807f83; 
	color: white;
	text-align: left;
	}
		
	#content table.striped td {
	border-collapse: collapse;
	border: 1px solid white;
	padding: 5px;
	}	

	#content table.striped tbody tr td {
	background-color:#e5e5e5;
	}	

	#content table.striped tbody tr.alt td {
	background-color:#f1f1f1;
	}	
	/******************************************
	STYLES FOR SIDEBAR
	******************************************/

	#sidebar a {
	font-weight: normal; color: #05a;
	}
	
	#sidebar a:visited {
	color: #05a;
	}

	#sidebar {
	float: right;
	font: 8pt Tahoma, "Arial Narrow", Arial, sans-serif;
	width: 200px;
/*	background-color: red;	*/
	}

	#sidebar div.quote {
	margin: 15px 10px 0 0;
	text-align: right;
	}
	
	#sidebar div.quote blockquote {
	color: #666;
	font-size: 13px;
	margin: 0 0 10px 0;
	}
	
	#sidebar div.quote p{
	font-size: 11px;
	}
	
	#sidebar div.quote img.rightquote {
	vertical-align: bottom;
	}

	#sidebar div.box {
	margin: 5px 10px 0 0;
	background-color: #eef2f8;
	}

	#sidebar div.box h1 {
	background-color: #c8d1de;
	font-size: 9pt;
	margin: 0;
	}
	
	
	#sidebar div.box ul {
	margin: 5px 5px 8px 5px;
	list-style-type: none;
	}
	
	#sidebar div.box li {
	background-image: url(/images/theme/bt_side_doublearrow.gif);
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 11px;
	}
	
	#sidebar #contactus ul {
	margin: 5px 5px 8px 5px;
	list-style-type: none;
	}

	#sidebar #contactus li {
	background-image: url(/images/theme/bt_side_doublearrow.gif);
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 11px;
	}
	
	#sidebar #contactus h2 {
	font-size: 8pt;
	padding: 5px 5px 3px 5px;
	margin: 0;
	}

	#sidebar div.box h2 {
	font-size: 8pt;
	padding: 5px 5px 3px 5px;
	border-top: 2px solid #fff;
	margin: 0;
	}

	#sidebar div.box h2.first {
	}
	
	#sidebar div#contactusheader {
	background-image: url(/images/theme/bg_contactus_heading.gif);
	background-repeat: no-repeat;
	height: 31px;
	}
	
	#sidebar div#contactusheader h1 {
	color: white;
	font-family: Tahoma, "Arial Narrow", Arial, sans-serif;
	font-size: 9pt;
	margin: 0;
	padding: 12px 0 0 7px;
	}

	#sidebar div#contactus  {
	margin: 0 10px 0 0;
	background-image: url(/images/theme/bg_contactus.gif);
	background-repeat: no-repeat;
	border: 1px solid #c8d1de;
	}
	
	#sidebar #contactus p {
	margin: 5px;
	}

	#sidebar a div.ad 
	{
	    color: Black;
	}
	
	#sidebar div.ad h1 
	{
	    background-color: #990000;
	    text-align: right;
	    color: White;
	}
	
	#sidebar div.ad 
	{
	    background-color: white;
	}
	
	#sidebar div.ad p
	{
	    font-weight: bold;
	}
	
	#sidebar strong a, #sidebar h1 a, #sidebar h2 a {
	font-weight: bold;
	}

/******************************************
STYLES FOR SITEMAP
******************************************/
.expandable
{
  list-style-image: url(../images/sitemap/plus.gif);
}
.leaf
{
  list-style-image: url(../images/sitemap/dot.gif);
  cursor: default;
}
.subList
{
  display: none;
}

/******************************************
STYLES FOR FOOTER
******************************************/

#footer {
font-size: 7.5pt;
margin: 0 10px 0 10px;
padding: 40px 0 30px 0;
position: relative;
bottom: 0px;
clear: both;
text-align: center;
}

#footer ul {
list-style-type: none;
margin: 3px 0 3px 0;
}

#footer li {
padding: 0 5px 0 5px;
display: inline;
}

#footer p {
margin-top: 2px;
}

#footer a:visited {
color: #000;
}
