/* 
 * styles.css
 *
 * The styles.css file contains CSS styles that are used in all browsers.
 */

/*c0e0d1*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}



body {background-color: #fff; }

#Wrapper { background-color: #fff; width: 970px; } /* Width of "page" */
#MainChannel { width: 970px; } /* Width of left channel and center channel combined */
#SidebarPrimary { width: 227px; } /* Width of left channel */ 
#Content { width: 740px; } /* Width of center channel */
#SidebarSecondary { width: 286px; } /* Width of right channel */
#GeneralAbout { padding-left: 174px; }
/* = End Widths = */

body.noSidebarSecondary #MainChannel { width: 970px; }
body.noSidebarSecondary #Content { width: 740px; }

body.noSidebarPrimary #MainChannel { width: 740px; }
body.noSidebarPrimary #Content { width: 740px; }

body.noSidebarPrimaryOrSidebarSecondary #MainChannel { width: 970px; }
body.noSidebarPrimaryOrSidebarSecondary #Content { width: 970px; }
body.noSidebarPrimaryOrSidebarSecondary #Mast { padding-left: 4px; }

body.homepage #MainChannel { width: 630px; }
body.homepage #Content { width: 630px; }
body.homepage #SidebarSecondary { width: 286px; padding: 0; }

body.integrationSolutions #Mast {
	background: url(../Images/mast-bg.png) no-repeat 100% 0;
	clear: both;
	padding: 3px 0 4px;
}
body.integrationSolutions #MainChannel { width: 745px; overflow: hidden; }
body.integrationSolutions #Content { width: 745px; }
body.integrationSolutions #SidebarSecondary { width: 215px; }

body.caseStudy #Mast {
  background: none;
  clear: both;
	padding-left: 4px;
	left: 4px;
}
body.caseStudy #MainChannel { width: 720px; }
body.caseStudy #Content { width: 720px; }
body.caseStudy #SidebarSecondary { width: 221px; margin-right:25px; }

#Wrapper {
  margin: 0 auto; /* Make content centered */
}

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { display: none; }

#Header { position: relative; z-index: 10; }

#SiteId {position:relative; padding:15px 0 2px	 17px;}
#TagLine {position:absolute; top:19px; right:15px;}

#ToolBar {position:absolute; top:63px; right:15px; font-size:.9em;}
#ToolBar li {float:left; background:url("../Images/toolbar-divider.gif") center right no-repeat; padding:0 10px 0 10px;}
#ToolBar li.last {background:0; padding-right:0;}
#ToolBar a {text-decoration:none; color:#80878f;}
#ToolBar a:hover {text-decoration:underline;}

/* Top Navigation */
ul#NavigationPrimary { z-index: 2; }
  ul#NavigationPrimary li {
    float: left; /* Keep nav in a line */
    position: relative;
	
/*    z-index: 6;*/
  }
    ul#NavigationPrimary li li { float: none; }
    ul#NavigationPrimary li a {
      background-position: 0 0;
      background-repeat: none;
      display: block;
      outline: none;
      text-decoration: none;
      text-indent: -32000px;
      height: 37px;
    }
      ul#NavigationPrimary li li a { text-indent: 0; }
      ul#NavigationPrimary li a.over, ul#NavigationPrimary li a.active { background-position: 100% 0; }
      
    ul#NavigationPrimary li ul { /* First level of flyouts */
      display: none;
      position: absolute;
      width: 100px;
      left: -1px;
      top: 100%;
      z-index: 8;
    }
      ul#NavigationPrimary li.over ul { display: block; }
        ul#NavigationPrimary li.over li ul { /* Second level of flyout */
          display: none;
          left: 99px;
          top: 0;
/*          z-index: 9;*/
        }
          ul#NavigationPrimary li.over li.over ul { display: block; }

    ul#NavigationPrimary li#NavigationPrimaryIntegrationSolutions a { background-image: url(../Images/service.png); width: 208px; }
    ul#NavigationPrimary li#NavigationPrimaryCaseStudies a { background-image: url(../Images/technology.png); width: 131px; }
    ul#NavigationPrimary li#NavigationPrimaryCustomers a { background-image: url(../Images/ourclients.png); width: 123px; }
    ul#NavigationPrimary li#NavigationPrimaryPartners a { background-image: url(../Images/partners.png); width: 109px; }
    ul#NavigationPrimary li#NavigationPrimaryNewsEvents a { background-image: url(../Images/portifolio.png); width: 157px; }
    ul#NavigationPrimary li#NavigationPrimaryServices a { background-image: url(../Images/intranet.png); width: 110px; }
    ul#NavigationPrimary li#NavigationPrimaryCompany a { background-image: url(../Images/careers.png); width: 129px; }

#MainBody { position: relative; }
body.integrationSolutions #MainBody { background: url(../Images/mainbody-bg.png) no-repeat 100% 0; margin-bottom: 20px; margin-right: 10px; }
/* Wrap left and center channel so that we can put center channel first in markup for optimal content ordering */
#MainChannel { float: left; }

/* Left channel */
#SidebarPrimary { float: left; }
  
    #SidebarPrimary blockquote { float: right; padding-bottom: 10px; width: 227px; }
    #SidebarPrimary blockquote .header { background: url(../Images/side-quote-top.png) no-repeat 0 0; height: 18px; width: 100%; }
    #SidebarPrimary blockquote .channel { background: url(../Images/side-quote-channel.png) no-repeat 0 0; }
      #SidebarPrimary blockquote .channel .content {
        color: #369;
        font-size: 92%;
        padding: 0 18px;
      }
      #SidebarPrimary blockquote .channel q { font-style: italic; }
      #SidebarPrimary blockquote .channel cite { display: block; padding-top: 5px; }
    #SidebarPrimary blockquote .footer { background: url(../Images/side-quote-bottom.png) no-repeat 0 0; height: 16px; width: 100%; }

/* Center channel */
/* Put a corner on */
#IntegrationSolutionsCorner {
  background: url(../Images/corner.gif) no-repeat 100% 100%;
  clear: both;
  font-size: 1%;
  height: 7px;
  left: 952px;;
  position: relative;
  width: 8px;
}
.homepage #ContentChannel {padding:0;}
#ContentChannel {padding:0 20px;}
.homepage #Mast {height:310px;}
#Mast {height:128px; position:relative;}
#MastText {color:#fff; position:absolute; top:40px; left:20px; font-size:1.8em; font-weight:bold;}
#MastText i {font-weight:normal; font-size:.9em;}
  /* Support for #Mast without any intro text */
  .withoutIntroText { margin-bottom: 40px; }
  
  
body.integrationSolutions #Mast { height: 216px; margin-right: 10px; }
body.integrationSolutions #Mast .primary {
  background: url(../Images/mast-primary-bg.gif) no-repeat 0 0;
  color: #fff;
  float: left;
  height: 216px;
  width: 598px;
  position: relative;
}
  body.integrationSolutions #Mast .primary .content { padding: 20px 20px 20px 20px; }
  body.integrationSolutions #Mast h1 {
    color: #fff;
    font-size: 174%;
    line-height: 200%;
  }
  body.integrationSolutions #Mast ul.moreInfo {
    position: absolute;
    bottom: 15px;
  }
    body.integrationSolutions #Mast ul.moreInfo li { 
      background: url(../Images/mast-moreinfo-lt-bg.gif) no-repeat 0 0;
      float: left;
      height: 31px;
      margin-right: 15px;
      padding-left: 7px;
    }
      body.integrationSolutions #Mast ul.moreInfo li .content { 
        background: url(../Images/mast-moreinfo-rt-bg.gif) no-repeat 100% 0;
        float: left;
        height: 31px;
        padding: 0;
      }
      body.integrationSolutions #Mast ul.moreInfo li a {
        color: #a1bbd5;
        display: block;
        font-weight: bold;
        text-decoration: none;
        padding: 7px 10px 6px 3px;
      }
        body.integrationSolutions #Mast ul.moreInfo li a.movie {
          background: url(../Images/movie.gif) no-repeat 3px 50%;
          padding-left: 23px;
        }
        body.integrationSolutions #Mast ul.moreInfo li a.pdf {
          background: url(../Images/pdf.gif) no-repeat 3px 50%;
          padding-left: 28px;
        }
body.integrationSolutions #Mast .secondary {
  display: table;
  float: right;
  height: 216px;
  overflow: hidden;
  width: 352px;
}
  body.integrationSolutions #Mast .secondary .content {
	color: #3e5e7e;
	display: table-cell;
	padding: 0 30px;
	vertical-align: middle;
}
  body.integrationSolutions #Mast .secondary q { font-style: italic; }
  body.integrationSolutions #Mast .secondary cite {
	display: block;
	font-weight: bold;
	padding-top: 10px;
}
  
body.caseStudy #ContentChannel {padding:0px 25px 0px 0px;margin:0px 0px 15px 30px;}
body.caseStudy #Mast {height: 183px; padding: 0 0 5px 0; }
body.caseStudy #Mast .primary {
  background: url(../Images/mast-blue-bg.png) no-repeat 0 0;
  color: #fff;
  float: left;
  height: 169px;
  width: 606px;
  position: relative;
}
body.caseStudy #Mast .primaryNoQuote {
  background: url(../Images/case-studies-detail-long.png) no-repeat 0 0;
  color: #fff;
  float: left;
  height: 169px;
  width: 960px;
  position: relative;
}
  body.caseStudy #Mast .primary .content, body.caseStudy #Mast .primaryNoQuote .content { padding: 20px 20px 20px 20px; }
  body.caseStudy #Mast h1 {
    color: #fff;
    font-size:1.8em; 
		font-weight:bold;
  }
	body.caseStudy #Mast h1 i {
    font-size: 0.9em;
		font-weight: normal;
  }
  body.caseStudy #Mast ul.moreInfo {
    position: absolute;
    bottom: 15px;
  }
    body.caseStudy #Mast ul.moreInfo li { 
      background: url(../Images/mast-moreinfo-lt-bg.gif) no-repeat 0 0;
      float: left;
      height: 31px;
      margin-right: 15px;
      padding-left: 7px;
    }
      body.caseStudy #Mast ul.moreInfo li .content { 
        background: url(../Images/mast-moreinfo-rt-bg.gif) no-repeat 100% 0;
        float: left;
        height: 31px;
        padding: 0;
      }
      body.caseStudy #Mast ul.moreInfo li a {
        color: #a1bbd5;
        display: block;
        font-weight: bold;
        text-decoration: none;
        padding: 7px 10px 6px 3px;
      }
        body.caseStudy #Mast ul.moreInfo li a.movie {
          background: url(../Images/screen.gif) no-repeat 3px 50%;
          padding-left: 23px;
        }
        body.caseStudy #Mast ul.moreInfo li a.hotTopic {
          background: url(../Images/flames.gif) no-repeat 3px 50%;
          padding-left: 28px;
        }
body.caseStudy #Mast .secondary {
  display: table;
  float: right;
  height: 169px;
  overflow: hidden;
  width: 362px;
}
  body.caseStudy #Mast .secondary .content {
	color: #3e5e7e;
	display: table-cell;
	padding: 0 30px;
	vertical-align: middle;
}
  body.caseStudy #Mast .secondary q { font-style: italic; }  
  body.caseStudy #Mast .secondary cite {
    display: block;
    font-weight: bold;
    padding-top: 10px;
  }
	
#Content {
  float: right;
  color:#505156;
  margin-bottom:20px;
}

#ContentLibrary {
  float: left;
  color:#505156;
  margin-bottom:20px;
}

  body.integrationSolutions #Content { margin-bottom: 0; }
	body.caseStudy #Content { margin-bottom: 0; }
  
  #ContentLibrary a {color:#4575a8;}
    #ContentLibrary a:hover {color:#f02528;}

  #Content a {color:#4575a8;}
    #Content a:hover {color:#f02528;}
  #Content p {padding-bottom:20px;}

  body.homepage #Content a {color:#373634;}
    body.homepage #Content a:hover {color:#f02528;}
  body.homepage #Content p {padding-bottom:0;}

  #Content ul.bullet {list-style:url("../Images/bullet_big.gif");}
  #Content .right {text-align:right;}
  #Content hr {border:0; border-bottom:1px solid #e0e0e0; height:1px;}


  #Content .contentCustomerLogoText p { margin-left: 118px; }
  #Content .pdflink { width:160px; height:45px; background:url("../Images/pdf-link-bg.gif") no-repeat; float:right; font-size:.9em; margin: 0 0 10px 10px; }
    #Content .pdflink a {font-weight:bold; text-decoration:none; padding:8px 0 8px 40px; display:block;}
  #Content .formlink { width:160px; height:45px; background:url("../Images/form-link-bg.png") no-repeat; float:right; font-size:.9em; margin: 0 0 10px 10px; }
    #Content .formlink a {font-weight:bold; text-decoration:none; padding:8px 0 8px 50px; display:block;}

  #Content blockquote { float: right; padding-bottom: 10px; width: 229px; }
    #Content blockquote .header { background: url(../Images/quote-top.png) no-repeat 0 0; height: 18px; width: 100%; }
    #Content blockquote .channel { background: url(../Images/quote-channel.png) no-repeat 0 0; }
      #Content blockquote .channel .content {
        color: #369;
        font-size: 92%;
        padding: 0 18px;
      }
      #Content blockquote .channel q { font-style: italic; }
      #Content blockquote .channel cite { display: block; padding-top: 5px; }
    #Content blockquote .footer { background: url(../Images/quote-bottom.png) no-repeat 0 0; height: 16px; width: 100%; }
    
    #Content table { 
      border: 0px solid #CCCCCC;
      margin-bottom: 20px;
      width: 100%;
    }
	#Content table td.Client{ 
      border: 0px solid #CCCCCC;
      padding: 10px 10px 10px 10px;
	  vertical-align: top;
    }
	#Content table td.Client img{ 
      border: 0px solid #CCCCCC;
    }

	#Content table.ClientTable{ 
      border: 0px solid #CCCCCC;
    }
	
      #Content table th {
        background: url(../Images/table-header-bg.png) repeat-x 0 0;
        border-right: 1px solid #CCCCCC;
        border-top:2px solid #CCCCCC;
        border-bottom:none;
        color: #369;
        font-weight: bold;
        height: 33px;
        padding: 0 12px;
      }
      #ContentChannel table td {
        border-bottom: 1px solid #CCCCCC; background-color: #e1e8f0;
        border-right: 1px solid #CCCCCC; background-color: #e1e8f0;
        background-position: 19px 50%;
        background-repeat: no-repeat;
        font-size: 92%;
        padding: 10px 5px 10px 45px;
      }
	   #ContentChannel table td.news {
        border-bottom: 1px solid #CCCCCC; background-color: #e1e8f0;
        border-right: 1px solid #CCCCCC; background-color: #e1e8f0;
        background-position: 19px 50%;
        background-repeat: no-repeat;
        font-size: 92%;
        padding: 10px 5px 10px 5px;
      }
        #ContentChannel table td.positive { background-image: url(../Images/green-chk.gif); }
        #ContentChannel table td.negative { background-image: url(../Images/red-x.gif); }
      #ContentChannel table tr.alt td { background-color: #e9eef4; }
	  #ContentChannel table tr.newslight td.news { background-color: #F0F5FC; }
	  #ContentChannel table tr.newsdark td.news { background-color: #E7EEF7; }
body.integrationSolutions #ContentChannel { padding: 25px 0 0 0; }
  body.integrationSolutions #ContentChannel ul.navigation { 
    background: url(../pics/integration-solutions/tab-base-bg.png) no-repeat 0 100%;
    list-style: none;
    padding: 0 0 6px 23px;
    margin: 0;
  }
    body.integrationSolutions #ContentChannel ul.navigation li {
      background: url(../Images/tab-lt-bg.png) no-repeat 0 0;
      float: left;
      padding: 0;
      height: 28px;
      padding-left: 15px;
      margin-right: 5px;
    }
      body.integrationSolutions #ContentChannel ul.navigation li.tabSelected {
        background: url(../Images/tab-active-lt-bg.png) no-repeat 0 0;
        height: 34px;
        margin-bottom: -7px;
      }
      body.integrationSolutions #ContentChannel ul.navigation li a {
        background: url(../Images/tab-rt-bg.png) no-repeat 100% 0;
        color: #999;
        display: block;
        font-size: 100%;
        font-weight: bold;
        padding: 7px 15px 6px 0;
        text-decoration: none;
      }
        body.integrationSolutions #ContentChannel ul.navigation li.tabSelected a {
          background: url(../Images/tab-active-rt-bg.png) no-repeat 100% 0;
          color: #7da52e;
          padding-bottom: 9px;
        }
  body.integrationSolutions #ContentChannel .channel { margin: 20px 40px 0 40px; }
    body.integrationSolutions #ContentChannel .channel img { margin-bottom: 33px; }
    
  body.integrationSolutions #ContentChannel .footer {
    background: url(../Images/footer-bg1.gif) no-repeat 0 0;
    height: 51px;
    margin: 0 36px 0 40px;
    padding-left: 13px;
  }
    body.integrationSolutions #ContentChannel .footer .content {
      padding-top: 14px;
      padding-right: 19px;
    }
    body.integrationSolutions #ContentChannel .footer ul {
      float: left;
      list-style: none;
      margin: 0;
      padding: 0;
    }
      body.integrationSolutions #ContentChannel .footer ul li { 
        background: url(../Images/footer-button-lt-bg.gif) no-repeat 0 0;
        float: left;
        margin-right: 10px;
        padding-left: 7px;
      }
        body.integrationSolutions #ContentChannel .footer ul li a {
          background: url(../Images/footer-button-rt-bg.gif) no-repeat 100% 0;
          display: block;
          font-weight: bold;
          padding: 5px 15px 6px 8px;
          text-decoration: none;
        }
    body.integrationSolutions #ContentChannel .footer h3 {
      background: url(../Images/blue-arrow.png) no-repeat 100% 50%;
      float: right;
      padding: 4px 15px 4px 0;
      font-weight: bold;
    }
    	body.integrationSolutions #ContentChannel .footer h3.previous
    	{
	background: url(../Images/blue-arrow-lt.png) no-repeat 0 50%;
	float: left;
	padding: 4px 0 4px 15px;
	margin-left : 45px;
}

#IntroText {
	background:url("../Images/intro-bg.gif") bottom left;
	position:relative;
	padding:10px 20px 40px 20px;
	width:692px;
	font-weight:bold;
	color:#3e5e7e;
	top: -8px;
}
	/* Support for #IntroText with an intro link */
	.withIntroLink { padding-right: 200px !important; width: 512px !important; }
	
/* --- For Intro Text on Wide (whitepaper thankyou) pages ---*/
#IntroTextWide { 
	background:url("../Images/intro-widebg.gif") bottom left;
	position:relative;
	padding:10px 20px 40px 20px;
	width:920px;
	font-weight:bold;
	color:#3e5e7e;
	top: -8px;
	left: 4px;
}
	/* Support for #IntroTextWide with an intro link */
#IntroTextWide.withIntroLink { padding-right: 250px !important; width: 690px !important; }

	
	
#IntroLink {position:absolute; top:15px; right:10px; width:184px; height:60px; color:#a1bbd5; background:url("../Images/intro-pdf-link-bg.gif") no-repeat; font-size:.9em;}
#IntroLink p {position: absolute; top: 5px; left: 50px; /*margin-top: -50px;*/ padding:8px 0 0 0;}
#IntroLink a {position: relative; color:#ccc; font-weight:normal; font-size:.9em; padding:0; /*0 8px 0;*/ display:block; width:184px; height:60px; text-decoration:none;}
#IntroLink a:hover {color:#a1bbd5;}

/*Intro Link Wbnr is div ID for "Play webinar" button and descendents*/
#IntroLinkWbnr {position:absolute; top:15px; right:10px; width:184px; height:60px; color:#a1bbd5; background:url("../Images/intro-wbnr-link-bg.png") no-repeat; font-size:.9em;}
#IntroLinkWbnr p {position: absolute; top: 5px; left: 50px; /*margin-top: -50px;*/ padding:8px 0 0 0;}
#IntroLinkWbnr a {position: relative; color:#ccc; font-weight:normal; font-size:.9em; padding:0; /*0 8px 0;*/ display:block; width:184px; height:60px; text-decoration:none;}
#IntroLinkWbnr a:hover {color:#a1bbd5;}


ul#Breadcrumbs { float: left;  font-size:.85em; margin:8px 0 0 25px; height:25px;}
  ul#Breadcrumbs li { float: left; }
  ul#Breadcrumbs em {color:#333; font-weight:bold;}
  ul#Breadcrumbs a {padding-right:12px; margin-right:5px; color:#4575a8; background:url("../Images/breadcrumb-divider.gif") center right no-repeat;}
  ul#Breadcrumbs a:hover {color:#f02528;}
  
ul#PageTools { float: right; font-size:.85em; margin:8px 25px 0 0; height:25px;}
  ul#PageTools li { float: left; }
  ul#PageTools a {color:#4575a8; }
  ul#PageTools a:hover {color:#f02528;}
  
/* Right Channel */
#SidebarSecondary {
  float: right;
}

#Footer {text-align:center; color:#666; font-size: 85%; margin-bottom:20px; width:966px;height:29px; background:url("../Images/footer-bg1.gif");}
#Footer p.copy { float: left; display: inline; padding-right:10px; margin: 7px 0 0 180px; }
#Footer ul.siteLinks li { float: left; background:url("../Images/toolbar-divider.gif") center right no-repeat; padding:0 5px; margin-top:7px;}
#Footer ul.siteLinks li.last {padding-right:0; background:0;}
#Footer a {color:#666; text-decoration:none;}
#Footer a:hover {text-decoration:underline;}

.homepage #Footer { color:#666; font-size: 85%; margin-bottom:20px; }
.homepage #Footer p.copy { float: left; padding-right:10px;}
.homepage #Footer ul.siteLinks li { float: left; background:url("../Images/toolbar-divider.gif") center right no-repeat; padding:0 5px;}
.homepage #Footer ul.siteLinks li.last {padding-right:0; background:0;}
.homepage #Footer a {color:#666; text-decoration:none;}
.homepage #Footer a:hover {text-decoration:underline;}
	
/* Secondary Navigation */
#NavigationSecondary p {color:#acc95f; font-size:1.15em; font-weight:bold; background:url("../Images/begin-navigation-secondary.gif") top left no-repeat; padding:14px 15px 6px 15px;}
#NavigationSecondary ul {background:url("../Images/navigation-secondary-bg.gif") bottom left no-repeat; padding-bottom:5px; margin-bottom:10px;}
#NavigationSecondary a {border-top:1px dotted #ccc; text-decoration:none; color:#333; display:block; padding:5px 10px; width:195px; margin-left:5px;}
#NavigationSecondary a:hover {color:#4575a8;}
#NavigationSecondary li.active a {color:#4575a8; font-weight:bold; background:url("../Images/navigation-secondary-arrow.gif") center right no-repeat;background-color:#DAE2EA;}

#NextSteps { margin-bottom: 20px; }
  #NextSteps h2 {
  	background:url("../Images/next-steps-title.png") no-repeat 50% 0;
    color: #fff;
    font-weight: bold;
  	padding: 8px 0 6px 13px;
  	text-transform: uppercase;
  }
  #NextSteps ul { }
    #NextSteps ul li { background:url("../Images/next-steps-bg.png") no-repeat 50% 0; padding: 1px;  }
      #NextSteps ul li.last { background: url(../Images/next-steps-last-bg.png) no-repeat 50% 0; }
      #NextSteps ul li a {
        background: url(../Images/arrow.png) no-repeat 95% 50%;
        color:#666;
        display:block;
        padding: 3px 15px 5px;
        text-decoration:none;
      }
      #NextSteps ul li a:hover {color:#4575a8;}
      
#SidebarSecondary { padding-top: 20px; }
  #SidebarSecondary h3 {
    color: #7da52e;
    font-weight: bold;
    text-align: center;
  }
  
  #SidebarSecondary ul#Appliances { }
    #SidebarSecondary ul#Appliances li { 
			position: relative;
			z-index: 2; 
			margin:0;
			height:100%;
		}
      #SidebarSecondary ul#Appliances li a {
        background-position: 50% 0;
        background-repeat: no-repeat;
        color: #4575A8;
        display: block;
        font-size: 92%;
        font-style: italic;
        position: relative;
        text-decoration: none;
      }
        #SidebarSecondary ul#Appliances li span { 
          position: absolute;
          bottom: 5px;
          width: 100%;
          text-align: center;
        }
        #SidebarSecondary ul#Appliances li a:hover, #SidebarSecondary ul#Appliances li a.over {
          background-color: #4373a6;
          background-position: 50% 100%;
          color: #fff;
        }
				#SidebarSecondary ul#Appliances li .flyout {
					display: block;
					background: url(../Images/appliance-flyout-bg.gif) no-repeat;
					position: absolute;
					top: 0;
					left: -370px;
					height: 160px;
					width: 340px;
					color: #fff;
					font-size: 92%;
					padding: 15px;
				}
				#SidebarSecondary ul#Appliances li .flyoutFooter {
					display: block;
					position: absolute;
					top: 150px;
					left: -371px;
					height: 25px;
					width: 340px;
				}
				#SidebarSecondar ul#Appliances .button {
					float: right;
					width: 130px;
				}
				#SidebarSecondar ul#Appliances .button ul {
					float: right;
      		list-style: none;
      		margin: 0;
      		padding: 0;
				}
				#SidebarSecondary ul#Appliances li .button ul li {
					background: url(../Images/footer-button-lt-bg.gif) no-repeat 0 0;
        	float: right;
        	margin-right: 0;
        	padding-left: 7px;
				}
				#SidebarSecondary ul#Appliances li .button ul li a {
					background: url(../Images/footer-button-rt-bg.gif) no-repeat 100% 0;
          display: block;
          font-weight: bold;
          padding: 5px 15px 6px 8px;
          text-decoration: none;
					font-style: normal;
				}
				
				#SidebarSecondary ul#Appliances li .button a:hover {
					background: url(../Images/footer-button-rt-bg.gif) no-repeat 100% 0;
					font-style: normal;
					color: #4575A8;
				}
				
				#SidebarSecondary ul#Appliances li .flyout .footer {
					padding-top: 25px;
					color: #719B24;
					font-weight: bold;
				}
				
				#SidebarSecondary ul#Appliances li .footer .links {
					color: #fff;
					display: inline;
					font-weight: bold;
				}
				#SidebarSecondary ul#Appliances li .footer .links a, #SidebarSecondary ul#Appliances li .footer .links a:hover{
					background: none;
					color: #fff;
					text-decoration: none;
					display: inline;
					font-style: normal;
				}
				
				
  #SidebarSecondary ul#NextSteps { }
    #SidebarSecondary ul#NextSteps li {
      background: url(../Images/footer-button-lt-bg.gif) no-repeat 0 0;
      margin: 5px 15px;
      padding-left: 7px;
    }
      #SidebarSecondary ul#NextSteps li .content {
        background: url(../Images/footer-button-rt-bg.gif) no-repeat 100% 0;        
      }
      #SidebarSecondary ul#NextSteps li a {
        background: url(../Images/arrow.png) no-repeat 97% 45%;
        color: #4575a8;
        display: block;
        font-size: 92%;
        padding: 5px 15px 6px 8px;
        text-decoration: none;
      }
    
/* Utility Classes */
ul.buttons {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;  
}
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


    
/* Home page ids and classes */
	#Content ul.promos {
		list-style: none;
		list-style-type: none;
		list-style-image: none;
		margin: 0;
	}
	  #Content ul.promos li {
	  	cursor: pointer;
  		height: 80px;
   	  margin-bottom: 5px;
   	  padding: 1px;
   	  position: relative;
	  }
	  #ContentLibrary ul.promos li {
	  	cursor: pointer;
  		height: 80px;
		width: 623px;
   		margin-bottom: 5px;
   		padding: 1px;
   		position: relative;
	  }
	    #Content ul.promos li#boxone { background:url("../Images/box-one.png") no-repeat 0 0; }
	    #Content ul.promos li#boxtwo { background:url("../Images/box-two-4000.png") no-repeat 0 0; }
	    #Content ul.promos li#box-pb { background:url("../Images/box-pb .png") no-repeat 0 0; }
	    #Content ul.promos li#box-DF08 { background:url("../Images/box-DF08.png") no-repeat 0 0; }
		#Content ul.promos li#box-DF09 { background:url("../Images/box-DF09.png") no-repeat 0 0; }
	    #Content ul.promos li#box-cloud { background:url("../Images/box-cloud.png") no-repeat 0 0; }
	    #Content ul.promos li#box-1 { background:url("../Images/box-1.png") no-repeat 0 0; }
	    #Content ul.promos li#box-2 { background:url("../Images/box-2.png") no-repeat 0 0; }
	    #Content ul.promos li#boxthree { background:url("../Images/box-three.gif") no-repeat 0 0; }
	    #Content ul.promos li#boxfour { background:url("../Images/box-four.png") no-repeat 0 0; }
	    #Content ul.promos li#boxfive { background:url("../Images/box-five.png") no-repeat 0 0; }
	    #Content ul.promos li#boxsix { background:url("../Images/box-six.png") no-repeat 0 0; }
		#ContentLibrary ul.promos li#box-cloud1 { background:url("../Images/box-cloud1.png") no-repeat 0 0; }
		#box-cloud1 { 
		height: 80px;
		width: 623px;
   		margin-bottom: 5px;
   		padding: 1px;
		background:url("../Images/box-cloud1.png") no-repeat 0 0; }


		#box-cloud1 a {color:#4575a8;}
		#box-cloud1 a:hover {color:#f02528;}


      #Content ul.promos li h2 { font-size: 129%; padding: 10px 20px 0 150px; }
	    #Content ul.promos li p { font-size: 92%; padding: 2px 20px 10px 150px; }
	    #Content ul.promos li a.call {
        background: url(../pics/home/bullet_big.gif) no-repeat 0 50%;
	      bottom: 8px;
	      font-size: 92%;
	      font-weight: bold;
        padding-left: 13px;
	      position: absolute;
        right: 25px;
        font-size: 
	    }
	

	
	.tabs-hide {
      display: none;
  }
  
	#FeaturedLinks { }
	  #FeaturedLinks ul.navigation li { float: left;}
	    #FeaturedLinks ul.navigation li a { 
	      background-position: 0 0;
	      background-repeat: none;
	      display: block;
	      height: 24px;
	      outline: none;
	      text-indent: -32000px;
	    }
	    #FeaturedLinks ul.navigation li#TabNews a { background-image: url(../Images/news-tab.png); width: 71px; }
	    #FeaturedLinks ul.navigation li#TabIntegrationInsight a { background-image: url(../Images/whitepapers-tab.png); width: 123px; }
	    #FeaturedLinks ul.navigation li#TabEvents a { background-image: url(../Images/events-tab.png); width: 78px; }
	    
	    #FeaturedLinks ul.navigation li.tabSelected a { background-position: 100% 0; }
	
	    #FeaturedLinks ul.links { padding: 20px 0 10px 0; }
  	    #FeaturedLinks ul.links li {
  	      background: url("../Images/bullet_big.gif") no-repeat 0 1.2em;
  	      border-bottom: 1px dotted #ccc;
  	      padding: 10px 0 10px 15px;
  	    }
  	      #FeaturedLinks ul.links li a {
  	        color: #555;
    	      font-size: 85%;
  	        text-decoration: none;
  	      }
  	        #FeaturedLinks ul.links li a:hover { text-decoration: underline; }

  	  #FeaturedLinks a.rss { 
  	      background: url(../Images/rss.gif) no-repeat 0 2px;
  	      display: block;
  	      float: left;
  	      height: 18px;
  	      padding-right: 0.4em;
  	      text-indent: -32000px;
  	      width: 14px;
  	  }
  	  #FeaturedLinks a.more { font-size: 85%; font-weight: bold; }

/**
 * Style tabs for admin area.
 *
 * Styles adapted from garland theme
 */
/**
 * Local tasks
 */
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}

#tabs-wrapper {
/*  margin: 0 -26px 1em;
  padding: 0 26px;*/
  border-bottom: 1px solid #e9eff3;
/*  position: relative; */
}
ul.primary {
  padding: 0.5em 0 10px;
  float: left;
}
ul.secondary {
  clear: both;
  text-align: left;
  border-bottom: 1px solid #e9eff3;
  margin: -0.2em -26px 1em;
  padding: 0 26px 0.6em;
}
h2.with-tabs {
  float: left;
  margin: 0 2em 0 0;
  padding: 0;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
  border: 0;
  background: transparent;
  padding: 4px 1em;
  margin: 0 0 0 1px;
  height: auto;
  text-decoration: none;
  position: relative;
  top: -1px;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
  background: url(../Images/bg-tab.html) repeat-x 0 50%;
  color: #fff;
}
ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
}

#Content #CaseStudiesAccelerator { 
  background: url(../Images/accelerator_bg.png) repeat-x 0 0;
  padding-top: 29px;
}
  #Content #CaseStudiesAccelerator h3 {
    background: url(../Images/title_icon_bg.png) no-repeat 100% 80%;
    color: #4575a8;
    font-weight: bold;
    padding: 12px 14px 0 15px;
    position: absolute;
    text-transform: uppercase;
  }
  #Content #CaseStudiesAccelerator ul.navigation { 
    background: url(../Images/navigation_bg.png) repeat-x 0 100%;
    list-style: none;
    padding: 0 0 6px 200px;
    margin: 0;
  }
    #Content #CaseStudiesAccelerator ul.navigation li {
      background: url(../Images/tab_lt_bg.png) no-repeat 0 0;
      float: left;
      padding: 0;
      height: 35px;
      padding-left: 10px;
      margin-right: 5px;
    }
      #Content #CaseStudiesAccelerator ul.navigation li.tabSelected {
        background: url(../Images/tab_active_lt_bg.png) no-repeat 0 0;
        height: 42px;
        margin-bottom: -7px;
      }
      #Content #CaseStudiesAccelerator ul.navigation li a {
        background: url(../Images/tab_rt_bg.png) no-repeat 100% 0;
        color: #666;
        display: block;
        font-weight: bold;
        padding: 12px 10px 6px 0;
        text-decoration: none;
      }
        #Content #CaseStudiesAccelerator ul.navigation li.tabSelected a {
          background: url(../Images/tab_active_rt_bg.png) no-repeat 100% 0;
          color: #7da52e;
          padding-bottom: 13px;
        }
	dl.caseStudyAccelerator { }
	dl.caseStudyAccelerator dt {
		background: url(../Images/term_bg.png) repeat-x 0 100%;
		border-top: 1px solid #e0e0e0;
		color: #666;
		padding: 4px 0 6px;
		margin-bottom: 3px;
	}
	  dl.caseStudyAccelerator dt.expanded {
	    background: url(../Images/term_expanded_bg.png) repeat-x 0 0;
	    border-top: 0;
	  }
	  dl.caseStudyAccelerator dt em {
	    font-weight: bold;
	    padding-top: 6px;
	    margin-left: 7px;
	    display: block;
	  }
	  dl.caseStudyAccelerator dt a {
	    margin: 0 10px;
	    outline: none;
	  }
		dl.caseStudyAccelerator dt a.expand {
			background: url(../Images/expand.png) no-repeat 0 0;
			display: block;
			float: left;
			height: 24px;
			text-indent: -32000px;
			width: 25px;
		}
		dl.caseStudyAccelerator dt a.collapse {
			background: url(../Images/collapse.png) no-repeat 0 0;
			display: block;
			float: left;
			height: 24px;
			text-indent: -32000px;
			width: 25px;
		}
	dl.caseStudyAccelerator dd { /*display: none;*/ } /* temporary */
	  dl.caseStudyAccelerator dd.expanded { display: block; }
    dl.caseStudyAccelerator dd table {
      background: #e1e8f0 url(../Images/table_bg.png) repeat-x 0 0;
      width: 100%;
    }
      dl.caseStudyAccelerator dd table th, dl.caseStudyAccelerator dd table td { 
        border-left: 1px solid #bacbde;
        padding-left: 18px;
        width: 26%;
      }
      dl.caseStudyAccelerator dd table th.first, dl.caseStudyAccelerator dd table td.first {
        padding-left: 44px;
        border-left: 0;
      }
	  dl.caseStudyAccelerator dd table th.view-field-node-title, dl.caseStudyAccelerator dd table td.view-field-node-title { width: 48%; }
      dl.caseStudyAccelerator dd table th {
        background: url(../Images/th_bg.png) repeat-x 0 100%;
        color: #7da52e;
        font-size: 107%;
        font-weight: bold;
        padding-top: 8px;
        padding-bottom: 8px;
      }
      dl.caseStudyAccelerator dd table td { border-bottom: 1px solid #fff; }
      dl.caseStudyAccelerator dd table td a {
        background: url(../Images/case_study_link_bg.png) no-repeat 1px 50%;
        color: #4575a8;
        display: block;
        font-weight: bold;
        padding: 6px 0 6px 17px;
      }

/*Form styles*/
.form-item {
	margin: 3px 0 3px 0;
	padding: 4px 0 4px 0;
}

.form-item label {
	display: inline;
}

.marker, .form-required {
	font-weight: bold;
}

.form-error {
	color: #ff0000;
}

fieldset fieldset { width: 48%; }
	fieldset fieldset legend { display: none; }
	fieldset fieldset .form-item label { clear: both; float: left; width: 30%; margin-right: 8px; }
	fieldset fieldset .form-item input { border: 1px solid #a7a6aa; }
	fieldset .form-item textarea { border: 1px solid #a7a6aa; }
	fieldset .form-item select { border: 1px solid #a7a6aa; }
fieldset#webform-component-contactinfo_left { float: left; }
fieldset#webform-component-contactinfo_right { float: right; }
fieldset#webform-component-additional_info { clear: both; }
	fieldset#webform-component-additional_info legend { display: none; }
	input#edit-submitbutton, input#edit-resetbutton {background: url(../Images/submit-bg.gif) repeat-x 0 0; border: 1px solid #2d5082;}

.send-to-friend {
	width: 45%;
}

/* styles for the tabs on the solutions/steps page */
#ContentChannel ul.navigation { 
    background: url(../Images/tab-base-bg.png) no-repeat 0 100%;
    list-style: none;
    padding: 0 0 6px 23px;
    margin: 0;
}

#ContentChannel ul.navigation li {
      background: url(../Images/tab-lt-bg.png) no-repeat 0 0;
      float: left;
      padding: 0;
      height: 28px;
      padding-left: 15px;
      margin-right: 5px;
	  list-style: none;
    }

#ContentChannel ul.navigation li.tabSelected {
        background: url(../Images/tab-active-lt-bg.png) no-repeat 0 0;
        height: 34px;
        margin-bottom: -7px;
		list-style: none;
      }
     
#ContentChannel ul.navigation li a {
        background: url(../Images/tab-rt-bg.png) no-repeat 100% 0;
        color: #999;
        display: block;
        font-size: 100%;
        font-weight: bold;
        padding: 7px 15px 6px 0;
        text-decoration: none;
		list-style: none;
      }
    
#ContentChannel ul.navigation li.tabSelected a {
          background: url(../Images/tab-active-rt-bg.png) no-repeat 100% 0;
          color: #7da52e;
          padding-bottom: 9px;
		  list-style: none;
        }
				

#ContentChannel table.caseStudySummary {
	width: 100%;
}
				
#ContentChannel .caseStudySummary td {
	padding: 10px 5px 10px 20px;
}

#ContentChannel .caseStudySummary td.details {
	width: 67%;
	font-weight: bold;
}


body.caseStudy #SidebarSecondary {
	padding-top: 0;
	padding-right: 0;
}
body.caseStudy #CustomerProfile, body.caseStudy #ProblemSnapshot, body.caseStudy #SolutionSnapshot {
	width: 221px;
	margin-bottom: 10px;
}

	body.caseStudy #CustomerProfile .content {
		background: url(../Images/top-customer.gif) no-repeat top left;
		padding: 35px 20px 0 15px;
		font-size: 85%;
		color: #5b5b5b;
	}
	body.caseStudy #ProblemSnapshot .content {
		background: url(../Images/top-problem.gif) no-repeat top left;
		padding: 35px 20px 5px 15px;
		font-size: 85%;
		color: #5b5b5b;
	}
	body.caseStudy #SolutionSnapshot .content {
		background: url(../Images/top-solution.gif) no-repeat top left;
		padding: 35px 20px 5px 15px;
		font-size: 85%;
		color: #5b5b5b;
	}
		body.caseStudy #CustomerProfile .image, body.caseStudy #ProblemSnapshot .image, body.caseStudy #SolutionSnapshot .image {
			text-align: center;
			padding: 5px;
		}
		body.caseStudy #CustomerProfile .content p, body.caseStudy #CustomerProfile .content p, body.caseStudy #SolutionSnapshot .content p {
			margin-top: 10px;
		}
	
	body.caseStudy #CustomerProfile .footer {
		background: url(../Images/bottom-no-button.gif) no-repeat;
		height: 37px;
	}
	body.caseStudy #ProblemSnapshot .footer, body.caseStudy #SolutionSnapshot .footer {
		background: url(../Images/bottom-button.gif) no-repeat;
		height: 37px;
		text-align: center;
		padding-top: 5px;
	}
		body.caseStudy #ProblemSnapshot .footer a, body.caseStudy #SolutionSnapshot .footer a {
			color: #5b5b5b;
			text-decoration: none;
			font-weight: bold;
			font-size: 85%;
		}
		
#Snapshot {
	
}

#Snapshot .footer ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
  #Snapshot .footer ul li { 
    background: url(../Images/footer-button-lt-bg.gif) no-repeat 0 0;
    float: left;
    margin-right: 10px;
    padding-left: 7px;
  }
    #Snapshot .footer ul li a {
      background: url(../Images/footer-button-rt-bg.gif) no-repeat 100% 0;
      display: block;
      font-weight: bold;
      padding: 5px 15px 6px 8px;
      text-decoration: none;
    }
		
		#Snapshot a {color:#4575a8;}
    #Snapshot a:hover {color:#f02528;}
	
/*Styles for campaign pages */

#CampaignLeft {float: left; width: 463px; padding-right:2px;}
#CampaignRight {float: right; width: 450px; padding-left:15px;}
 .contentRightWP {float: left;}
   .contentRightWP p { margin-left: 77px; }
   
 #Content .campaignTile { }
	 #Content .campaignTile .header {
		background : url(../Images/gradient_header.png) no-repeat center top;
		height: 57px;
	 }
	 #Content .campaignTile .content {
		background : url(../Images/gradient_footer.png) no-repeat center bottom;
		padding : 15px 15px 30px 15px;
		text-align : center;
	 }
 #Content .campaignTile h4 {
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 15px 15px 0 15px;
	text-align: center;
 }
 #Content .campaignInfo, #Content .mainInfo { text-align: left; }

 
/* -----Styles for floats and clears------
add to an item's class to float or clear  (added by skitchens)  */

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.l_medium {margin:0px 20px 5px 0px;}
.maincolor {color:#505156;} /*for spans to take on main body color*/

/* to fix forms, checkbox labels in side-by-side fieldsets */
.inline, fieldset fieldset label.inline {display: inline; width: 100%;}
.option {margin-top: 10px;}

/* BEGIN: classes added by mark@castiron.com */

    td.emptyCell {background-color:#FFFFFF;}
    td.feature {font-weight:bold;font-size:11px;border-bottom:1px solid #999999;}
    td.feature2, td.feature2Col {font-weight:bold;font-size:11px;border-bottom:none;color:#FFFFFF;background:#8095BA;}
    td.feature2Col {text-align:center;border-left:1px solid #FFFFFF;}
    td.check {text-align:center;border-bottom:1px solid #999999;}
    td.featureLast {font-weight:bold;font-size:11px;border-bottom:none;}
    td.checkLast {text-align:center;border-bottom:none;}

/* END: classes added by mark@castiron.com */