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

/*
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;}
a:focus, a:active {outline: none;} 
/*
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;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;}body * {line-height:1.22em;}

/* Gutter between body background and content */
#Header, #MainBody, #Footer, #About, #GeneralAbout { margin: 0 ; }

#Wrapper { width: 970px; } /* Width of "page" */
#MainChannel {width:730px;} /* Width of left channel and center channel combined */
#SidebarPrimary { } /* Width of left channel */ 
#Content {} /* Width of center channel */
#SidebarSecondary {width:232px; margin:0 8px 0 0;} /* Width of right channel */
/* = End Widths = */

body.home #MainChannel {width:479px; padding:0 0 20px 0;}
body.home #Content {width: 575px; float: left;}
body.home #ContentChannel {width: 575px;}
body.home #SidebarSecondary {width:382px; padding-bottom:20px; }


body.noSidebarSecondary #MainBody { background: 0; }
body.noSidebarSecondary #MainChannel { width: 72.5em; }
body.noSidebarSecondary #Content { width: 59em; }

body.noSidebarPrimary #Content { width: 710px; padding-right:20px;}

body.noSidebarPrimaryOrSidebarSecondary #MainBody {}
body.noSidebarPrimaryOrSidebarSecondary #MainChannel { width: 962px; margin-right:8px;}
body.noSidebarPrimaryOrSidebarSecondary #Content { width: 962px; }

#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; }

#ToolBar {position:absolute; top:22px; right:15px; font-weight:bold;}
#ToolBar li {float:left; background:url("../pics/common/toolbar-divider.gif") center right no-repeat; margin-right:5px; padding-right:5px;}
#ToolBar li.last {padding-right:0; margin-right:0; background:0;}
#ToolBar a {color:#868688; text-decoration:none;}
#ToolBar a:hover {text-decoration:underline;}

/* Top Navigation */
ul#NavigationPrimary { z-index: 2;}
  ul#NavigationPrimary li { /* Topnav item */
    float: left; /* Keep nav in a line */
    position: relative; /* To position dropdowns based on topnav items */
    z-index: 3; /* Need a known z-index so we can lap dropdowns over topnav items and flyouts over the dropdowns */
	  margin-top:45px;
  }
ul#NavigationPrimary li a {
			background-position: 0pt;
			background-repeat: no-repeat;
			display: block;
			height: 50px;
			text-indent: -32000em;
			padding: 0;
		}
		ul#NavigationPrimary li li a { 
			padding: 6px 12px 6px 6px;
			text-indent: 0;
			background: #ccc !important; /* Prevent background image from appearing in dropdowns */
			width: auto !important; /* Fix dimension set for background image width */
			height: auto;
		}
		ul#NavigationPrimary li li a.over { background: #999 !important; /* Prevent background image from appearing in dropdowns */ }
		ul#NavigationPrimary li a.active { background-position: 100% 0 }
		ul#NavigationPrimary li a.over { background-position: 100% 0 }

    ul#NavigationPrimary li#SiteId { margin-top: 0; }
      ul#NavigationPrimary li#SiteId a {
        height: 66px;
        margin: 20px 18px 0 34px;
        text-indent: 0;
        width: 191px;
      }
		ul#NavigationPrimary li#NavigationPrimaryHome a {
			background-image:url(../pics/primary-navigation/home.gif);
			width:94px;
		}
		ul#NavigationPrimary li#NavigationPrimarySolutions a {
			background-image:url(../pics/primary-navigation/solutions.gif);
			width:83px;
		}
		ul#NavigationPrimary li#NavigationPrimaryProducts a {
			background-image:url(../pics/primary-navigation/products.gif);
			width:83px;
		}
		ul#NavigationPrimary li#NavigationPrimaryCustomers a {
			background-image:url(../pics/primary-navigation/customers.gif);
			width:91px;
		}
		ul#NavigationPrimary li#NavigationPrimaryResources a {
			background-image:url(../pics/primary-navigation/resources.gif);
			width:89px;
		}
		ul#NavigationPrimary li#NavigationPrimaryCompany a {
			background-image:url(../pics/primary-navigation/company.gif);
			width:84px;
		}
		ul#NavigationPrimary li#NavigationPrimaryCustomerLogin a {
			background-image:url(../pics/primary-navigation/customer-login.gif);
			width:195px;
		}
		
			
.home #Mast {height:263px; width:970px; position:relative;}
.home #AnalyticsFor {background:url(../pics/home/linklist-bottom.png) no-repeat left bottom; margin-bottom:15px;}
.home #LinkList {background:url(../pics/home/linklist-bg.png) repeat-x; height: 77px; padding: 7px 0 0 0; width: 961px; }
.home #LinkList li {float:left; padding-right:8px;}
	.home #LinkList li.intro { 
			color: #505152; 
			font-size: 120%; 
			font-weight: bold; 
			padding-top: 15px; 
			text-align: center; 
			width: 165px; 
	}
.home #LinkList a {display:block; width:189px; height:70px; text-indent:-32000px;}
.home #LinkList .crm a {background:url(../pics/home/MeMerch-off.gif);}
	.home #LinkList .crm a:hover {background:url(../pics/home/MeMerch-on.gif);}
.home #LinkList .marketing a {background:url(../pics/home/MeSales-off.gif);}
	.home #LinkList .marketing a:hover {background:url(../pics/home/MeSales-on.gif);}
.home #LinkList .retail a {background:url(../pics/home/MeMarketing-off.gif);}
	.home #LinkList .retail a:hover {background:url(../pics/home/MeMarketing-on.gif);}
.home #LinkList .web a {background:url(../pics/home/MeWeb-off.gif);}
	.home #LinkList .web a:hover {background:url(../pics/home/MeWeb-on.gif);}
.home #LinkList .overviewVideo a {background:url("../pics/home/learn.gif");}
.home #LinkList .demo a {background:url("../pics/home/started.gif");}
.home #LinkList .contact a {background:url("../pics/home/contact.gif");}
.home #LinkList .overviewVideo a:hover {background:url("../pics/home/learn-over.gif");}
.home #LinkList .demo a:hover {background:url("../pics/home/started-over.gif");}
.home #LinkList .contact a:hover {background:url("../pics/home/contact-over.gif");}

#Mast {height:106px;  margin-bottom:0; position:relative;}
#Mast #Infokit {position:absolute; top:50px; left:566px; display:none;}
#Mast #Demo {position:absolute; top:50px; left:683px; display:none;}
#Mast #Contact {position:absolute; top:50px; left:816px;  display:none;}

#Breadcrumbs {background:url("../pics/common/breadcrumb-bg.gif") no-repeat; color:#b8b9ba; font-size:85%; height:17px; padding:1px 0 0 10px; margin-bottom:12px;}
#Breadcrumbs li {float:left; background:url("../pics/common/breadcrumb-divider.gif") right 5px no-repeat; padding-right:10px; margin-right:5px;}
#Breadcrumbs li.last {background:0;}
#Breadcrumbs a {color:#fff; text-decoration:none;}
#Breadcrumbs a:hover {color:#b8b9ba;}

#MainBody { 
  position: relative; /* to facilitate */
  z-index: 2;         /* topnav dropdowns */
  clear:both;
}

/* 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;
}

/* Center channel */
#Content {
  float: right;
}

#ContentChannel {padding:20px 0 0 0; color:#4d4e4e;}
#ContentChannel h1 {color:#292c31; font-size:150%; font-weight:bold; margin-bottom:10px;}
	.home h1 { position: absolute; left: -32000px; }
#ContentChannel h2 {color:#b81318; font-size:110%; font-weight:bold; margin-bottom:5px;}
#ContentChannel h2.borderTop {border-top:1px solid #e1e1e1; padding-top: 10px;}
#ContentChannel h3 {font-weight:bold;}
#ContentChannel h3.borderTop {border-top:1px solid #e1e1e1; padding-top: 10px;}
#ContentChannel p {margin-bottom:18px;}
#ContentChannel blockquote {margin:0 0 18px 20px;}
#ContentChannel a {color:#b81318;}
#ContentChannel a:hover {color:#000;}
#ContentChannel ul {list-style:disc; margin:0 0 18px 40px;}
#ContentChannel ol {list-style:decimal; margin:0 0 18px 40px;}
#ContentChannel li {margin:0 0 5px 0;}
#ContentChannel dt {float:left; padding-top:5px;}
#ContentChannel dd {margin-bottom:18px; padding-left:130px;}
#ContentChannel .login dt {padding:0;}
#ContentChannel .login dd {margin:0 0 3px 0;}
#ContentChannel #SiteMap ul {float:left; margin:0 60px 20px 0; list-style:none;}
#ContentChannel #SiteMap li {margin:0;}
#ContentChannel #SiteMap h3 {padding-top:20px;}

#ContentChannel .download {padding-bottom:18px;}
#ContentChannel .download a {display:block; color:#FFF; text-decoration:none; font-weight:bold; font-size:110%; text-align:center; width:245px; background:url("../pics/common/download-bg.gif") no-repeat; padding:6px 0;}
#ContentChannel .download a:hover {color:#ccc;}

.home #ContentChannel { padding: 0; }
.home #ContentChannel .channel { height: 244px; background: url(../pics/home/tab-content-tall-bg-v2.gif) no-repeat 0 100%; position: relative; }
.home #ContentChannel h2 {color:#b81318;}
.home #ContentChannel h2 a {color:#b81318;}
.home #ContentChannel h3 {color:#b81318; font-weight:bold;}
.home #ContentChannel a {color:#4d4e4e; text-decoration:none;}
.home #ContentChannel a:hover {color:#b81318;}
.home #ContentChannel dl {padding: 0 18px 0 20px;}
.home #ContentChannel dt {float:left; padding-top:5px; }
.home #ContentChannel dd {border-bottom:1px solid #e1e1e1; padding:5px 0 12px 60px; margin-bottom:10px;}
.home #ContentChannel ul.more { position: absolute; bottom: 8px; list-style: none; width: 100%; margin: 0; padding: 0; }
.home #ContentChannel .more li {background:url(../pics/home/raquo.gif) center left no-repeat; padding:0 30px 0 10px; font-weight:bold; font-size:85%; float: right; }

.home #ContentChannel #Announcement {background:url(../pics/home/shaded-box-bg-wide.gif) top left no-repeat; width: 564px; }
.home #ContentChannel #Announcement h2 { font-size: 140%; margin: 0 20px 15px 275px; padding-top: 20px;}
.home #ContentChannel #Announcement img { display: block; float: left; margin-top: 20px; }
.home #ContentChannel #Announcement p { border-bottom: 1px solid #e5e5e5; font-size: 100%; margin: 0 20px 10px 275px; padding-bottom: 10px; }
.home #ContentChannel #Announcement ul.action { list-style: none; margin: 0 0 0 275px; }
.home #ContentChannel #Announcement ul.action li { margin-bottom: 0; }
.home #ContentChannel #Announcement ul.action li.register a {
								background:url(../pics/home/register.png) center left no-repeat; 
								color: #2f5089;
								font-size:85%;
								margin-bottom: 0; 
								padding:0 30px 0 20px; 
							}
.home #ContentChannel #Announcement .footer {background:url(../pics/home/shaded-box-bg-wide.gif) bottom left; height: 10px; }

.home #ContentChannel .twoCol { width: 575px; }
.home #ContentChannel .twoCol .leftCol { float: left; width: 260px; }
.home #ContentChannel .twoCol #Announcement {background:url(../pics/home/shaded-box-bg.gif) top left no-repeat; float: left; width: 260px; }
.home #ContentChannel .twoCol #Announcement h2 { font-size: 100%; margin: 0 15px 2px 15px; padding-top: 10px; }
.home #ContentChannel .twoCol #Announcement img { display: block; float: none; margin: 5px auto 0 auto;}
.home #ContentChannel .twoCol #Announcement p { border-bottom: 0; font-size: 100%; margin: 0 15px 7px 15px; padding-bottom: 0; }
.home #ContentChannel .twoCol #Announcement p.date { font-size: 85%; margin-bottom: 10px;}
.home #ContentChannel .twoCol #Announcement ul.action { margin-left: 15px; }
.home #ContentChannel .twoCol #Announcement .footer {background:url(../pics/home/shaded-box-bg.gif) bottom left; height: 10px; }

.home #ContentChannel .twoCol .righttCol { float: right; width: 295px; }
.home #ContentChannel .twoCol #Podcast {background:url(../pics/home/center-channel-bg.png) top left no-repeat; float: right; padding-right: 7px; width: 295px;}
.home #ContentChannel .twoCol #Podcast .footer {background:url(../pics/home/center-channel-bg.png) bottom left no-repeat; width: 295px; height: 6px;}
.home #ContentChannel .twoCol #Podcast h2 { font-size: 100%; margin: 0 15px 2px 15px; }
.home #ContentChannel .twoCol #Podcast p { border-bottom: 0; font-size: 95%; margin: 0 15px 10px 15px; padding-bottom: 0; }
.home #ContentChannel .twoCol #Podcast img {margin: 18px 18px 13px 18px; }
.home #ContentChannel .twoCol .action { list-style: none; margin-bottom: 10px; margin-left: 15px; }
.home #ContentChannel .twoCol .action li { background: 0; float: left;}
.home #ContentChannel .twoCol .action li a { color: #2f5089;float: left; padding-left: 20px; font-size:85%; }
.home #ContentChannel .twoCol .action li.podcast a {background:url(../pics/home/podcast-link.png) center left no-repeat; }
.home #ContentChannel .twoCol .action li.caseStudy a {background:url(../pics/home/case-study.png) center left no-repeat; }
.home #ContentChannel .twoCol .action li.press a {background:url(../pics/home/press-release.gif) center left no-repeat; }
.home #ContentChannel .twoCol .action li.video a {background:url(../pics/home/minivideo.gif) center left no-repeat; }
.home #ContentChannel .twoCol .action li.whitepaper a {background:url(../pics/home/white-paper.gif) center left no-repeat; }
.home #ContentChannel .twoCol .action li.register a { background:url(../pics/home/register.png) center left no-repeat; }

.home #ContentChannel .twoCol .rightCol .listing { 
								background:url(../pics/home/center-channel-bg.png) top left no-repeat; 
								float: right; 
								margin: 0 7px 10px 0; 
								padding: 0;
								width: 295px;
}
.home #ContentChannel .twoCol .rightCol .listing h2 { font-size: 100%; margin: 0 0 7px 0; }
.home #ContentChannel .twoCol .rightCol .listing p { font-size: 95%; margin: 0 10px 5px 0; }
.home #ContentChannel .twoCol .rightCol .listing p.smallSpaceBelow { margin-bottom: 5px; }
.home #ContentChannel .twoCol .rightCol .listing ul.action {margin-left: 0; padding: 3px 0 0 0;}
.home #ContentChannel .twoCol .rightCol .listing ul.action li {background: 0; float: left; margin: 0 20px 0 0; width: auto;}
.home #ContentChannel .twoCol .rightCol .listing .footer { 
						background:url(../pics/home/center-channel-bg.png) bottom left no-repeat; 
						float: left; 
						height: 7px;
						margin-top: -7px;
						width: 295px; 
}
.home #ContentChannel .twoCol .listing img { float: left; margin: 10px 0 10px 10px; }
.home #ContentChannel .twoCol .listing .description { float: right; margin: 10px 10px 0 0; padding: 0; width: 200px;  }
.home #ContentChannel .twoCol .listing .description p.last {margin-bottom: 0;}

/* Right Channel */
#SidebarSecondary {
  float: right;
  font-size:85%;
  color:#4d4e4e;	
}
#SidebarSecondary h4 {font-weight:bold; color:#b81318; font-size:110%; border-bottom:1px solid #e1e1e1; padding-bottom:5px; margin-bottom:10px;}
#SidebarSecondary h5 {font-weight:bold; color:#b81318;}
#SidebarSecondary dt {float:left; width:55px;}
#SidebarSecondary dd { border-bottom:1px solid #e1e1e1; padding-bottom:5px; margin-bottom:10px; padding-left:55px;}
#SidebarSecondary a {color:#4d4e4e; text-decoration:none;}
#SidebarSecondary a:hover {color:#b81217;}
#SidebarSecondary .more {text-align:right;}
#SidebarSecondary .more a {font-weight:bold; color:#4d4e4e; text-decoration:none; background:url("../pics/sidebar-secondary/raquo.gif") center left no-repeat; padding-left:10px;}
#SidebarSecondary .more a:hover {color:#b81217;}
#SidebarSecondary .resources {background:url("../pics/sidebar-secondary/rounded-bg.gif") 0 100% no-repeat; padding-bottom:15px;}
#SidebarSecondary .resources .content {background:url("../pics/sidebar-secondary/rounded-bg.gif") 0 0 no-repeat; padding:15px 15px 0 15px;}

#SecondaryNavigation {width:231px; font-size:110%; margin-bottom:15px;}
#SecondaryNavigation li.title {background:url("../pics/sidebar-secondary/title-bg.gif") no-repeat; border-bottom:1px solid #d38080; font-weight:bold; color:#fff; font-size:140%; padding:8px 20px;}
#SecondaryNavigation li a {background:#575759 url("../pics/sidebar-secondary/off.gif") top left no-repeat; color:#c7c7c8; text-decoration:none; display:block; border-bottom:1px solid #6b6b6c; padding:5px 0 6px 35px; height:100%;}
#SecondaryNavigation li a:hover {background:#080808 url("../pics/sidebar-secondary/active.gif") top left no-repeat; color:#FFF;}
#SecondaryNavigation li a.active {background:#080808 url("../pics/sidebar-secondary/active.gif") top left no-repeat; color:#fff; font-weight:bold;}
#SecondaryNavigation li.last a {background:url("../pics/sidebar-secondary/last-bg.gif"); border-bottom:0;}
#SecondaryNavigation li.last a:hover {background:#080808 url("../pics/sidebar-secondary/last-active.gif");}
#SecondaryNavigation li.last a.active {background:#080808 url("../pics/sidebar-secondary/last-active.gif");}


#SecondaryNavigation ul {font-size: 0.9em;}
#SecondaryNavigation li ul li a, 
#SecondaryNavigation li.last ul li a {padding-left: 45px; color: #5f5f60; background: #e2e2e2 url(../pics/sidebar-secondary/third-level-bullet.gif) top left no-repeat; border-bottom: 1px solid #b7b7b8;}
#SecondaryNavigation li ul li a:hover, 
#SecondaryNavigation li.last ul li a:hover, 
#SecondaryNavigation li ul li.on a, 
#SecondaryNavigation li.last ul li.on a { background: #000000 url(../pics/sidebar-secondary/third-level-bullet.gif) top left no-repeat; color: #FFF }

#SecondaryNavigation li ul li.last a {background:url(../pics/sidebar-secondary/third-level-last-bg.gif); border-bottom: 0;}
#SecondaryNavigation li ul li.last a:hover {background:url(../pics/sidebar-secondary/third-level-last-active.gif); border-bottom: 0;}
#SecondaryNavigation li ul li.last a.active {background:url(../pics/sidebar-secondary/third-level-last-active.gif);}

.home #Footer {width:960px;}
#Footer {width:730px; color:#999; font-size:85%; padding:10px 0px 20px 0px; }
#Footer p.copy { float: left; }
#Footer ul.siteLinks {text-align: right; }
#Footer ul.siteLinks li { display: inline; background:url("../pics/common/footer-divider.gif") center right no-repeat; padding-right:5px; margin-right:5px;}
#Footer ul.siteLinks li.last {margin-right:0; padding-right:0; background:0;}
#Footer a {color:#999; text-decoration:none;}
#Footer a:hover {text-decoration:underline;}
/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* Tabs */
#ContentChannel #TabContainer {background:url("../pics/common/tab-content-bg.gif") 0 24px no-repeat;}
#ContentChannel div.resourcesTab {background:url("../pics/common/tab-resources-bg.png") 0 38px no-repeat !important;}
#ContentChannel #TabContainer .content {padding:0 20px 20px 20px;}
#ContentChannel #TabContainer .anchors {height:44px;}

#ContentChannel #TabContainer .anchors a {color:#7b7c7e; height:27px;}
#ContentChannel #TabContainer .large a {color:#7b7c7e; height:33px;}
#ContentChannel #TabContainer .anchors a:hover {color:#b81419;}
#ContentChannel #TabContainer .anchors .ui-tabs-selected a, .anchors a:focus, .anchors a:active, .fragment {color:#b81419;}
#ContentChannel #TabContainer .leftColumn {float:left; width:430px; }
#ContentChannel #TabContainer .rightColumn {float:left; width:230px;}
#ContentChannel #TabContainer .quote {color:#000; background:url("../pics/common/quote-bg.gif") 0 100% no-repeat; padding-bottom:20px; margin-bottom:10px;}
#ContentChannel #TabContainer .quote .content {background:url("../pics/common/quote-bg.gif") 0 0 no-repeat; padding:20px 15px 0 15px;}
#ContentChannel #TabContainer p {margin-bottom:5px;}
#ContentChannel #TabContainer .quote .content div {text-align:right; color:#b71217;}
#ContentChannel #TabContainer .quote .fn {font-weight:bold;}

#ContentChannel .resourcesTab .content div.icon {padding: 5px; padding-left: 35px; margin-bottom: 10px;}
#ContentChannel .resourcesTab .content div.icon a {font-weight: bold;}
#ContentChannel .resourcesTab .content div.whitepaper {background:url(../pics/common/icon-pdf.gif) 5px 10px no-repeat; }
#ContentChannel .resourcesTab .content div.even {background-color: #efefef;}

#ContentChannel .resources #TabContainer .content { padding: 0; float: left; width: 699px; }
#ContentChannel .resourcesTab .content dl { 
	display: inline; 
	float: left; 
	margin: 0 20px 0 0; 
	padding: 20px; 
	width: 660px;
}
	#ContentChannel .resourcesTab .content dl.even { background: #efefef; }

	#ContentChannel .resourcesTab .content dt { 
		color: #B81318;
		float: right; 
		font-size: 110%; 
		font-weight: bold; 
		margin: 0; 
		padding: 0 0 10px 0; 
		width: 605px; 
	}
	#ContentChannel .resourcesTab .content dd { margin: 0; padding: 0 0 0 55px; }
		#ContentChannel .resourcesTab .content dd.img { float: left; margin: 0; padding: 0; text-align: center;}

.home #TabContainer  { background:url(../pics/home/tab-content-bg-v2.gif) no-repeat 0 24px; }
.home #TabContainer .content { height: 240px; background:url(../pics/home/tab-content-tall-bg-v2.gif) no-repeat 0 100%; padding:0 20px; font-size:105%; clear:both; position: relative; }
.home #TabContainer .content h3 {color:#2f5089;}
.home #TabContainer .content h3 a {color:#2f5089;}
.home #TabContainer .content a {color:#4d4e4e; text-decoration:none;}
.home #TabContainer .content a:hover {color:#b71217;}
.home #TabContainer .content p {margin-bottom:10px; border-bottom:1px solid #e1e1e1; padding-bottom:9px; clear: both;}
.home #TabContainer .news p a { color:#2f5089; }
.home #TabContainer .content p.date {border-bottom:0; margin-bottom: 0; padding-bottom: 0;}
	.home #TabContainer .blog p.date {color:#2f5089;}
.home #TabContainer .content p.last {border-bottom:0;}
.home #TabContainer .content .view { position: absolute; bottom: 8px; width: 342px; font-size:90%;}
.home #TabContainer .content .raquo a {color:#2f5089; background:url("../pics/home/raquo-black.png") center left no-repeat; padding-left:10px;}
.home #TabContainer .content .raquo a:hover {color:#b71217;}
.home #TabContainer .content .view li {float:right; background:url("../pics/home/view-divider.gif") center right no-repeat; padding-right:10px; }
.home #TabContainer .content .view li.last {background:0;}
.home #TabContainer .content .view a.rss {display:block; background:url("../pics/home/rss.gif"); width:38px; height:18px; text-indent:-32000px; position:relative; top:-6px;} 

/*

Tabs - important styles to ensure accessibility in print

*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
@media print {
    .anchors {
        display: none;
    }
}

/*

Tabs - not important for accessibility, just for the look of it...

*/
#ContentChannel  .anchors {
    list-style: none;
    margin: 0;
	padding:0;
	height:24px;
	
}
#TabContainer .anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#TabContainer .anchors li {
    float: left;
	text-align:center;
	margin-right:5px;
	width:114px;
	list-style:none;
}

#TabContainer .large li {width: 91px;}


#TabContainer .anchors a {
    display: block;
    position: relative;
    top: 0;
    border-bottom: 0;
    z-index: 2;
    color: #7c7d7f;
    text-decoration: none;
	padding:4px 0;
	background:url("../pics/home/tab.gif");
	height:27px;
}
#TabContainer .large a {background:url("../pics/common/resources-tab.gif");}
#TabContainer .anchors a.first {background:url("../pics/home/tab-first.gif");}
#TabContainer .large a.first {background:url("../pics/common/resources-tab.gif");}
#TabContainer .anchors .ui-tabs-selected a {
    padding-bottom: 2px;
    font-weight: bold;
	height:34px;

}
#TabContainer .anchors a:hover {color:#b81419;}
#TabContainer .anchors .ui-tabs-selected a.first, .anchors a.first:focus, .anchors a.first:active, .fragment {background: url("../pics/home/tab-first-on.gif") no-repeat;}
#TabContainer .large .ui-tabs-selected a.first, .large a.first:focus, .large a.first:active, .fragment {background: url("../pics/common/resources-tab-on.gif") no-repeat;}

#TabContainer .anchors .ui-tabs-selected a, .anchors a:focus, .anchors a:active,
.fragment {
	
    background: url("../pics/home/tab-on.gif") no-repeat;
	color:#b81419;
}
#TabContainer .large .ui-tabs-selected a, .large a:focus, .large a:active, .fragment {background: url("../pics/common/resources-tab-on.gif") no-repeat;}

#TabContainer .anchors .ui-tabs-selected a:link, .anchors .ui-tabs-selected a:visited,
#TabContainer .anchors .ui-tabs-disabled a:link, .anchors .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#TabContainer .anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
}
#TabContainer .anchors .ui-tabs-disabled {
    opacity: .4;
}
#TabContainer .anchors .ui-tabs-disabled a:hover, .anchors .ui-tabs-disabled a:focus, .anchors .ui-tabs-disabled a:active {
    background: transparent;
}
#TabContainer .fragment {
    padding: 0 10px;
}
#TabContainer .anchors .ui-tabs-selected .ui-tabs-loading {
    padding-left: 25px;
    background-image: url(loading.gif);
    background-position: 4px 50%;
    background-repeat: no-repeat;
}

/* carousel */

#ContentChannel .largerImage {display:none; position:absolute; top:50px; left:30px; z-index:500; background:url("../pics/carousel/popup-bg.gif"); width:632px; padding:25px 3px;}
#ContentChannel .largerImage .close a {color:#FFF; background:url("../pics/carousel/close.gif"); text-decoration:none; position:absolute; top:3px; right:10px; width:82px; height:17px; font-weight:bold; text-align:center;}
#ContentChannel .largerImage .container {background:url("../pics/carousel/content-bg.gif") 0 100% no-repeat;  margin:10px 12px 0 12px; padding-bottom:2px;}
#ContentChannel .largerImage .content  {background:url("../pics/carousel/content-bg.gif") 0 0 no-repeat; color:#fFF; padding:7px 40px 0 40px; font-size:85%; margin:0;}
#ContentChannel .largerImage p {margin-bottom:5px;}

#ContentChannel .jcarousel-container {
    position: relative;
}

#ContentChannel .jcarousel-clip {
    z-index: 2;

    margin:0;
    overflow: hidden;
    position: relative;
	width:652px;

    
	
}

#ContentChannel .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;

	
}

#ContentChannel .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    /* This height provided to have something, it should be customized to match
       your individual implementation */
    width: 143px;
    height: 247px;
	
}

#ContentChannel .carousel h4 {font-weight:bold; color:#FFF; padding:5px 0;}
#ContentChannel .carousel .content {padding:15px 0;  width:143px; }

#ContentChannel .carousel {
  height: 247px;
  position: relative;
  width: 632px;
  margin:0 0 20px 0; 
  font-size:85%; 
  color:#ddd;
  z-index:2;
  background:url("../pics/carousel/bg.gif") repeat-x;	
  padding:0 15px;
  left:24px;

}
 #ContentChannel  .carousel a.jcarousel-next, .carousel a.jcarousel-prev {
    position: absolute;
    z-index:50;
	
  }
 #ContentChannel  .carousel a.jcarousel-next {
    left: 647px;
    top: 0px;

  }
 #ContentChannel  .carousel a.jcarousel-prev {
    left: -39px;
    top: 0px;
  }
 #ContentChannel  .carousel div.c {}
 #ContentChannel  .carousel ul {
    list-style-type: none;
    margin: 0 ;
    padding: 0;
	
  }
 #ContentChannel    .carousel ul li {
	  float:left; 
	 
      margin: 0;
    }

#ContentChannel ul.expandableContent {list-style: none; margin: 0;}
#ContentChannel ul.expandableContent li {padding-bottom: 5px;}
#ContentChannel ul.expandableContent a.title {display: block;}
#ContentChannel ul.expandableContent .content {margin: 10px 0;}

/* Forms */
#ContentChannel .forms td {vertical-align: top; padding-bottom: 5px; padding-right: 10px;}
#ContentChannel .error {color: #FF0000;}

#ContentChannel p.viewAll a {font-weight:bold; color:#4d4e4e; text-decoration:none; background:url("../pics/sidebar-secondary/raquo.gif") center left no-repeat; padding-left:10px;}
#ContentChannel p.viewAll a:hover {color:#b81217;}

/* Facebox CSS */
#facebox .b { background:url(../pics/common/facebox/b.png); }
#facebox .tl { background:url(../pics/common/facebox/tl.png); }
#facebox .tr { background:url(../pics/common/facebox/tr.png); }
#facebox .bl { background:url(../pics/common/facebox/bl.png); }
#facebox .br { background:url(../pics/common/facebox/br.png); }

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox h2 {
  color: #B81318;
  font-size: 120%;
  font-weight: bold;
  height:25px;
  padding:0 30px 10px 0;
  float:left;
}

#facebox .description { padding-top: 15px; }

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 15px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .header {
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/***** Tooltips *****/
#ToolTip {
	position: absolute;
	border: 1px solid #999;
	background: #CCC;
	padding: 2px 5px;
	color: #333;
	display: none;
	z-index: 999;
}