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

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#666;background:#3f3f3f;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{
	border: 0;
	top: auto;
	bottom: auto;vertical-align:middle;
}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{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;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
body{font:13px/1.231 Raleway;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% Raleway;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body { min-width: 960px; }
#Wrapper {} /* Width of "page" */
#WrapperMast { width: 1061px; }
#Header {width: 960px;}
#MainBody {width: 960px;}
#MainChannel { width: 960px; } /* Width of left channel and center channel combined */
	body.full #MainChannel { width: 960px; }
#Content { width: 960px; } /* Width of center channel */
	body.full #Content { width: 960px; } /* Center channel with no sidebar */
	body.leadGen #Content { width: 545px; }
	body.blog #Content { width: 636px; }
#NavigationSecondary {width: 960px;}
#Sidebar { width: 346px; } /* Single sidebar on right */
	.blog #Sidebar {width: 270px;}
#ContentFooter {width: 960px;}
#Footer {width: 960px;}
/*#SidebarPrimary { width: 13.3em; }*/ /* Width of left channel */ 
/*#SidebarSecondary { width: 13.3em; }*/ /* Width of right channel */
/* = End Widths = */


	.home #Wrapper {background: url(home-header-bg.png) repeat-x 50% 0;}
#WrapperTopNav {
	background: #363b3f; 
	text-align: right;
	text-indent: -50px;
	height: 46px;
    vertical-align: middle;
    line-height: 46px; 
}
a {
    color:chocolate;
}

#WrapperLogoBar {
	background: #ffffff repeat-x 50% 0; 
	position: relative; 
	z-index: 10;
	text-align: left;
}

#WrapperHeader {
	background: url(../images/common/header-bg.png) repeat-x 50% 0; 
	position: relative; 
	z-index: 10;
}
	.home #WrapperHeader {background-image: url(../images/common/home-header-bg.png);}
#WrapperContent {
	background: #ffffff url(../images/common/wrapper-content-bg.png) repeat-x 50% -55px;
	position: relative; 
	z-index: 8;
}
	.home #WrapperContent {background: #ffffff url(../images/common/home-content-bg.png) no-repeat 50% 0;}
	.resources #WrapperContent { background-image: url(../images/resources/wrapper-content-bg.png); }
	.portal #WrapperContent {background-position: 50% 0;}
	.products #WrapperContent { background-position: 50% -28px; }
	.productsLanding #WrapperContent { background-position: 50% -55px; }
	.blog #WrapperContent { background: #ffffff url(../images/blog/wrapper-content-bg.jpg) no-repeat 50% 0; }
	
#Header {height: 120px; margin: 0 auto;}
#WrapperMast {margin: 0 auto;}
#MainBody {margin: 0 auto;}
#ContentFooter {margin: 0 auto;}
#Footer {margin: 0 auto;}

/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { left: -32000em; position: absolute;}

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

#Toolbar { }
	#Toolbar ul.links { float: right; }
		#Toolbar ul.links li.last { background: 0; }
		#Toolbar li {
			background: url(../images/common/toolbar-divider-bg.gif) no-repeat 100% 50%;
			color: #dad9d9;
			display: inline;
			float: left;
			font-size: 93%;
			line-height: 19px;
			margin-top: 19px;
			padding: 0 8px;
		}
			#Toolbar li.last { background: 0; padding-right: 0; }
	#Toolbar a {
		color: #dad9d9;
		display: block;
		line-height: 19px;
		text-decoration: none;
	}
		#Toolbar a:hover { color: #fff; }
	#Toolbar form { }
		#Toolbar fieldset { float: left;}
		#Toolbar input {
			border: 0;
			background: url(../images/common/search-bg.png) no-repeat 0 0;
			color: #7A7A7A;
			float: left;
			height: 19px;
			line-height: 19px;
			text-indent: 7px;
		}
			#Toolbar input.submit {
				background-position: 100% 0;
				cursor: pointer;
				text-indent: -32000em;
				width: 15px;
			}
			
#SiteId {
	position: absolute;
	top: 51px; /* Push site id down below toolbar visually */
	z-index: 5;
}


/* Top Navigation */
#NavigationPrimary {
	position: relative;
	z-index: 12;
}
	#NavigationPrimary ul {
		float: right;
		margin-top: 4px;
		z-index: 2;
	}
	  #NavigationPrimary li { /* Topnav item */
	    background: url(../images/common/primary-nav-divider.gif) no-repeat 0 20px;
			float: left; /* Keep nav in a line */
			height: 50px;
			padding-right: 5px;
			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 */
	  }
			#NavigationPrimary li a {
				display: block; 
				height: 30px; 
				outline: 0;
				padding: 20px 15px 0 20px;
				position: relative;
				z-index: 10;
			}
				#NavigationPrimary li.last a {
					background: url(../images/common/primary-nav-divider.gif) no-repeat 100% 20px; 
					padding-right: 20px;
				}
			
	    #NavigationPrimary li.over { 
				background: url(../images/common/primary-nav-link-bg.png) no-repeat 100% 100%;
	      z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */
	    }
				#NavigationPrimary li.nextOver {background: 0;}
				#NavigationPrimary li.over a {
					background: url(../images/common/primary-nav-link-bg.png) no-repeat 0 0;
				}
	    #NavigationPrimary a span { /* Topnav link */
	      background-image: url(../images/common/primary-nav-sprite.png);
				background-repeat: no-repeat;
	      color: #fff;
				cursor: pointer;
				display: block;
				height: 11px;
				outline: 0;
				text-decoration: none;
				text-indent: -32000em;
	    }
				/* Main topnav items, uses sprites for background */
				li#NavigationPrimarySolutions a span { background-position: 1px 0; width: 64px;}
					li#NavigationPrimarySolutions a:hover span, 
					li#NavigationPrimarySolutions a.active span, li#NavigationPrimarySolutions a.over span { background-position: 1px 100%; }
				li#NavigationPrimaryProducts a span { background-position: -108px 0; width: 50px;}
					li#NavigationPrimaryProducts a:hover span, 
					li#NavigationPrimaryProducts a.active span, li#NavigationPrimaryProducts a.over span { background-position: -108px 100%; }
				li#NavigationPrimaryPartners a span { background-position: -205px 0; width: 100px;}
					li#NavigationPrimaryPartners a:hover span, 
					li#NavigationPrimaryPartners a.active span, li#NavigationPrimaryPartners a.over span { background-position: -205px 100%; }
				li#NavigationPrimaryResources a span { background-position: -344px 0; width: 40px;}
					li#NavigationPrimaryResources a:hover span, 
					li#NavigationPrimaryResources a.active span, li#NavigationPrimaryResources a.over span { background-position: -344px 100%; }
				li#NavigationPrimarySupport a span { background-position: -426px 0; width: 63px;}
					li#NavigationPrimarySupport a:hover span, 
					li#NavigationPrimarySupport a.active span, li#NavigationPrimarySupport a.over span { background-position: -426px 100%; }
				li#NavigationPrimaryCompany a span { background-position: -535px 0; width: 72px;}
					li#NavigationPrimaryCompany a:hover span, 
					li#NavigationPrimaryCompany a.active span, li#NavigationPrimaryCompany a.over span { background-position: -535px 100%; }

	    #NavigationPrimary ul .richMenu { /* Dropdown menu */
	      display: none;
	      left: -1px;
	      position: absolute;
	      top: 46px;
	      width: 100px;
	      z-index: 8;
	    }
				#NavigationPrimary li#NavigationPrimarySolutions .richMenu {
					left: -45px;
					width: 200px;
				}
				#NavigationPrimary li#NavigationPrimaryResources .richMenu {
					left: -50px;
					width: 200px;
				}
				
				
				#NavigationPrimary .richMenu div.channel {
					background: url(../images/rich-menus/bg-top.png) no-repeat 100% -600px;
					padding-right: 8px;
				}
					#NavigationPrimary .richMenu div.channel div.container {
						background: url(../images/rich-menus/bg-top.png) no-repeat 0 0;
						padding: 4px 0 0 4px;
					}
						#NavigationPrimary .richMenu div.channel div.container div.content {
							background: #f4f4f4;
						}
				#NavigationPrimary .richMenu div.footer {
					background: url(../images/rich-menus/bg-bottom.png) no-repeat 100% 100%;
					height: 8px;
					padding-right: 7px;
				}
					#NavigationPrimary .richMenu div.footer .content {
						background: url(../images/rich-menus/bg-bottom.png) no-repeat 0 0;
						height: 8px;
					}
	      #NavigationPrimary li.over .richMenu {
	        display: block; /* Show the dropdown on hover */
	      }
	      #NavigationPrimary li li { /* Dropdown item */
	        float: none; /* Make dropdown items appear on top of each other, not next to */

	        /*
						May need to add a float and width to fix problems with dropdown premature closure in IE
						float: left;
						width: 204px;
					*/
				}
				#NavigationPrimary .supportcol {background: #f4f4f4; padding: 26px 49px 20px 41px;height:100px;}
						#NavigationPrimary .supportcol div.first {
							float: left;
							/*width: 300px;*/
							
						}
						#NavigationPrimary .faqcol {background: #f4f4f4; padding: 26px 49px 20px 41px;height:80px;}
						#NavigationPrimary .faqcol div.first {
							float: left;
							/*width: 300px;*/
							
						}
	        #NavigationPrimary .richMenu a,
					#NavigationPrimary li.over .richMenu a,
					#NavigationPrimary li.last .richMenu a { 
						background: 0; 
						color: #e4701e;
						display: inline;
						height: auto;
						padding: 0;
						text-decoration: none;
					} /* Dropdown link */
					
					
	          #NavigationPrimary li li a.parent {
	            background: #ccc url(../images/arrow.gif) no-repeat 90% 50%; /* Default formatting for parent list items */
	          }
	          #NavigationPrimary li li a.over { 
	            background-color: #999; /* Same specificity as above, but later in sheet means it wins */
	          }
	          #NavigationPrimary li li ul,
							#NavigationPrimary li.over li ul { /* Flyout menu */
	            display: none; /* Hide flyout */
	            left: 90%;
	            position: absolute;
	            top: 5px;
	          }
	            #NavigationPrimary li.over li.over ul {
	              display: block; /* Show flyout on hover */
	            }
							
					#NavigationPrimary .richMenu .productsThreeCol {background: #f4f4f4; padding: 26px 66px 30px 52px;}
						#NavigationPrimary .richMenu .productsThreeCol div.first {
							float: left;
							padding-right: 78px;
							width: 228px;
						}
						#NavigationPrimary .richMenu .productsThreeCol div.middle {
							float: left;
							width: 228px;
						}
						#NavigationPrimary .richMenu .productsThreeCol div.last {
							float: right;
							width: 228px;
						}
					#NavigationPrimary .richMenu p.productImage {margin-bottom: 4px;}
					#NavigationPrimary .richMenu .productsThreeCol h3 {padding: 0 0 1px 0;}
						#NavigationPrimary .richMenu .productsThreeCol h3 a,
						#NavigationPrimary li.over .richMenu .productsThreeCol h3 a {
							background: url(../images/rich-menus/arrow.gif) no-repeat 100% 6px;
							padding-right: 15px;
						}
						#NavigationPrimary .richMenu .productsThreeCol h4 {
							background: url(../images/rich-menus/header-divider.gif) repeat-x 0 100%;
							color: #666;
							font-size: 100%; 
							font-weight: normal;
							margin-bottom: 0;
							padding-bottom: 7px;
						}
						#NavigationPrimary .richMenu dl dt {
							background: url(../images/rich-menus/list-divider.gif) repeat-x 0 0;
							font-size: 93%;
							font-weight: bold;
							margin-top: 8px;
							padding-top: 11px;
						}
							#NavigationPrimary .richMenu dl dt.first {background: 0; padding-top: 1px;}
						#NavigationPrimary .richMenu dl dd {
							font-size: 93%;
						}
					#NavigationPrimary .richMenu .moreBar {border-top: 1px solid #fff;}
						#NavigationPrimary .richMenu .moreBar ul {
							background: #eee; 
							border-top: 1px solid #dedddd;
							float: none; 
							margin-top: 0;
							padding: 10px 48px 12px;
						}
							#NavigationPrimary .richMenu .moreBar ul li {
								background: url(../images/rich-menus/more-divider.gif) no-repeat 100% 3px;
								float: left; 
								height: auto;
								padding-left: 18px;
								padding-right: 18px;
							}
								#NavigationPrimary .richMenu .moreBar ul li.first {padding-left: 0;}
								#NavigationPrimary .richMenu .moreBar ul li.last {background: 0; padding-right: 0;}
							#NavigationPrimary li .richMenu .moreBar a {
								background: url(../images/rich-menus/arrow.gif) no-repeat 100% 6px;
								font-size: 116%;
								font-weight: bold;
								padding-right: 16px;
							}
					#NavigationPrimary .companyTwoCol {background: #f4f4f4; padding: 26px 49px 20px 41px}
						#NavigationPrimary .companyTwoCol div.first {
							float: left;
							width: 296px;
						}
						#NavigationPrimary .companyTwoCol div.last {
							float: right;
							width: 242px;
						}
						#NavigationPrimary .companyTwoCol h3 {
							background: #f4f4f4 url(../images/rich-menus/header-divider.gif) repeat-x 0 100%;
							margin-bottom: 15px;
							padding-bottom: 6px;
						}
						#NavigationPrimary .companyTwoCol h3 a,
						#NavigationPrimary li.over .richMenu .companyTwoCol h3 a {
							background: 0;
							padding: 0;
						}
							#NavigationPrimary .companyTwoCol .twoCol {padding-bottom: 10px;}
								#NavigationPrimary .companyTwoCol .twoCol div.first {
									float: left;
									width: 105px;
								}
								#NavigationPrimary .companyTwoCol .twoCol div.last {
									float: right;
									width: 147px;
								}
							
							
						#NavigationPrimary .richMenu ul {float: none; margin: 0;}
							#NavigationPrimary .richMenu ul li {
								background: 0;
								height: auto;
								padding: 0 0 10px;
							}
						#NavigationPrimary .richMenu ul.subNav {padding-bottom: 10px; padding-left: 5px;}
							#NavigationPrimary .richMenu ul.subNav li {padding-bottom: 8px;}
								#NavigationPrimary .richMenu ul.subNav li a {font-size: 93%;}
						
						#NavigationPrimary .richMenu ul.social {padding-bottom: 16px;}
						#NavigationPrimary .richMenu ul.social li {
							float: left;
							padding-right: 20px;
						}
							#NavigationPrimary .richMenu ul.social a {
								background-image: url(../images/rich-menus/social-icons.gif);
								display: block;
								height: 37px;
								outline: 0;
								text-indent: -32000em;
								width: 36px; 
							}
							#NavigationPrimary .richMenu ul.social a.facebook {
								background-position: 0 0;
							}
							#NavigationPrimary .richMenu ul.social a.twitter {
								background-position: -56px 0;
							}
							#NavigationPrimary .richMenu ul.social a.blog {
								background-position: -112px 0;
							}
							#NavigationPrimary .richMenu ul.social a.digg {
								background-position: 100% 0;
								width: 37px;
							}
							#NavigationPrimary .richMenu p {font-size: 93%;}
							#NavigationPrimary .richMenu p.contact {
								background: url(../images/rich-menus/list-divider.gif) repeat-x 0 100%;
								margin-bottom: 15px;
								padding-bottom: 8px;
							}
							#NavigationPrimary .richMenu a.more {
								background: url(../images/rich-menus/arrow.gif) no-repeat 100% 4px !important;
								padding-right: 16px !important;
							}
							
	#Subscribe fieldset { float: left;}
		#Subscribe input {
			border: 0;
			background: url(../images/rich-menus/subscribe-bg.gif) no-repeat 0 0;
			color: #858585;
			float: left;
			height: 25px;
			line-height: 25px;
			text-indent: 7px;
			width: 191px;
		}
			#Subscribe input.submit {
				background-position: 100% 0;
				cursor: pointer;
				text-indent: -32000em;
				width: 23px;
			}
						

#Breadcrumbs { }
	#Breadcrumbs li {
		background: url(../images/common/breadcrumb-divider.gif) no-repeat 100% 50%;
		color: #aaa;
		float: left;
		height: 27px;
		line-height: 27px;
	}
		#Breadcrumbs li.last { background: 0; padding-left: 10px; }
		#Breadcrumbs a {
			color: #ccc;
			padding: 0 12px 0 10px;
			text-decoration: none;
		}
			#Breadcrumbs li.first a {
				background: url(../images/common/breadcrumb-first-bg.png) no-repeat 0 50%;
				padding-left: 15px;
			}
			#Breadcrumbs a:hover { color: #e6813a; }
	
#NavigationSecondary { padding-top: 15px; }
	#NavigationSecondary ul {}
		#NavigationSecondary ul li { float: left; }
			#NavigationSecondary ul li.last {
				background: url(../images/common/secondary-nav-divider.gif) no-repeat 100% 0; 
				padding-right: 2px;
			}
			#NavigationSecondary a {
				background: url(../images/common/secondary-nav-divider.gif) no-repeat 0 0;
				color: #999;
				display: block;
				height: 42px;
				padding: 0 15px 0 17px;
				text-decoration: none;
			}
				#NavigationSecondary a:hover, #NavigationSecondary a.active {
					background: url(../images/common/secondary-nav-on.png) repeat-x 0 0;
					color: #e6813a;
				}
				#NavigationSecondary a span {display: block; font-size: 93%; padding-top: 20px;}

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

#PortalHeader {height: 55px;}
	#PortalHeader div.header {
		background: url(../images/portal/portal-header.png) no-repeat 0 0;
		display: block;
		height: 25px;
		float: left;
		margin-top: 16px;
		text-indent: -32000em;
		width: 343px;
	}
	#PortalHeader .userToolbar {float: right; margin-top: 27px;}
		#PortalHeader .userToolbar ul li {
			background: url(../images/portal/user-toolbar-divider.gif) no-repeat 100% 3px;
			color: #fff;
			float: left;
			font-family: helvetica;
			font-size: 93%;
			padding-left: 10px;
			padding-right: 12px;
		}
		#PortalHeader .userToolbar ul li.last {background: 0; padding-right: 0;}
		#PortalHeader .userToolbar a {color: #fff; text-decoration: none;}
		
/* 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: left; }

ul#Breadcrumbs { float: left; }
  ul#Breadcrumbs li { float: left; }
ul#PageTools { float: right; }
  ul#PageTools li { float: left; }
  
/* Right Channel */
#SidebarSecondary { float: right; }

/* If there's only a right channel */
#Sidebar { display: inline; float: right; }

#Footer {
	border-top: 1px solid #656565;
	color: #cfcece;
	padding: 11px 0 25px;
	font-size: 93%;
}
	#Footer a { color: #cfcece; text-decoration: none; }
		#Footer a:hover { text-decoration: underline; }
  #Footer p.copy { float: left; }
  #Footer ul.siteLinks { float: right; }
    #Footer ul.siteLinks li { 
			background: url(../images/common/footer-divider.gif) no-repeat 100% 3px;
			float: left; 
			padding: 0 6px 0 5px; 
		}
			#Footer ul.siteLinks li.last {background: 0; padding-right: 0;}

/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Setup some defaults, site-wide */
h1 { color: #fff; font-size: 189%; font-weight: bold; padding-bottom: 4px; }
h2 { color: #3f3f3f; font-size: 138.5%; margin-top: 8px; padding-bottom: 15px; }
	.leadGen h2 { border-bottom: 1px solid #DAD9D9; font-size: 189%; }
		.leadGen #Content h2 { margin: 0 0 24px; }
		.leadGen .formBlock h2 { border-color: #8F8E8E; color: #fff; margin-bottom: 22px; }
	li.column h2 { padding-bottom: 4px; }
		li.feature h2 { border-bottom: 1px solid #dad9d9; margin-bottom: 16px; }
h3 { color: #6f6f6f; font-size: 116%; font-weight: bold; padding-bottom: 15px;}
	.resources #Content h3 { color: #3f3f3f; font-size: 138.5%; font-weight: normal; padding: 15px 0 12px 9px; }
	.leadGen #Content h3 { color: #3f3f3f; font-size: 138.5%; }
	#Content li.column h3 { padding-bottom: 4px; }
h4 { color: #3f3f3f; font-size: 108%; font-weight: bold; padding: 0 0 4px; }
	.leadGen h4 { color: #717171; font-size: 93%; padding: 0 0 22px; }
	
p { line-height: 1.4em; margin-bottom: 12px; }

#Mast { 
	height: 320px;
	margin-bottom: 23px;
	position: relative; 
	width: 960px;
}
	.about #Mast {background: url(../images/masts/about.jpg) no-repeat ;}
	.resources #Mast { background: url(../images/masts/resources.jpg) no-repeat 0 0; height: 281px; margin: 0; }
	.productsLanding #Mast {background: url(../images/masts/products.jpg) no-repeat 0 0;}
	#Mast .channel {padding: 55px 45px 30px 490px;}
		.resources #Mast .channel { padding: 75px 50px 30px 580px; }
	.leadGen #Mast { margin: 0; position: relative; }
		.leadGen #Mast h1 {
			padding: 0;
			position: absolute;
			text-indent: -32000em;
		}
		.leadGen #Mast h3 { display: none; }
#Mast .channel h1 { border: 0; color: #fff; font-size: 189%; margin: 0; padding-bottom: 9px; }
	#Mast .channel p {color: #eee; font-size: 108%; font-weight: bold;}
	
#Content {margin-top: 27px; padding-bottom: 60px;}
	.home #Content {margin-top: 38px;}
	.leadGen #Content { margin-top: 0; }
	#ContentChannel { position: relative; }
	
#Content h1 {
	border-bottom: 1px solid #dad9d9;
	color: #3f3f3f;
	font-weight: normal;
	margin-bottom: 18px;
}

#Content h2.borderBottom {
	border-bottom: 1px solid #dad9d9;
	margin-bottom: 10px; 
	padding-bottom: 6px;
}

/* The standard li treatment for lists in the content */
/* We don't style the li site-wide because we also use it in a utility capacity */
#Content li {
	background: url(../images/common/bullet.gif) no-repeat 8px 7px;
	font-size: 93%;
	padding-bottom: 13px;
	padding-left: 24px;
}
#Content li.plain {
	background: none !important;
	list-style-image:none !important;
	list-style-type:none !important;
	font-size: 93%;
	padding-bottom: 13px;
	padding-left:10px !important;
}
	.leadGen #Content li {
		background: url(../images/lead-generation/bullet-icon.png) no-repeat 8px 5px;
	}

#WrapperTopNav p {color: #ffffff;font-size: 108%; vertical-align: middle;}

#Content p {font-size: 93%;}
	#Content p.intro {color: #ffffff; font-size: 108%;}

#Content .deployment p.logo {text-align: center;}
#Content .deployment p.logo img {padding: 21px 0;}

#Content a {color: #e4701e; text-decoration: none;}
	#Content a:hover { text-decoration: underline; }
	#Content a.pdf {background: url(../images/common/icon-pdf.gif) no-repeat 0 0; padding: 1px 0 1px 19px;}
	#Content a.whitePaper {
		background: url(../images/common/icon-whitepaper.gif) no-repeat 0 0;
		padding-left: 19px;
	}
	#Content a.video {
		background: url(../images/common/icon_video.png) no-repeat 0 0;
		padding-left: 19px;
	}
	#Content a.excel {
		background: url(../images/common/excel-icon.png) no-repeat 0 0;
		padding-left: 19px;
	}
	#Content a.notepad {
		background: url(../images/common/text_icon.png) no-repeat 0 0;
		padding-left: 19px;
	}
	#Content a.zip{
		background: url(../images/common/zip_icon.gif) no-repeat 0 0;
		padding-left: 19px;
	}
	#Content a.visio{
		background: url(../images/common/visio_icon.png) no-repeat 0 0;
		padding-left: 21px;
	}
	#Content a.array{
		background: url(../images/common/array-icon.png) no-repeat 0 0;
		padding-left: 21px;
	}
	#Content a.dll{
		background: url(../images/common/dll.gif) no-repeat 0 0;
		padding-left: 19px;
	}

#Content img.rightImage {float: right; padding-bottom: 5px; padding-left: 20px;}

#Content div.hr {border-top: 1px solid #dad9d9; margin: 8px 0 22px;}
	#Content .column div.hr { margin: 14px 0 12px; }

#Content .threeCol {padding-bottom: 12px;}
	#Content .threeCol div.first {float: left; padding-right: 50px; width: 284px;}
	#Content .threeCol div.middle {float: left; padding-right: 50px; width: 310px;}
	#Content .threeCol div.last {float: right; width: 266px;}

#Content .fourCol {padding-bottom: 12px;}
	#Content .fourCol div.first {float: left; padding-right: 40px; width: 208px;}
	#Content .fourCol div.second {float: left; padding-right: 40px; width: 206px;}
	#Content .fourCol div.third {float: left; padding-right: 40px; width: 206px;}
	#Content .fourCol div.last {float: right; width: 220px;}
	#Content .fourCol .tile {padding-top: 5px;}

#Content dl.news {}
	#Content dl.news dt {color: #717171; font-size: 93%; font-weight: bold; padding-bottom: 3px;}
	#Content dl.news dd {font-size: 93%; padding-bottom: 21px;}
	
#Content .event {padding-bottom: 19px;}
	#Content .event p {margin-bottom: 1px;}
		#Content .event p.logo {margin-bottom: 8px;}
			#Content .event p.logo img {padding: 0;}
	#Content .event p.locationDate {color: #717171; font-weight: bold;}
	
#Content .moreLinks ul li {
	background: 0;
	float: left; 
	padding: 0 15px 5px 0;
}
	#Content .moreLinks a {color: #3f3f3f;}
		#Content .moreLinks a:hover { text-decoration: none; }
	#Content .moreLinks a.more {
		background: url(../images/common/more-arrow.gif) no-repeat 100% 4px;
		padding-right: 11px;
	}
		#Content .moreLinks a.more:hover {text-decoration: underline;}
	
#Content .twoCol {}
	#Content .twoCol div.first {float: left; width: 460px;}
	#Content .twoCol div.last {float: right; width: 460px;}
	
#Content .leadership .imageBlock {border-bottom: 1px solid #dad9d9; margin-bottom: 20px; padding-bottom: 9px;}
	#Content .leadership .lastBio {border-bottom: 0; margin-bottom: 20px; padding-bottom: 0;}
	#Content .leadership .imageBlock p.image { float: left; margin-right: 10px; width: auto; }
	#Content .leadership .imageBlock h3 {width: 348px;}
	#Content .leadership .imageBlock h4 {width: 348px;}
	#Content .leadership .imageBlock p { width: 348px; }
	
	#Content .leadership h3 {
		color: #3f3f3f;
		font-size: 123.1%;
		font-weight: normal;
		padding-bottom: 4px;
	}
	#Content .leadership h4 {
		color: #3f3f3f;
		font-size: 93%;
		font-weight: normal;
		padding-bottom: 12px;
		text-transform: uppercase;
	}
#Content .leadership .bio {border-bottom: 1px solid #dad9d9; margin-bottom: 20px; padding-bottom: 9px;}
	
#Content .leadership ul.tabNav {
	border-bottom: 1px solid #dad9d9;
	padding: 0 0 5px 0;
}
	#Content .leadership ul.tabNav li {
		background: url(../images/common/leadership-tabs-divider.gif) no-repeat 100% 4px !important;
		border: 0;
		margin: 0;
		padding: 0 21px 0 16px !important;
	}
		#Content .leadership ul.tabNav li.first {padding-left: 0 !important;}
		#Content .leadership ul.tabNav li.last {background: 0 !important;}
	#Content .leadership ul.tabNav li a {
		background: url(../images/common/leadership-inactive-tab.gif) no-repeat 100% 12px;
		font-size: 204%; 
		color: #878787;
		padding: 0 17px 0 0;
	}
		#Content .leadership ul.tabNav li a:hover {color: #3f3f3f; text-decoration: none;}
		#Content .leadership ul.tabNav li.ui-state-active a {
			background: url(../images/common/leadership-active-tab.gif) no-repeat 100% 13px;
			color: #3f3f3f;
		}
#Content .leadership .tabContent {padding-top: 10px;}
#Content .leadership p.intro {margin-bottom: 20px;}

#Content .productsCol {border-bottom: 1px solid #dad9d9; margin-bottom: 25px; padding-bottom: 12px;}
	#Content .productsCol div.first {
		float: left;
		padding-right: 45px;
		width: 289px;
	}
	#Content .productsCol div.middle {
		float: left;
		width: 289px;
	}
	#Content .productsCol div.last {
		float: right;
		width: 289px;
	}
	
	#Content .productsCol h2 {padding-bottom: 0;}
	#Content .productsCol h4 {color: #666; font-size: 93%; font-weight: normal; padding-bottom: 10px;}

#Content dl.productLinks {padding-bottom: 22px; padding-top: 4px;}
	#Content dl.productLinks dt {
		border-top: 1px solid #dad9d9; 
		font-size: 108%;
		font-weight: bold;
		margin-top: 7px;
		padding-bottom: 2px;
		padding-top: 8px;
	}
	#Content dl.productLinks dd {font-size: 93%; padding-bottom: 2px;}

#Content .speedCorePlatform {border-bottom: 1px solid #dad9d9; margin-bottom: 28px;}
#Content img.right {float: right; padding: 0 0 10px 50px;}

#Content ul.awards {padding-bottom: 12px; padding-top: 18px;}
	#Content ul.awards li {
		background: 0;
		float: left;
		padding: 0 52px 0 0;
	}
		#Content ul.awards li.last {padding-right: 0;}

#Content ul.productNews li {background: 0; padding-left: 0;}
	
/* Content Footer styles */
#ContentFooter {padding-bottom: 8px; padding-top: 22px;}
	#ContentFooter .fiveCol {}
		#ContentFooter .fiveCol div.first {float: left; padding-right: 20px; width: 162px;}
		#ContentFooter .fiveCol div.second {float: left; padding-right: 20px; width: 165px;}
		#ContentFooter .fiveCol div.third {float: left; padding-right: 20px; width: 161px;}
		#ContentFooter .fiveCol div.fourth {float: left; padding-right: 20px; width: 170px;}
		#ContentFooter .fiveCol div.last {float: right; width: ;}
	#ContentFooter .fourCol {}
		#ContentFooter .fourCol div { display: inline; float: left; margin-right: 20px; width: 232px; }
			#ContentFooter .fourCol div.last { margin: 0; width: 204px; }

#ContentFooter h3 {color: #DADADA; font-size: 85%; font-weight: bold; padding: 0 0 6px;}
	#ContentFooter h3 a {color: #b2b2b2; text-decoration: none;}
		#ContentFooter h3 a:hover {text-decoration: underline;}
#ContentFooter ul {padding-bottom: 20px;}
	#ContentFooter ul li {font-size: 85%; padding-bottom: 3px;}
		#ContentFooter ul li a {color: #878787; text-decoration: none;}
			#ContentFooter ul li a:hover {text-decoration: underline;}

#ContentFooter div.last h3 {padding-bottom: 3px;}
#ContentFooter p {color: #878787; font-size: 85%; margin: 0; padding-bottom: 15px;}
	#ContentFooter p a {color: #878787; text-decoration: none;}
		#ContentFooter p a:hover {text-decoration: underline;}

#NewsletterForm {padding: 13px 0 16px;}
	.leadGen #NewsletterForm { padding: 4px 0; }
	#NewsletterForm div { margin: 0 !important; }
#NewsletterForm .emailField {
	background: #4d4c4c;
	border: 0;
	color: #b5b4b4;
	display: block;
	float: left;
	font-size: 85%;
	height: 20px;
	padding-left: 8px;
	padding-top: 3px;
	width: 179px;
}

#NewsletterForm .submit {
	float: left;
	height: 23px;
	width: 25px;
}

#ContentFooter ul.social {padding-bottom: 14px; padding-top: 11px;}
	#ContentFooter ul.social li {float: left; padding-right: 20px;}
		#ContentFooter ul.social li.last {padding-right: 0;}
		#ContentFooter ul.social li a {
			background: url(../images/common/social-icons.png) no-repeat 0 0;
			display: block;
			height: 37px;
			text-indent: -32000em;
			width: 36px;
		}
			#ContentFooter ul.social li a.facebook {background-position: 0 0;}
			#ContentFooter ul.social li a.twitter {background-position: 0 -37px;}
			#ContentFooter ul.social li a.blog {background-position: 0 -74px;}
			#ContentFooter ul.social li a.other {background-position: 0 -111px;}

			
/* Homepage */	
#WrapperMast {
	margin: 34px auto 46px;
  position:relative;
}
#MastCarousel {
  height:310px;
  position:relative;
	width:1061px;
	z-index: 7;
}
#MastCarousel .carousel-image {
  border:0;
  display:block;
}
#MastCarousel .carousel-feature {
  position:absolute;
  top:-1000px;
  left:-1000px;
  cursor:pointer;
}
#MastCarousel .tracker-summation-container {
  color:#fff;
  margin:3px;
  padding:3px;
	position:absolute;
	right:48px;
  top:230px;
}
#MastCarousel .tracker-individual-container {
  color:#fff;
	margin:0;
  padding:0;
	position:absolute;
	right:48px;
  top:210px;
}
#MastCarousel .tracker-individual-container li {
  list-style:none;
}
#MastCarousel .tracker-individual-container .tracker-individual-blip {
  margin:0 3px;
  padding:0 3px;
  color:#fff;
  text-align:center;
}
#MastCarousel .tracker-individual-container .tracker-individual-blip-selected {
  color:#fff;
  font-weight:bold;
}

#MastCarouselLeft span, #MastCarouselRight span {
	background: url(../images/masts/home-controls.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 40px;
	outline: 0;
	position: absolute;
	text-indent: -32000em;
	top: 151px;
	width: 37px;
	z-index: 10;
}
	#MastCarouselRight span {background-position: 100% 0; right: 1px;}
	#MastCarouselLeft span.over {background-position: 0 100%;}
	#MastCarouselRight span.over {background-position: 100% 100%;}

#Content .homeCols {}		
#Content .homeTopRow .aboutArray {float: left; width: 293px;}
#Content .homeTopRow .inTheSpotlight {float: right; width: 617px;}

	#Content .homeTopRow .aboutArray p {color: #717171; font-size: 108%;}
	
	#Content .homeTopRow .inTheSpotlight div.spotlightItem {
		background: 0;
		float: left; 
		padding: 5px 57px 0 0;
		width: 163px;
	}
		#Content .homeTopRow .inTheSpotlight div.last {padding-right: 0;}
		#Content .homeTopRow .inTheSpotlight div.image {padding-bottom: 12px;}
		#Content .homeTopRow .inTheSpotlight h3 {color: #504f4f; font-size: 93%; font-weight: bold; padding-bottom: 1px;}
		#Content .homeTopRow .inTheSpotlight p {color: #717171; margin-bottom: 4px;}
		#Content .homeTopRow .inTheSpotlight p.link {margin-bottom: 12px;}
		
	

	.home #Content h2 {
		border-bottom: 1px solid #dad9d9; 
		margin-bottom: 10px; 
		padding-bottom: 6px;
	}
	.home #Content div.moreLink {
		border-top: 1px solid #dad9d9;
		margin-bottom: 30px;
		padding-top: 5px;
	}
	.home #Content a.more {
		background: url(../images/common/more-arrow.gif) no-repeat 100% 5px;
		color: #3f3f3f;
		display: block; 
		padding-right: 12px;
		float: right;
	}

#Content .quotesAndSolutions {float: left; width: 612px;}
	#Content .quotesAndSolutions .whatPeopleAreSaying {
		float: left;
		padding-right: 58px;
		width: 285px;
	}
		#Content .quotesAndSolutions .whatPeopleAreSaying p.logo {padding: 10px 0;}
		#Content .quotesAndSolutions .whatPeopleAreSaying q {
			color: #717171; 
			display: block; 
			font-size: 93%;
			padding-bottom: 8px;
		}
		#Content .quotesAndSolutions .whatPeopleAreSaying cite {
			color: #717171;
			display: block;
			font-size: 93%;
			font-weight: bold;
			padding-bottom: 8px;
		}
	
	#Content .quotesAndSolutions .featuredSolutions {
		float: left;
		width: 269px;
	}
		#Content .quotesAndSolutions .featuredSolutions ul li {
			background: url(../images/home/bullet.gif) no-repeat 5px 3px; 
			border-bottom: 1px solid #dad9d9;
			margin-bottom: 8px;
		}
			#Content .quotesAndSolutions .featuredSolutions ul li.last {border: 0;}
			#Content .quotesAndSolutions .featuredSolutions ul li a {color: #717171;}


#Content .homeSecondRow .whatsNew {
	float: right;
	width: 300px;
}
	.home #Content .whatsNew h2 {border-bottom: 0;}

#Content .homeSecondRow .whatsNew .moreLinks ul {float: right;}
	#Content .homeSecondRow .whatsNew .moreLinks ul li {float: left;}
		#Content .homeSecondRow .whatsNew .moreLinks a.more {
			background-position: 100% 4px; 
			border-top: 0; 
			float: none;
			padding-top: 0;
		}
			#Content .homeSecondRow .whatsNew .moreLinks a.more:hover {text-decoration: underline;}

.home #Content ul.tabNav {
	background: url(../images/home/tabs-bg.gif) no-repeat 100% 100%;
	border: 0;
	margin: 0;
	padding-left: 0;
}
	.home #Content ul.tabNav li {
		border: 0;
		margin: 0;
	}
		.home #Content ul.tabNav li.last a,
		.home #Content ul.tabNav li.beforeSelected a  {background: 0;}
		.home #Content ul.tabNav li a {
			background: url(../images/home/tabnav-bg.gif) no-repeat 100% -29px;
			border: 0;
			color: #a2a2a2;
			height: 29px;
			padding: 0;
			outline: 0;
			text-decoration: none;
		}
			.home #Content ul.tabNav li a:hover {color: #3f3f3f;}
			.home #Content ul.tabNav li a span {
				display: block;
				padding: 9px 12px 5px;
			}
			
		.home #Content ul.tabNav li.ui-state-active a {
			background: url(../images/home/tabnav-bg.gif) no-repeat 0 0;
			color: #3f3f3f;
		}
			.home #Content ul.tabNav li.ui-state-active a span {
				background: url(../images/home/tabnav-bg.gif) no-repeat 100% 100%;
			}
			
	.home #Content .tabContent {
		background: url(../images/home/tabs-bg.gif) no-repeat 0 0;
		padding: 15px 18px;
	}


#Content .customersCarousel {border-bottom: 1px solid #dedddd; display: relative; width: 960px;}
#Content .customersCarousel ul {}
#Content .customersCarousel li {
	background: 0;
	float: left;
	padding-left: 0;
	width: 160px;
}

	#Content .customersCarousel .jcarousel-prev, #Content .customersCarousel .jcarousel-next {
		background: url(../images/home/carousel-controls.gif) no-repeat 0 0;
		cursor: pointer;
		height: 8px;
		position: absolute;
		top: 40px;
		width: 8px;
	}
	#Content .customersCarousel .jcarousel-prev {	left: 0; }
	#Content .customersCarousel .jcarousel-next {	background-position: 0 100%; right: 0; }
	#Content .customersCarousel .channel {height: 86px; width: 192px;}
		#Content .customersCarousel .channel .content {text-align: center; }
	
	

/* Resources Page */
#Content ul.documents { border-top: 1px solid #DAD9D9; padding-bottom: 8px; }
	#Content ul.documents li {
		background: url(../images/resources/pdf-icon.png) no-repeat 26px 15px;
		border-bottom: 1px solid #DAD9D9;
		font-size: 100%;
		padding: 10px 0 8px 90px;
	}
		#Content ul.documents li.pdf { }
		#Content ul.documents li.video {
			background-image: url(../images/resources/video-icon.png);
		}
		#Content ul.documents li p { margin-bottom: 4px; }

/* Partner Resources */
fieldset.filter { }
	fieldset.filter h3 { color: #3f3f3f; float: left; font-size: 138.5%; font-weight: normal; margin-top: 1px; }
	fieldset.filter select {
		background: #fff;
		color: #717171;
		float: left;
		font-size: 93%;
		margin: 3px 0 0 14px;
		width: 196px;
	}
	fieldset.filter input {
		background: #E4701E;
		border: 3px solid #e3e3e3;
		color: #eee;
		cursor: pointer;
		float: right;
		font-size: 93%;
		padding: 1px 8px;
	}
		fieldset.filter input:hover { color: #fff; }
	
table.resources { width: 100%; }
	table.resources a { color: #717171 !important; display: block; padding: 6px 0; }
		table.resources a:hover { text-decoration: none !important; }
	table.resources thead th {
		color: #3f3f3f;
		font-size: 123.1%;
		padding: 5px 0;
	}
	table.resources th.date { text-indent: 36px; width: 160px; }
		table.resources td.date a {
			background: url(../images/resources/document-sprites-small.gif) no-repeat 10px 50%;
			padding-left: 32px;
		}
			table.resources tr.pdf td.date a { background-position: 10px 50%; }
			table.resources tr.ind td.date a { background-position: -150px 50%; }
			table.resources tr.jpg td.date a { background-position: -310px 50%; }
			table.resources tr.ppt td.date a { background-position: -470px 50%; }

	table.resources th.title { width: 284px; }
	table.resources th.description { width: 320px; }
	table.resources th.format { width: 103px; }
	table.resources th.size { width: 93px; }
	table.resources tbody th {
		background: #3f3f3f url(../images/resources/row-controls.gif) no-repeat 939px 0;
		border-top: 1px solid #F3F2F2;
		color: #e3e3e3;
		cursor: pointer;
		font-size: 93%;
		height: 27px;
		padding-left: 10px;
	}
		table.resources tbody.collapsed th { background-position: 939px -27px; }
		table.resources tbody.collapsed td { display: none; }
		
	table.resources tbody td {
		background: #e3e3e3;
		border-top: 1px solid #F3F2F2;
		font-size: 93%;
		height: 27px;
	}
		table.resources tbody tr.alt td { background: #fafafa; }
		table.resources tbody tr.over td { background: #E4701E; }
			table.resources tbody tr.over a { color: #fff !important; }
		
p.note {
	border: 1px solid #dad9d9;
	border-left: 0;
	border-right: 0;
	margin-top: 20px;
	padding: 10px 0 8px;
	
}

/* Portal */
#Content .twoCol .newsAndResources {
	float: left;
	padding-bottom: 27px;
	width: 502px;
}

#Content .twoCol .browseResources {
	float: right;
	width: 376px;
	padding-bottom: 27px;
}

#Content .browseResourcesForm {padding-top: 8px;}
#Content .browseResourcesForm label {
	color: #717171;
	display: block;
	font-size: 93%;
	font-weight: bold;
	padding-bottom: 6px;
}
#Content .browseResourcesForm select {
	background: #fff;
	border: 1px solid #ddd;
	color: #717171;
	display: block;
	font-size: 93%;
	height: 33px;
	margin-bottom: 17px;
	padding: 8px 13px 4px;
	width: 100%;
}
#Content .browseResourcesForm input.submit {
	border: 0;
	float: right;
	height: 39px;
	margin-top: 2px;
	width: 143px;
}

#Content .tile .dealRegistration {
	background: url(../images/portal/tile-deal-registration.png) no-repeat 100% 100%;
	padding-bottom: 145px;
	width: 219px;
}
	#Content .tile .dealRegistration .channel {
		background: url(../images/portal/tile-deal-registration.png) no-repeat 0 0;
		padding: 21px 16px 0;
	}
		#Content .tile .dealRegistration .channel h2 {
			color: #3f3f3f;
			font-size: 153.9%; 
			font-weight: bold;
			margin-top: 0; 
			padding-bottom: 6px;
		}
		#Content .tile .dealRegistration .channel p {
			color: #717171;
			margin-bottom: 0;
			padding-bottom: 7px;
		}
		#Content .tile .dealRegistration .channel a {
			background: url(../images/common/more-arrow.gif) no-repeat 100% 3px;
			color: #3f3f3f;
			padding-right: 15px;
		}

/* Lead Generation */
#Sidebar form { }
	#Sidebar label {
		color: #717171;
		display: block;
		font-size: 93%;
		height: 33px;
		line-height: 33px;
		position: absolute;
		text-indent: 20px;
		z-index: 5;
	}
		#Sidebar label em { color: #E67A2D; }
	#Sidebar input { 
		background: url(../images/lead-generation/input-field-bg.png);
		border: 0;
		display: block;
		font-size: 93%;
		height: 33px;
		line-height: 33px;
		margin-bottom: 10px;
		position: relative;
		width: 304px;
		z-index: 2;
		text-indent: 20px;
	}
		#Sidebar input.submit {
			background: #E4701E;
			border: 3px solid #e3e3e3;
			color: #fff;
			cursor: pointer;
			display: inline;
			float: right;
			font-weight: bold;
			line-height: 1.0em;
			margin: 19px 0 0;
			position: static;
			padding: 4px 8px;
			text-indent: 0;
			width: auto;
		}

	.formBlock {
		background: #6f6e6e;
		border: 3px solid #e3e3e3;
		padding: 18px;
	}
	
/* Product Detail */
.highlightsAndBenefits { }
	.highlightsAndBenefits ul.one { float: left; width: 48%; }
	.highlightsAndBenefits ul.two { float: right; width: 48%; }

a.buy {
	background: url(../images/products/how_to_buy.png) no-repeat 0 0;
	color: #fff !important;
	font-weight: bold;
	height: 32px;
	line-height: 33px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: -5px;
	width: 135px;
}
	a.buy:hover { background-position: 0 -33px; text-decoration: none !important; }
	a.buy span { padding: 0 0 0 16px; }


/* Product Category */
.productInfo { position: relative; }
	.productInfo p.moreInfo {
		position: absolute;
		right: 0;
		top: 5px;
	}

ul.productShots { margin-bottom: 8px; }
ul.productShots li {
		background: #fff !important;
		border: 1px solid #dad9d9;
		display: inline;
		float: left;
		font-size: 100% !important;
		margin: 0 0 14px 14px;
		min-height: 324px;
		padding: 0 !important;
		text-align: center;
		width: 227px;
}
	ul.productShots li.start { margin: 0; }
	ul.productShots h4 { color: #666; padding: 17px 15px 0; text-align: left; }
	ul.productShots p { padding: 0 15px; text-align: left; }
	ul.productShots img {padding-bottom: 10px;}
	
.quote { padding-bottom: 12px; }
 	.quote q { float: right; font-size: 123.1%; width: 785px; }
	.quote cite { float: right; font-size: 93%; padding-top: 8px; width: 785px; }
	.quote p.logo {
		float: left;
		margin: 0;
		line-height: 85px;
		min-height: 65px;
		text-align: center;
		width: 150px;
	}

.content .datacenter {
	background: url(../images/products/datacenter-bg.png) no-repeat 0 0;
	padding-left: 150px;
}
dl.caseStudies { }
	dl.caseStudies dt { float: right; padding-bottom: 12px; width: 59%; }
	dl.caseStudies dd { float: left; padding-bottom: 12px; width: 40%; }

.feature p.moreLinks { float: right; width: 59%; }
	.feature p.moreLinks a { font-size: 108%; color: #666 !important; }


/* Blog */
#BlogHeader { }
	#BlogHeader .header {
		color: #fff;
		font-size: 167%;
		line-height: 55px;
		text-transform: uppercase;
	}
		#BlogHeader .header em { color: #e4701e; }

.article { }
	.article h1 { border: none !important; }
		.article h1 a { color: #3f3f3f !important; }
	
	.article .iteminfo { padding-bottom: 12px; }
		.article .iteminfo img { float: left; }
		.article .iteminfo .createdate { display: block; margin-left: 70px; }
		.article .iteminfo ul { margin-top: 14px; }
			.article .iteminfo li {
				background: none !important;
				border-right: 1px solid #ccc;
				float: left;
				height: 21px;
				padding: 0 9px !important;
			}
				.article .iteminfo li.social { border: 0; }
				.article .iteminfo li a {
					background: url(../images/blog/item-info-sprite.png) no-repeat 0 0;
					color: #666 !important;
					float: left;
					height: 21px;
					line-height: 21px;
					padding-left: 25px;
				}
					.article .iteminfo li a.mail {
						background-position: 0 -21px;
						padding: 0;
						text-indent: -32000em;
						width: 15px;
					}
					.article .iteminfo li a.print {
						background-position: 0 -42px;
						padding: 0;
						text-indent: -32000em;
						width: 17px;
					}

/*
	TODO Standard Box Styles
*/
.highlightBox { }
.featureBox { }

/* Simple tab navigation */
ul.tabNav { border-bottom: 1px solid #333; margin-bottom: 8px; padding-left: 20px; }
	ul.tabNav li {
		background: 0 !important;
		border: 1px solid #333;
		border-bottom: 0;
		float: left;
		padding: 0 !important;
		margin: 0 5px -1px 0;
	}
		ul.tabNav a { float: left; padding: 3px 8px; }
			ul.tabNav li.ui-state-active { background: #ddd; }

	body.resources ul.tabNav {
		background: url(../images/resources/tab-bg.png) repeat-x 0 100%;
		border: 0;
		height: 40px;
		padding-left: 10px;
	}
		body.resources ul.tabNav li {
			background: url(../images/resources/tab-bg.png) no-repeat 0 0 !important;
			border: 0;
			font-size: 100% !important;
			padding: 0 8px !important;
			margin: 0 3px 0 0;
		}
			body.resources ul.tabNav li.ui-state-active { background-position: 0 -40px !important; }
			body.resources ul.tabNav a {
				color: #717171 !important;
				float: left;
				font-size: 123.1%;
				line-height: 30px;
				height: 30px;
				padding: 10px 0 0;
				width: 169px;
			}
				body.resources ul.tabNav a:hover { text-decoration: none !important; }
				body.resources ul.tabNav li.ui-state-active a { color: #e4701e !important; }
/* 
	Image Block
	
	Image on left, content on right

	<div class="imageBlock selfClear">
		<h3>Content Title</h3>
		<p class="image"><a href="/images/larger-version.png" rel="prettyPhoto"><img src="/images/smaller-version.jpg" width="186" height="130" alt="alt text" /></a></p>
		<p>Info about the image</p>
	</div>
*/
.imageBlock { }
	.imageBlock h3 { float: right; }
	.imageBlock h4 { float: right; }
	.imageBlock p { float: right; }
		.imageBlock p.image { float: left; margin-right: 10px; width: auto; }

/* Image Block layout Properties - custom for each site/implementation */
.imageBlock p { width: 200px; }
.imageBlock h3 { width: 200px; }
.imageBlock h4 { width: 200px; }


/*
	Layout horizontal buttons

	<ul class="buttons">
		<li><a href="#" class="button sampleButton"><span><em>Button 1</em></span></a></li>
		<li><a href="#" class="button sampleButton"><span><em>Button 2</em></span></a></li>
		<li><a href="#" class="button sampleButton"><span><em>Button 3</em></span></a></li>
	</ul>
*/
ul.buttons { margin-bottom: 8px; }
	ul.buttons li {
		background: 0 !important;
		float: left;
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}

/* 
	Standard Button Display
	
	<p class="selfClear"><a href="#" class="button sampleButton"><span><em>Sample Button</em></span></a></p>
*/
a.button {
	display: block;
	float: left; /* Collapse around text */
	text-decoration: none;
}
	a.button:hover { text-decoration: none; }
	a.button span {	display: block;	float: left; }
		a.button em {	display: block; float: left; }

/* Custom display properties for a button on the site - updated for each site */
a.sampleButton {
	background: url(../images/common/sample-button-bg.png) no-repeat 100% 100%; 
	height: 41px; /* height of button image */
	padding-right: 10px; /* right padding for image edge */
}
	a.sampleButton span {
		background: url(../images/common/sample-button-bg.png) no-repeat 0 0;
		color: #fff;
		font-size: 116%;
		padding-left: 10px; /* balance out right padding */
	}
		a.sampleButton:hover span { color: #fc0; }
		a.sampleButton em {
			line-height: 41px; /* Provides vertical centering */
			/* Add styles here if image has an icon on it, left or right of text */
		}

/*
	TODO More links
*/
a.more { }

/*
	TODO Button Style
*/
a.button { }
	a.buttonLarge { }
	a.button span { }
		a.button span em { }

/*
	Same height columns

<div class="columnWrapper">
	<ul class="columns twoUp">
		<li class="column"></li>
		<li class="column"></li>
	</ul>
</div>
*/
div.columnWrapper {
	position: relative; /* relative position on display table element causes problems */
}
	ul.columns {
		display: table;
		margin: 0 !important;  /* Override any values set for */
		padding: 0 !important; /* lists in the content area */
	}
		ul.columns li.column {
			display: table-cell;
			vertical-align: top;
			background: none !important; /* Override any values */
			margin: 0 !important;        /* set for lists in */
			padding: 0 !important;       /* the content area */
			font-size: 100% !important;
		}
			ul.twoUp li.column { width: 50%; }
			ul.threeUp li.column { width: 33%; }

			ul.twoUp li.column1 .content { padding-right: 25px; }
			ul.twoUp li.column2 .content { padding-left: 25px; }

			ul.columns li.column .narrow { padding: 0 25px; }


/* Need vertical centering solution that works for both one and two lines of text.
   See: http://www.ilikespam.com/blog/centering-multiple-line-content-with-css */
.vertBox .channel { display: table; }
	.vertBox .channel .content {	display: table-cell; vertical-align: middle; }

/* Set layout properties for specific vertical positioning implementations.
	The standard selector should remain unchanged from project to project.
	
	<div class="vertBox sampleVertBox">
		<a href="#" class="channel">
			<span class="content">lorem</span>
		</a>
	</div>
*/
div.sampleVertBox .channel {
	border: 1px solid #333;
	height: 39px; /* Set as appropriate */
}
	div.sampleVertBox .content {
		font-size: 93%; /* Set as appropriate  */
		line-height: 1.2em; /* Set as appropriate */
		padding: 0 6px;
		text-align: center;
		width: 88px; /* Set as appropriate */		
	}

.ui-tabs-hide { display: none; }

#catcordion {
width:960px;
}
#catcordion dt a{
	font-weight:bold !important;
	height:30px;
	line-height:25px;
	}
#catcordion dd {
	border-bottom:1px solid #dad9d9; margin: 8px 0 22px;
}