/******************************************
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/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/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/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/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/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/bg_shadow_header.gif);
height: 117px;
}

#pageshadowdivider {
margin-left: auto;
margin-right: auto;
width: 980px;
background-image: url(../images/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: 25px 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 {
display: inline;
padding-left: 5px;
padding-right: 5px;
font-size: 8pt;
}

#topmenu form, #topmenu input, #topmenu button, #topmenu form div {
display: inline;
}

#mainmenu {
clear: both;
text-align: left;
background-image: url(../images/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 
{
color: #000000; 
float: left;
width: 160px;
margin: 0 0 0 10px;
padding: 0 20px 0 20px;
font: bold 8.25pt 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: #000000; 
}

#menu2 a:hover
{
color: #000000;
}

#menu2 a
{
color: #000000;
}

#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/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/bt_arrow2.gif);
}


.careers #menu2 #careers,
.sales #menu2 #sales,
.marketing #menu2 #marketing,
.service #menu2 #service,
.partner #menu2 #partner,
.analytics #menu2 #analytics,
.mobile #menu2 #mobile,
.legal #menu2 #legal,
.fs #menu2 #fs,
.md #menu2 #md,
.hc #menu2 #hc,
.hb #menu2 #hb,
.mf #menu2 #mf,
.fs #menu2 #fs #fsproducts,
.mf #menu2 #mf #mfproducts,
.summit #menu2 #summit,
.summit #menu2 #summit #breakouts,
.events #menu2 #events,
.events #menu2 #liveevents,
.events #menu2 #onlineevents,
.pr #menu2 #pr,
.coverage #menu2 #coverage,
.ps #menu2 #ps,
.partnerindustries #menu2 #partnerindustries
{
    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, #wrapper2 {
float: right;
width: 760px;
margin: 0 10px 0 0;

/*background-color: yellow;*/
}
#wrapper2 {
width: 960px;
}

	/******************************************
	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;	*/
	}
	div#wrapper2 div#content {
	float: right;
	width: 950px;
	margin-top: -8px;
	}
	div#wrapper2 div#content #right {
	float: right;
	width: 188px;
	margin-right: 13px;
	}
	
	.clear
	{
		clear: both;
	}
	
	#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;
	}

	/******************************************
	TABLE FORMATS
	******************************************/
	
	/*DEFAULT*/
	#content table {
	margin: 0px 0px 0px 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;
	}
	
	#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 td {
	border-collapse: collapse;
	border: 1px solid white;
	}	

	#content table.striped tr {
	background-color:#dbdbdb;
	}	

	#content table.striped tr.even {
	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: 199px;
	margin: 0px;
/*	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/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/bt_side_doublearrow.gif);
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 11px;
	}

	#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/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/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 FOOTER
******************************************/

#footer {
font-size: 7.5pt;
margin: 0 10px 0 10px;
padding: 40px 0 5px 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;
}

/******************************************
STYLES FOR EMAIL TIP
******************************************/

.tip {
	text-justify:auto;
	display:inline;
	cursor:pointer;
	color:A80D1F;
	font-weight:bolder;
	}

.tiptextRub {

font:  bold 11pt "Arial", Tahoma, Arial, sans-serif;
}

.tiptext {

font:  bold 9pt "Arial", Tahoma, Arial, sans-serif;
}

/******************************************
STYLES FOR TWO NEW LANDING PAGES
******************************************/

#bigpic
{
	width:			694px;
	height:			184px;
}
#bigpic
{
	width:			694px;
	height:			225px;
}
#bigpic .smallpic
{
	float:			left;
	margin-right:	3px;
}

#left
{
	float:			left;
	width:			694px;
}

.clear
{
	clear:			both;
}

.content_area
{
	width:			388px;
	float:			left;
	margin-left:	25px;
	margin-top:		15px;
}

#bigpic2_holder
{
	width:			200px;
	margin-left:	79px;
	float:			right;
	margin-top:		15px;
}
#bigpic2
{
	width:			200px;
	height:			250px;
}

#right
{
	float:			right;
}

#right form
{
	border:			1px solid #BBD0DF;
	width:			188px;
	position:		relative;
}
#content #right form h3
{
	background:		url(../images/form_header.jpg) repeat-x;
	height:			23px;
	line-height:	23px;
	margin:			0;
	color:			#fff;
	padding:		0 6px;
}
#right form img
{
	position:		absolute;
	right:			0;
	top:			-7px;
}
#right form label
{
	float:			left;
	min-width:		65px;
	margin-top:		9px;
	margin-bottom:	-5px;
	margin-left:	6px;
}
#right form input
{
	width:			103px;
	height:			16px;
	margin-top:		9px;
	margin-bottom:	-5px;
}
#right form textarea
{
	margin-top:		7px;
	margin-left:	6px;
}
#right form input.submit
{
	width:			91px;
	height:			31px;
	margin-top:		9px;
	margin-bottom:	5px;
	border:			none;
	outline:		none;
	background:		url(../images/submit.jpg);
	margin-left:	90px;
	cursor:			pointer;
}

#right .teaser
{
	width:			189px;
	height:			47px;
	border:			1px solid #BBD0DF;
	margin-top:		5px;
}