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

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html {
	color:#000;
	background:#FFF;
}

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

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) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
body {
	font:13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}

select, input, button, textarea {
	font:99% arial, helvetica, clean, sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}

pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}

.ANQuestion {
	background: #FFFF00;
}

#Wrapper {
}

#WrapperContent {
	width: 960px;
} /* Width of "page" */

#WrapperFooter {
	width: 960px;
}

#MainChannel {
} /* Width of left channel and center channel combined */

#Content {
	width: 685px;
} /* Width of center channel */

body.noSidebar #Content {
	width: 912px;
} /* Center channel with no sidebar */

#Sidebar {
	width: 198px;
} /* Single sidebar on right */

/* = End Widths = */

#Wrapper {
	background: url(../images/common/content-bottom-bg.gif) repeat-x 0 100%;
}

#WrapperContentContainer {
	background: url(../images/common/body-bg.png) no-repeat 50% 0;
}

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

#WrapperFooter {
	margin: 0 auto; /* Make footer centered */
	padding: 0;
}

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

/* Sprites used here for improved performance */
#Toolbar {
	padding-top: 6px;
}

#Toolbar ul.links {
	float: right;
}

#Toolbar ul.links li.last {
	background: 0;
	padding-right: 0;
}

#Toolbar li {
	background: url(../images/common/toolbar-divider.gif) no-repeat 100% 9px;
	float: left;
	padding: 3px 12px 0 12px;
}

#Toolbar ul.links li.last {
	background: 0;
	position: relative;
	padding-top: 0;
}

#Toolbar a {
	color: #707070;
	font-size: 85%;
	text-decoration: none;
}

#Toolbar a.login {
	background: url(../images/common/login-arrow.gif) no-repeat 100% 3px;
	padding-right: 14px;
}

#Toolbar a:hover {
	color: #ef890d;
}

#Toolbar .searchForm {
	width: 161px;
}

#Toolbar .searchForm .searchBox {
	float: left;
}

#Toolbar .searchForm .searchBox input.textbox {
	background: url(../images/common/searchbox.gif) no-repeat 0 0;
	border: 0;
	color: #797979;
	font-size: 85%;
	height: 19px;
	padding: 2px 5px 0 5px;
	width: 121px;
}

#Toolbar .searchForm .searchSubmit {
	float: left;
}

#Toolbar .searchForm .searchSubmit input.submit {
	height: 21px;
	width: 25px;
}

#SiteId {
	position: absolute;
	top: 40px; /* Push site id down below toolbar visually */
	z-index: 5;
}

/* Top Navigation */
#NavigationPrimary {
	margin-bottom: 15px;
	position: relative;
	z-index: 3;
}

#NavigationPrimary ul {
	float: right;
	margin-top: 31px;
	width: 736px;
	z-index: 2;
}

#NavigationPrimary li { /* Topnav item */
	background: url(../images/primary-navigation/divider.gif) no-repeat 100% 3px;
	float: left; /* Keep nav in a line */
	padding-left: 0;
	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 */
	padding: 0 14px;
}

#NavigationPrimary li.last {
	background: 0;
	padding-right: 0;
}

#NavigationPrimary li.over {
	z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */
}

#NavigationPrimary a { /* Topnav link */
	color: #5273a5;
	display: block;
	font-size: 123.1%;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
	white-space: nowrap;
}

#NavigationPrimary a:hover {
	color: #ec890c;
}

#NavigationPrimary a.active {
	color: #ec890c;
}

#NavigationPrimary li.over a {
	color: #ec890c;
}

li#PrimaryNavigationRequest-trial a {
	background: url(../images/primary-navigation/request-trial.png) no-repeat;
	height: 29px;
	outline: 0;
	padding-bottom: 0;
	padding-top: 0;
	text-indent: -32000em;
	width: 97px;
}

#NavigationPrimary ul ul { /* Dropdown menu */
	display: none;
	float: none;
	left: -1px;
	margin-top: 0;
	position: absolute;
	top: 100%;
	width: 193px;
	z-index: 8;
}

#NavigationPrimary li.over ul {
	display: block; /* Show the dropdown on hover */
}

#NavigationPrimary li li { /* Dropdown item */
	display: block;
	float: none; /* Make dropdown items appear on top of each other, not next to */
	padding: 0;
}

#NavigationPrimary li.over li a, #NavigationPrimary li li a {
	background: url(../images/primary-navigation/dropdown-bg.png) no-repeat 50% 50%;
	border-bottom: 1px solid #EDEBEB;
	color: #666;
	display: block;
	font-size: 100%;
	font-weight: normal;
	padding: 7px 12px;
	white-space: normal;
	width: 169px;
} /* Dropdown link */

#NavigationPrimary li.over li.first a, #NavigationPrimary li li.first a {
	background-position: 50% 0;
	padding-top: 10px;
}

#NavigationPrimary li.over li.last a, #NavigationPrimary li li.last a {
	background-position: 50% 100%;
	border-bottom: 0;
	padding-bottom: 10px;
}

#NavigationPrimary li li.last.first a {
	background: url(../images/primary-navigation/dropdown-bg-single.png) no-repeat 0 0;
}

#NavigationPrimary li.over li a.over {
	font-weight: bold; /* Same specificity as above, but later in sheet means it wins */
}

#Mast {
	background: url(../images/mast/default.png) no-repeat 0 0;
	height: 149px;
	position: relative;
	z-index: 2;
}

#Mast .content {
	padding: 30px 0 0 21px;
}

#Mast h1 {
	color: #fff;
	font-size: 189%;
	padding-bottom: 13px;
	padding-right: 375px;
}

body.home #Mast h2 {
	color: #3E6C97;
	font-size: 250%;
	font-weight: bold;
	padding-bottom: 25px;
}

#Mast .button {
	background: url(../images/mast/button.png) no-repeat 100% 100%;
	display: block;
	float: left;
	height: 38px;
	padding-right: 10px;
}

#Mast .button a {
	background: url(../images/mast/button.png) no-repeat 0 0;
	color: #5273a5;
	display: block;
	font-size: 116%;
	font-weight: bold;
	height: 38px;
	padding-left: 15px;
	text-decoration: none;
}

#Mast .button a span {
	display: block;
	padding: 6px 20px 0 27px;
}

#Mast .button a span.resourceKit {
	background: url(../images/mast/icon-resource-kit.gif) no-repeat 0 6px;
}

body.pressRelease #Mast p {
	color: #fff;
	font-size: 189%;
	padding-bottom: 13px;
	padding-right: 430px;
}

body.why-skytap #Mast {
	background-image: url(../images/mast/why-skytap.jpg);
}

body.solutions #Mast {
	background-image: url(../images/mast/solutions.jpg);
}

body.skytap-cloud #Mast {
	background-image: url(../images/mast/skytap-cloud.jpg);
}

body.customers #Mast {
	background-image: url(../images/mast/customers.jpg);
}

body.news-events #Mast {
	background-image: url(../images/mast/news-events.jpg);
}

body.about-us #Mast, body.contact-us #Mast {
	background-image: url(../images/mast/about-us.jpg);
}

body.support #Mast {
	background-image: url(../images/mast/support.jpg);
}

body.landing #Mast {
	background-image: url(../images/mast/landing.png);
}

body.free-trial #Mast {
	background: 0;
	height: 115px;
	margin: 0 auto;
	width: 960px;
}

body.free-trial #Mast .content {
	padding: 40px 26px 0 21px;
}

body.free-trial #Mast .content h2 {
	color: #fff;
	display: block;
	float: left;
	font-size: 204%;
	font-weight: bold;
	width: 600px;
}

body.free-trial #Mast .content .contactNumber {
	color: #fff;
	display: block;
	font-size: 204%;
	font-weight: bold;
	float: right;
	padding-top: 2px;
	text-align: center;
	width: 291px;
}

body.your-skytap #Mast .content {
	padding-top: 20px;
}

body.yourSkytap #Mast .content h2 {
	padding-top: 6px;
}

body.yourSkytap #Mast .content .contactNumber {
	padding-top: 20px;
}

body.home #Mast {
	background: 0;
	height: auto;
	margin: 50px 26px 0 22px;
}

body.home #HomeMastCarousel {
	height: 320px;
	position: relative;
	overflow: hidden;
}
body.home #HomeMastCarousel p {
color: #707070;
font-size: 153.9%;
line-height: 1.4em;
margin-bottom: 45px;
}
body.home #HomeMastCarousel p > a {
background: 0;
color: #F2A754;
float: none;
padding: 0;
text-decoration: underline;
}
body.home #HomeMastCarousel > div {
	height: 320px;
	width: 912px;
	z-index: 1;
}

body.home #HomeMastCarousel > div.one {
	background: url(../images/mast/fma-award.jpeg) no-repeat 100% 100%;
}

body.home #HomeMastCarousel > div.one h2 {
	font-size: 235%;
	padding-bottom: 7px;
}

body.home #HomeMastCarousel > div.two {
	background: url(../images/mast/home-banner-1-bg.jpg) no-repeat right center;
}

body.home #HomeMastCarousel > div.three {
	background: url(../images/mast/home-banner-2-bg.jpg) no-repeat 100% 100%;
}

body.home #HomeMastCarousel > div.four {
	background: url(../images/mast/VMs.png) no-repeat top right;
}

body.home #HomeMastCarousel ul {
	margin-left: 16px;
}

body.home #HomeMastCarousel ul li {
	background: url(../images/common/bullet-large.png) no-repeat 0 8px;
	color: #707070;
	font-size: 153.9%;
	height: auto;
	margin-bottom: 20px;
	padding-left: 20px;
}

body.home #HomeMastCarousel a {
	background: url(../images/home/button-bg.png) no-repeat 0 0;
	float: left;
	padding-left: 31px;
	text-decoration: none;
}

body.home #HomeMastCarousel span {
	background: url(../images/home/button-bg.png) no-repeat 100% 100%;
	cursor: pointer;
	float: left;
	height: 101px;
	padding: 0 47px 0 9px;
}

body.home #HomeMastCarousel em {
	background: url(../images/home/button-icon-bg.png) no-repeat 100% 50%;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 153.9%;
	line-height: 95px;
	padding-right: 30px;
}

body.home #HomeMastCarousel a.webinar {
	background: 0;
	color: #5273a5;
	font-weight: bold;
	padding-left: 12px;
	padding-top: 31px;
	text-decoration: underline;
}

body.home #Mast .carouselNav {
	left: 400px;
	position: absolute;
	top: 260px;
	z-index: 20;
}

body.home #Mast .carouselNav li {
	background: #8ea4c4 url(../images/home/mastnav-inactive-bg.gif) no-repeat;
	color: #fff;
	cursor: pointer;
	display: inline;
	float: left;
	font-size: 85%;
	height: 20px;
	line-height: 20px;
	margin-right: 7px;
	text-align: center;
	text-decoration: none;
	width: 27px;
}

body.home #Mast .carouselNav li.activeSlide {
	background: #ca730d url(../images/home/mastnav-active-bg.gif) no-repeat;
}

.landing #Breadcrumbs {
	display: none;
}

#Breadcrumbs {
	bottom: 3px;
	color: #9EB5CA;
	font-size: 85%;
	left: 21px;
	bottom: 5px;
	position: absolute;
}

#Breadcrumbs a {
	color: #e2e8f2;
	text-decoration: none;
}

#Breadcrumbs a, #Breadcrumbs span {
	padding-right: 4px
}

#Breadcrumbs a:hover, #Breadcrumbs span {
	color: #fff;
}

#Breadcrumbs span.last {
	color: #9EB5CA;
}

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

/* Wrap left and center channel so that we can put center channel first */
/* in markup for optimal content ordering */
#MainChannel {
}

/* Center channel */
#Content {
	float: left;
	padding-bottom: 20px;
	padding-top: 2px;
}

body.home #Content {
	padding-bottom: 40px;
}

/* 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 */
#Content h1 {
	color: #5273a5;
	font-size: 189%;
	font-weight: bold;
	padding-bottom: 15px;
}

#Content h2 {
	color: #5273a5;
	font-size: 138.5%;
	font-weight: bold;
	padding-bottom: 15px;
}

#Content h3 {
	color: #6f6f6f;
	font-size: 116%;
	font-weight: bold;
	padding-bottom: 15px;
}

#Content h4 {
	color: #000;
	font-size: 108%;
	font-weight: bold;
	padding-bottom: 10px;
}

#Content p {
	color: #333;
	margin-bottom: 24px;
}

#Content a {
	color: #e87e00;
}

#Content span.italic {
	font-style: italic;
}

.youTubeVideo {
	margin-bottom: 20px;
	text-align: center;
}

.diagramImage {
	margin-bottom: 20px;
	text-align: center;
}

/* 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 ul {
	margin-bottom: 14px;
	margin-left: 14px;
}

#Content ul li {
	background: url(../images/common/bullet.gif) no-repeat 2px 5px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#Content ul ul {
	margin-top: 5px;
	margin-bottom: 0;
}

#Content ul li ul li.last {
	padding-bottom: 0;
}

#Content ol {
	margin-bottom: 14px;
	margin-left: 20px;
}

#Content ol li {
	list-style-type: decimal;
	margin-left: 15px;
	padding-bottom: 10px;
	padding-left: 0;
}

#Content ol.roman li {
	list-style-type: lower-roman;
}

#Content div.hr {
	background: url(../images/common/divider.png) no-repeat top center;
	display: block;
	height: 30px;
	margin-bottom: 10px;
	clear: both;
}

#Content dl.newsListing {
	margin-bottom: 20px;
}

#Content dl.newsListing dt {
	float: left;
}

#Content dl.newsListing dd {
	margin-bottom: 10px;
	padding-left: 100px;
}

body.home ul.columns li.two {
	background: url(../images/home/column-divider-bg.png) no-repeat 0 50% !important;
}

body.home li.one .content {
	font-size: 93%;
	padding-right: 35px;
}

body.home #Content li.one .content p {
	line-height: 1.5em;
	margin-bottom: 15px;
}

body.home #Content p.last {
	margin-bottom: 0;
}

#Content .quote {
	margin-bottom: 23px;
	padding: 0 45px 0 35px;
}

body.home #Content .quote {
	background: url(../images/home/left-quote.png) no-repeat 45px 0;
	margin-top: 20px;
	padding-right: 10px;
}

#Content .quote q {
	background: url(../images/common/left-quotation-marks.gif) no-repeat 0 0;
	color: #5273a5;
	display: block;
	font-size: 116%;
	font-weight: bold;
	padding-left: 50px;
	padding-top: 7px;
}

body.home #Content .quote q {
	background: url(../images/home/right-quote.png) no-repeat 100% 100%;
	color: #707070;
	font-size: 146.5%;
	font-style: italic;
	margin-bottom: 10px;
	padding-right: 30px;
	padding-bottom: 6px;
}

#Content .quote q span {
	background: url(../images/common/right-quotation-marks.gif) no-repeat 100% 100%;
	display: block;
	padding-right: 50px;
}

#Content .quote cite {
	color: #666;
	display: block;
	font-size: 93%;
	padding-left: 115px;
	padding-top: 10px;
}

body.home #Content .quote cite {
	float: right;
	font-size: 116%;
	font-weight: bold;
	padding: 0;
}

cite#GartnerLogo {
	background: url(../images/home/gartner-logo.png) no-repeat 0 0;
	height: 23px;
	text-indent: -32000em;
	width: 95px;
}

#Content .quote .logo {
	padding-left: 115px;
	padding-top: 15px;
}

#Content .videoBlock {
	margin-bottom: 24px;
}

#Content .videoBlock p {
	float: right;
}

#Content .videoBlock p.image {
	float: left;
	margin-bottom: 0;
	margin-right: 21px;
	width: 262px;
}

#Content .videoBlock p.image span.caption {
	color: #d4861d;
	display: block;
	font-size: 85%;
	text-align: center;
}

/* Video Block layout Properties - custom for each site/implementation */
#Content .videoBlock p {
	width: 402px;
}

#Content .twoCol {
}

#Content .narrow {
	width: 415px;
}

#Content .twoCol .first {
	float: left;
	width: 48%;
}

#Content .twoCol .last {
	float: right;
	width: 48%;
}

body.landing #Content .twoCol div.first {
	float: left;
	width: 46%;
}

body.landing #Content .twoCol div.last {
	float: right;
	width: 45%;
}

body.landing #Content .threeCol {
	border-top: 1px solid #dbdbdc;
	padding-top: 20px;
}

body.landing #Content .threeCol div.first {
	float: left;
	padding-right: 43px;
	width: 275px;
}

body.landing #Content .threeCol div.middle {
	float: left;
	width: 276px;
}

body.landing #Content .threeCol div.last {
	float: right;
	width: 275px;
}

.popupNavigation {
	padding: 33px 0 0;
	position: relative;
	z-index: 20;
}

#ExploreSkytap {
	background: url(../images/home/explore-skytap.gif) no-repeat 0 0;
	float: left;
	height: 33px;
	padding-bottom: 0 !important;
	text-indent: -32000em;
	width: 380px;
}

.popupNavigation .navBlock {
	float: left;
	margin-left: 6px;
	position: relative;
}

.popupNavigation h3 {
	height: 33px;
	text-indent: -32000em;
	width: 258px;
}

#ByRole {
	background: url(../images/home/by-role.png) no-repeat 0 0;
}

#BySolution {
	background: url(../images/home/by-solution.png) no-repeat 0 0;
}

.popupNavigation .hover h3 {
	background-position: 0 100% !important;
}

.popupNavigation ul {
	background: url(../images/home/popup-nav-bg.png) no-repeat 50% 0;
	display: none;
	position: absolute;
	bottom: 100%;
	margin: 0 !important;
	padding: 3px 0;
	width: 258px;
}

.popupNavigation .hover ul {
	display: block;
}

.popupNavigation li {
	border-bottom: 1px solid #EDEBEB;
}

.popupNavigation li.last {
	border: 0;
}

.popupNavigation li a {
	color: #666;
	display: block;
	line-height: 27px;
	padding: 0 10px;
	text-decoration: none;
}

.popupNavigation li.last a {
	border: 0;
}

.popupNavigation li a:hover {
	font-weight: bold;
}

#Content a.button {
	background: url(../images/common/button.png) no-repeat 0 100%;
	color: #fbe9d2;
	font-weight: bold;
 font-size:;
	height: 31px;
	padding-left: 15px;
	text-decoration: none;
}

#Content a.button:hover {
	color: #fff;
}

#Content a.button span {
	background: url(../images/common/button.png) no-repeat 100% 0;
	height: 25px;
	min-width: 175px;
	padding-right: 15px;
	padding-top: 6px;
	text-align: center;
}

#Content .resourceItem {
	border-top: 1px solid #eee;
	margin-bottom: 10px;
	padding-top: 12px;
}

#Content .resourceItem h3 {
	float: right;
	width: 630px;
}

#Content .resourceItem p {
	color: #666;
	float: right;
	font-weight: normal;
	margin-bottom: 12px;
	width: 630px;
}

#Content .resourceItem p a {
	color: #5273a5;
}

#Content .resourceItem p.image {
	float: left;
	margin-right: 10px;
	width: auto;
}

#Content .event {
	border-top: 1px solid #eee;
	margin-bottom: 10px;
	padding-top: 12px;
}

#Content .event h3 {
	float: right;
	width: 520px;
}

#Content .event h3 span {
	color: #333;
	display: block;
	font-weight: bold;
	font-size: 85%;
}

#Content .event p {
	color: #666;
	float: right;
	font-weight: normal;
	margin-bottom: 12px;
	width: 520px;
}

#Content .event ul {
	color: #666;
	float: right;
	font-weight: normal;
	margin-bottom: 12px;
	width: 520px;
}

#Content .event p.image {
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 150px;
}

#Content .article {
	border-top: 1px solid #eee;
	margin-bottom: 10px;
	padding-top: 12px;
}

#Content .article p {
	color: #333;
	float: right;
	font-weight: normal;
	margin-bottom: 2px;
	width: 440px;
}

#Content .article p.image {
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 205px;
}

#Content .article p.date {
	font-size: 85%;
	text-transform: uppercase;
}

#Content .article p.source {
	font-size: 108%;
	font-weight: bold;
}

#Content .article p.title {
	font-size: 93%;
	margin-bottom: 12px;
}

#Content .investor {
	border-top: 1px solid #eee;
	margin-bottom: 10px;
	padding-top: 12px;
}

#Content .investor h3 {
	float: right;
	width: 490px;
}

#Content .investor h3 span {
	color: #333;
	display: block;
	font-weight: bold;
	font-size: 85%;
}

#Content .investor p {
	color: #666;
	float: right;
	font-weight: normal;
	margin-bottom: 12px;
	width: 490px;
}

#Content .investor p.image {
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 180px;
}

#Content .partner {
	border-top: 1px solid #eee;
	margin-bottom: 10px;
	padding-top: 12px;
}

#Content .partner h3 {
	float: right;
	width: 490px;
}

#Content .partner h3 span {
	color: #333;
	display: block;
	font-weight: bold;
	font-size: 85%;
}

#Content .partner p {
	color: #666;
	float: right;
	font-weight: normal;
	margin-bottom: 12px;
	width: 490px;
}

#Content .partner p.image {
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 180px;
}

#Content ul.customerLogos {
	margin-left: 0;
}

#Content ul.customerLogos li {
	background: 0;
	float: left;
	padding-left: 0;
	text-align: center;
	vertical-align: middle;
	width: 171px;
	height: 80px;
}

#Content ul.customerLogos li img {
	vertical-align: baseline;
	margin: 0 auto;
}

#Content ul.partnerLogos {
	margin-left: 0;
}

#Content ul.partnerLogos li {
	background: 0;
	float: left;
	padding-left: 0;
	text-align: center;
	width: 171px;
}

#Content .headquarterMap {
	display: block;
	margin-bottom: 24px;
	text-align: center;
	width: 100%;
}

#Content .leftImage {
	float: left;
	padding: 0 10px 10px 0;
	width: auto;
}

#Content .rightImage {
	float: right;
	padding: 0 0 10px 10px;
	width: auto;
}

#Content table.featuresBenefits {
	margin-bottom: 24px;
	table-cell: collapse;
}

#Content table.featuresBenefits th, #Content table.featuresBenefits td {
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: top;
}

#Content table.featuresBenefits th {
	font-weight: bold;
}

#Content .intro {
	margin-bottom: 24px;
}

#Content .introContent {
	background: url(../images/common/intro-box-bg.gif) no-repeat 0 0;
	float: left;
	padding-top: 15px;
	width: 605px;
}

#Content .introContent .channel {
	background: url(../images/common/intro-box-bg.gif) no-repeat 100% 100%;
	min-height: 255px;
	padding: 0 180px 15px 25px;
}

#Content .introContent .channel p {
	color: #333;
	font-size: 108%;
}

#Content .introContent .channel ul li {
	color: #333;
	font-size: 108%;
}

#Content .resourceKitForm {
	float: right;
	width: 291px;
}

#Content .benefitsBox {
	background: url(../images/common/benefits-box-bg.gif) no-repeat 0 0;
	margin-bottom: 24px;
	padding-top: 25px;
}

#Content .benefitsBox .channel {
	background: #eee url(../images/common/benefits-box-bg.gif) no-repeat 100% 100%;
	padding: 0 30px 15px 30px;
}

#Content .benefitsBox .channel h2 {
	color: #e87e00;
}

#Content .benefitsBox .channel ul {
	margin: 0;
}

#Content .benefitsBox .channel li {
	color: #333;
	font-size: 108%;
}

#Content table.comparison {
	margin-bottom: 24px;
	table-cell: collapse;
}

#Content table.comparison colgroup {
	text-align: center;
}

#Content table.comparison colgroup.first {
	text-align: left;
}

#Content table.comparison th {
	background: url(../images/common/comparison-table-header.gif) repeat-x 0 0;
	border-right: #a9b9d2;
	color: #fff;
	font-size: 116%;
	font-weight: bold;
	height: 43px;
	text-align: center;
	vertical-align: middle;
}

#Content table.comparison th.first {
	background: url(../images/common/comparison-table-left-header.gif) no-repeat 0 0;
	padding-left: 17px;
	text-align: left;
}

#Content table.comparison th.last {
	background: url(../images/common/comparison-table-right-header.gif) no-repeat 100% 0;
	border-right: 0;
}

#Content table.comparison thead tr {
	margin-bottom: 4px;
}

#Content table.comparison td {
	border: 1px solid #f0f0f0;
	padding: 9px 0;
	text-align: center;
}

#Content table.comparison td.first {
	padding-left: 18px;
	text-align: left;
}

#Content table.comparison tr.odd td {
	background: #fafbfc;
}

#Content table.comparison tr.odd td.alt {
	background: #f4f7f8;
}

#Content table.comparison tr.even td {
	background: #fdfdfe;
}

#Content table.comparison tr.even td.alt {
	background: #fafbfc;
}

#Content table.comparison tr.odd td.topLeft {
	background: url(../images/common/comparison-table-top-left.gif) no-repeat 0 0;
	border-left: 0;
	border-top: 0;
}

#Content table.comparison tr.odd td.topRight {
	background: url(../images/common/comparison-table-top-right.gif) no-repeat 100% 0;
	border-right: 0;
	border-top: 0;
}

#Content table.comparison tr.odd td.bottomLeft {
	background: url(../images/common/comparison-table-bottom-left-a.png) no-repeat 0 100%;
	border-bottom: 0;
	border-left: 0;
}

#Content table.comparison tr.even td.bottomLeft {
	background: url(../images/common/comparison-table-bottom-left-b.png) no-repeat 0 100%;
	border-bottom: 0;
	border-left: 0;
}

#Content table.comparison tr.odd td.bottomRight {
	background: url(../images/common/comparison-table-bottom-right-a.png) no-repeat 100% 100%;
	border-bottom: 0;
	border-right: 0;
}

#Content table.comparison tr.even td.bottomRight {
	background: url(../images/common/comparison-table-bottom-right-b.png) no-repeat 100% 100%;
	border-bottom: 0;
	border-right: 0;
}

#Content table.comparison tr.odd td.bottomRightAlt {
	background: url(../images/common/comparison-table-bottom-right-c.png) no-repeat 100% 100%;
	border-bottom: 0;
	border-right: 0;
}

#Content table.comparison tr.even td.bottomRightAlt {
	background: url(../images/common/comparison-table-bottom-right-a.png) no-repeat 100% 100%;
	border-bottom: 0;
	border-right: 0;
}

#Content table.comparison span.checkmark {
	background: url(../images/common/check-mark.png) no-repeat 50% 0;
	display: block;
	height: 14px;
	text-indent: -32000em;
	width: 100%;
}

#Content table.comparison span.xmark {
	background: url(../images/common/x-mark.png) no-repeat 50% 0;
	display: block;
	height: 14px;
	text-indent: -32000em;
	width: 100%;
}

#Content .resourceKitForm {
	background: url(../images/common/form-box.gif) no-repeat 0 0;
	padding-top: 20px;
}

#Content .resourceKitForm .channel {
	background: #5273a5 url(../images/common/form-box.gif) no-repeat 100% 100%;
	padding: 0 15px 12px 15px;
}

#Content .resourceKitForm .channel h3 {
	color: #fff;
}

#Content .resourceKitForm .channel h3.resourceKit {
	background: url(../images/common/resource-kit-form-icon.gif) no-repeat 0 0;
	padding-left: 28px;
}

#Content .resourceKitForm input.textbox {
	background: url(../images/common/resource-kit-textbox.gif) no-repeat;
	border: 0;
	color: #5273a5;
	display: block;
	height: 22px;
	margin-bottom: 6px;
	padding: 4px 15px 0 15px;
	width: 228px;
}

#Content .resourceKitForm select {
	color: #5273a5;
	display: block;
	margin-bottom: 6px;
	padding: 4px 15px 5px 15px;
	width: 258px;
}

#Content .resourceKitForm input.submit {
	background: url(../images/common/resource-kit-submit.gif) no-repeat;
	border: 0;
	color: #fff;
	display: block;
	font-size: 108%;
	font-weight: bold;
	height: 35px;
	width: 260px;
}

#Content .freeTrialForm {
	background: url(../images/free-trial/form-box.gif) no-repeat 0 0;
	margin-bottom: 24px;
	padding-top: 20px;
}

#Content .freeTrialForm .channel {
	background: #edeff5 url(../images/free-trial/form-box.gif) no-repeat 100% 100%;
	padding: 0 15px 12px 15px;
}

#Content .freeTrialForm .channel h3 {
	color: #f69122;
}

#Content .freeTrialForm label {
	color: #000;
	display: block;
	font-size: 108%;
	font-weight: bold;
	padding-bottom: 3px;
}

#Content .freeTrialForm label span {
	font-size: 93%;
	font-weight: normal;
}

#Content .freeTrialForm input.textbox {
	border: 1px solid #5a75a1;
	color: #000;
	display: block;
	height: 22px;
	margin-bottom: 6px;
	padding: 4px 15px 0 15px;
	width: 228px;
}

#Content .freeTrialForm select {
	border: 1px solid #5a75a1;
	color: #000;
	display: block;
	margin-bottom: 6px;
	padding: 4px 15px 5px 15px;
	width: 258px;
}

#Content .freeTrialForm fieldset.getFreeTrial {
	text-align: center;
}

#Content .freeTrialForm input.submit {
	margin-top: 6px;
	height: 83px;
	width: 240px;
}

#Content .downloadWPForm {
	background: url(../images/free-trial/form-box.gif) no-repeat 0 0;
	margin-bottom: 24px;
	padding-top: 20px;
}

#Content .downloadWPForm .channel {
	background: #edeff5 url(../images/free-trial/form-box.gif) no-repeat 100% 100%;
	padding: 0 15px 12px 15px;
}

#Content .downloadWPForm .channel h3 {
	color: #f69122;
}

#Content .downloadWPForm label {
	color: #000;
	display: block;
	font-size: 108%;
	font-weight: bold;
	padding-bottom: 3px;
}

#Content .downloadWPForm label span {
	font-size: 93%;
	font-weight: normal;
}

#Content .downloadWPForm input.textbox {
	border: 1px solid #5a75a1;
	color: #000;
	display: block;
	height: 22px;
	margin-bottom: 6px;
	padding: 4px 15px 0 15px;
	width: 228px;
}

#Content .downloadWPForm select {
	border: 1px solid #5a75a1;
	color: #000;
	display: block;
	margin-bottom: 6px;
	padding: 4px 15px 5px 15px;
	width: 258px;
}

#Content .downloadWPForm fieldset.downloadWP {
	margin-top: 6px;
	padding-left: 10px;
}

#Content .downloadWPForm input.submit {
	background: url(../images/campaigns/submit-bg.gif) no-repeat;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 123.1%;
	font-weight: bold;
	height: 83px;
	padding-bottom: 10px;
	width: 240px;
}

#Content p.error {
	color: orange;
}

#Content .standardForm {
	background: url(../images/common/standard-form-bg.gif) no-repeat 0 0;
	padding-top: 15px;
}

#Content .standardForm .channel {
	background: url(../images/common/standard-form-bg.gif) no-repeat 100% 100%;
	padding: 3px 48px 0 43px;
	padding-bottom: 15px;
}

#Content .standardForm .formIntro {
	background: url(../images/common/form-divider.gif) repeat-x 0 100%;
	display: block;
	margin-bottom: 20px;
}

#Content .standardForm .formIntro p {
	display: block;
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}

#Content .standardForm h3 {
	background: url(../images/common/form-divider.gif) repeat-x 0 100%;
	color: #5273a5;
	display: block;
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 12px;
	padding-bottom: 5px;
}

#Content .standardForm label {
	color: #333;
	float: left;
	margin-bottom: 5px;
	margin-right: 9px;
	text-align: right;
	width: 95px;
}

#Content .standardForm input.textbox {
	color: #333;
	display: block;
	height: 20px;
	margin-bottom: 12px;
	width: 175px;
}

#Content .standardForm span.error {
	color: red;
	display: block;
	margin: -10px 0 10px 110px;
}

#CampaignLandingForm span.error {
	color: orange;
	display: block;
	margin-bottom: 4px;
}

#Content .standardForm select {
	color: #333;
	display: block;
	margin-bottom: 12px;
}

#Content .standardForm textarea {
	color: #333;
	display: block;
	margin-bottom: 12px;
	padding: 5px;
	width: 580px;
}

#Content .standardForm input.submit {
	background: url(../images/common/submit-button.gif) no-repeat 0 0;
	border: 0;
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: 116%;
	font-weight: bold;
	height: 31px;
	width: 207px;
}

#Content .standardForm .twoCol div.first {
	width: 49%;
}

#Content .standardForm .twoCol div.last {
	width: 49%;
}

#Content .standardForm .formTitle {
	display: none;
}

#ProductScreenshot {
	height: 427px;
	margin-bottom: 15px;
	width: 611px;
}

#ProductScreenshot .channel {
	border: 1px solid #cdcdcd;
}

#ProductTour {
	background: url(../images/skytap-cloud/product-tour/product-tour-bg.gif) no-repeat 0 0;
	margin-bottom: 15px;
	padding-top: 11px;
	width: 611px;
}

#ProductTour .channel {
	background: #3a6d98 url(../images/skytap-cloud/product-tour/product-tour-bg.gif) no-repeat 100% 100%;
	padding: 0 0 8px 0;
	position: relative;
}

#Content ul#ProductTourCarousel {
	margin: 0;
	z-index: 10;
}

#Content ul#ProductTourCarousel li {
	background: 0;
	height: 110px;
	margin-right: 12px;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
	width: 120px;
}

#Content ul#ProductTourCarousel li.last {
	margin-right: 0;
}

#Content ul#ProductTourCarousel li div.caption {
	color: #fff;
	font-size: 85%;
	padding-top: 3px;
	text-align: center;
}

#Content ul#ProductTourCarousel li img {
	cursor: pointer;
}

#Content ul#ProductTourCarousel li.shadowed img {
	opacity:0.4;
}

#Content ul#ProductTourCarousel li.selected img {
	opacity:1;
}

#ProductTour .next {
	background: url(../images/skytap-cloud/product-tour/next.gif) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 20px;
	position: absolute;
	right: 16px;
	text-indent: -32000em;
	top: 31px;
	width: 20px;
}

#ProductTour .previous {
	background: url(../images/skytap-cloud/product-tour/previous.gif) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 20px;
	left: 16px;
	position: absolute;
	text-indent: -32000em;
	top: 31px;
	width: 20px;
}

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

body.noSidebar #Sidebar {
	display: none;
}

#NextSteps {
	background: url(../images/right-channel/next-steps-top-bg.gif) no-repeat 0 0;
	margin-bottom: 12px;
	padding-top: 10px;
}

#NextSteps .channel {
	background: url(../images/right-channel/next-steps-bottom-bg.gif) no-repeat 100% 100%;
	padding-bottom: 10px;
}

#NextSteps .channel .content {
	padding: 10px 20px;
}

#NextSteps .channel h3 {
	color: #5273a5;
	font-size: 116%;
	font-weight: bold;
	padding-bottom: 14px;
}

#NextSteps ul li {
	padding-bottom: 7px;
}

#NextSteps ul li.last {
	padding-bottom: 0;
}

#NextSteps ul li a {
	color: #5273a5;
	display: block;
	min-height: 22px;
	padding-left: 30px;
	padding-top: 3px;
	text-decoration: none;
}

#NextSteps ul li a:hover {
	color: #333;
}

#NextSteps ul li a.signup {
	background: url(../images/right-channel/signup.png) no-repeat 0 0;
}

#NextSteps ul li a.requestInfo {
	background: url(../images/right-channel/request-info.png) no-repeat 0 0;
}

#NextSteps ul li a.resourceKit {
	background: url(../images/right-channel/resource-kit.png) no-repeat 0 0;
}

#NextSteps ul li a.contact {
	background: url(../images/right-channel/contact.png) no-repeat 0 0;
}

#FreeTrial {
	background: url(../images/right-channel/free-trial-bg.png) no-repeat 0 0;
	margin-bottom: 7px;
}

#FreeTrial .content {
	padding: 6px 5px 18px 5px;
}

#FreeTrial h3 {
	display: table;
	height: 43px;
	text-align: center;
}

#FreeTrial a {
	background: url(../images/right-channel/free-trial-icon.png) no-repeat 130px 50%;
	color: #fff;
	display: table-cell;
	font-size: 146.5%;
	font-weight: bold;
	height: 43px;
	padding-right: 30px;
	text-decoration: none;
	vertical-align: middle;
	width: 183px;
}

#CloudResourceKit {
	background: url(../images/right-channel/resource-kit-bg.png) no-repeat 0 0;
	margin-bottom: 7px;
}

#CloudResourceKit .content {
	padding: 7px 5px 17px 5px;
}

#CloudResourceKit h3 {
	display: table;
	height: 43px;
	vertical-align: middle;
}

#CloudResourceKit a {
	background: url(../images/right-channel/resource-kit-icon.png) no-repeat 10px 50%;
	color: #557eaf;
	display: table-cell;
	font-size: 116%;
	font-weight: bold;
	height: 43px;
	padding-left: 40px;
	text-decoration: none;
	vertical-align: middle;
	width: 188px;
}

#LiveChat {
	background: url(../images/right-channel/live-chat-bg.png) no-repeat 0 0;
	margin-bottom: 7px;
}

#LiveChat .content {
	padding: 5px;
}

#LiveChat h3 {
	display: table;
	height: 43px;
	vertical-align: middle;
}

#LiveChat a {
	background: url(../images/right-channel/live-chat-icon.png) no-repeat 10px 50%;
	color: #557eaf;
	display: table-cell;
	font-size: 116%;
	font-weight: bold;
	height: 43px;
	padding-left: 40px;
	text-decoration: none;
	vertical-align: middle;
	width: 188px;
}

#PressKit {
	margin-bottom: 12px;
}

#PressKit a {
	background: url(../images/right-channel/download-arrow.png) no-repeat 100% 4px;
	color: #5c85b6;
	font-weight: bold;
	padding-right: 15px;
	text-decoration: none;
}

#NavigationSecondary {
	background: url(../images/right-channel/secondary-nav-bg.gif) no-repeat 0 0;
	margin-bottom: 12px;
	padding-top: 10px;
}

#NavigationSecondary .channel {
	background: url(../images/right-channel/secondary-nav-bg.gif) no-repeat 100% 100%;
	padding-bottom: 10px;
}

#NavigationSecondary .channel .content {
	padding: 10px 20px 0 20px;
}

#NavigationSecondary .channel h3 {
	color: #666;
	font-size: 116%;
	font-weight: bold;
	padding-bottom: 12px;
}

#NavigationSecondary ul li {
	padding-bottom: 10px;
}

#NavigationSecondary ul li a {
	color: #666;
	text-decoration: none;
}

#NavigationSecondary ul li a:hover {
	color: #e87e00;
}

#NavigationSecondary ul li.active a, #NavigationSecondary ul li.parent-active a {
	color: #e87e00;
}

#Sidebar .tile {
	margin-bottom: 12px;
}

#Sidebar a.downloadPressKit {
	background: url(../images/right-channel/download-press-kit.png) no-repeat 0 0;
	display: block;
	height: 56px;
	outline: 0;
	text-indent: -32000em;
	width: 198px;
}

#ContentFooter {
	background: url(../images/common/content-footer-box.png) no-repeat 0 0;
	padding-bottom: 40px;
}

#ContentFooter .channel {
	padding: 18px 10px 0 21px;
}

#ContentFooter .sixCol {
}

#ContentFooter .sixCol .col {
	display: block;
	float: left;
	padding-right: 25px;
}

#ContentFooter .sixCol .first {
	width: 98px;
}

#ContentFooter .sixCol .second {
	width: 142px;
}

#ContentFooter .sixCol .third {
	width: 133px;
}

#ContentFooter .sixCol .fourth {
	width: 120px;
}

#ContentFooter .sixCol .fifth {
	width: 117px;
}

#ContentFooter .sixCol .sixth {
	width: 130px;
	padding-right: 0;
}

#ContentFooter h4 {
	color: #e87e00;
	font-weight: bold;
	padding-bottom: 8px;
}

#ContentFooter h4 a {
	color: #ef890d;
	text-decoration: none;
}

#ContentFooter ul li {
	padding-bottom: 3px;
}

#ContentFooter ul li a {
	color: #6b6b6b;
	text-decoration: none;
}

#ContentFooter ul li a:hover {
	color: #ef890d;
}

#ContentFooter ul.contact li {
	padding-bottom: 5px;
}

#ContentFooter ul.contact li.phone {
	color: #8094a5;
	font-size: 116%;
	font-weight: bold;
}

#ContentFooter ul.contact li a.email {
	background: url(../images/common/email-raquo.gif) no-repeat 0 6px;
	color: #e87e00;
	font-size: 116%;
	font-weight: bold;
	padding-left: 11px;
}

#WrapperFooter {
}

#Footer {
	color: #898989;
	padding: 15px 26px 20px 26px;
	font-size: 93%;
}

#Footer a {
	color: #898989;
	text-decoration: none;
}

#Footer a:hover {
	color: #ef890d;
}

#Footer p.copy {
	float: left;
	padding-right: 11px;
}

#Footer ul.siteLinks {
	float: left;
}

#Footer ul.siteLinks li {
	background: url(../images/common/footer-divider.gif) no-repeat 0 3px;
	display: inline;
	padding: 0 3px 0 9px;
}

#Footer .vcard {
	float: left;
}

#Footer .vcard p.note {
	display: none;
}

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

.featureBox {
}

/* 
	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 p {
	float: right;
}

.imageBlock p.image {
	float: left;
	margin-right: 10px;
	width: auto;
}

/* Image Block layout Properties - custom for each site/implementation */
.imageBlock p {
	color: #666;
	font-weight: bold;
	width: 200px;
}

/*
	Standard Document Lists

	<ul class="documents">
		<li><a href="#" class="pdf">PDF Document</a></li>
	</ul>
*/
#Content ul.documents {
}

#Content ul.documents li {
	background: 0 !important;
	padding-left: 0;
}

#Content ul.documents li a {
	display: block;
	font-weight: bold;
	font-size: 93%;
	padding-left: 24px;
	line-height: 16px;
}

#Content ul.documents li a.pdf {
	background: url(../images/icons/pdf.png) no-repeat 0 0;
}

#Content ul.documents li a.video {
	background: url(../images/icons/video.png) no-repeat 0 0;
}

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

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

ul.twoUp li.column {
	width: 50%;
}

ul.threeUp li.column {
	width: 33%;
}

ul.sampleColumns {
}

ul.sampleColumns li {
	border-right: 1px solid #333;
	width: 275px;
}

ul.sampleColumns li.last {
	border-right: 0;
}

ul.sampleColumns div.content {
	padding: 8px 16px 12px;
}

ul.sampleColumns p.more {
	bottom: 2px;
	margin-bottom: 0;
	position: absolute;
	text-align: right;
	width: 243px;
}

/* Standard Grid display */
/* From: http://www.hedgerwow.com/360/dhtml/css-inline-block-layout.php */
ul.grid {
}

ul.grid li {
	display:-moz-inline-stack !important;/* Firefox 2 and under to simulate display:inline-block */
	display: inline-block !important;
	padding: 0 !important;
	vertical-align: text-top;
}

/* Set layout properties for specific grid implementations. The standard ul.grid
	selector should remain unchanged from project to project.
	
	<ul class="grid sampleGrid">
	
	Though you should use something more descriptive than just "sampleGrid"
 */
ul.sampleGrid li {
	background: 0 !important;
	margin: 0 10px 0 5px; /* Set as appropriate */
	padding-bottom: 10px !important;
	width: 250px; /* Set as appropriate */
}

/* 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 */
div.vertBox .channel {
	display: table;
}

li.vertBox {
	display: table;
}

div.vertBox .channel .content {
	display: table-cell;
	vertical-align: middle;
}

li.vertBox .channel {
	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 */
}

div.homeVertBox .channel {
	border: 0;
	height: 360px;
}

body.home div.homeVertBox .content {
	font-size: 100%;
	padding: 20px 0;
	text-align: left;
	width: 100%; /* Set as appropriate */
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}

#ProductTour .jcarousel-container {
	padding-left: 49px;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 908px;
}

#ProductTour .jcarousel-clip {
	width: 516px;
}

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

.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 908px;
	height: 320px;
}

#ProductTour .jcarousel-list li, #ProductTour .jcarousel-item {
	height: 120px;
	width: 120px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	display: none;
	z-index: 3;
}

.jcarousel-prev {
	display: none;
	z-index: 3;
}

/* Tabs */
.ui-tabs-hide {
	display: none;
}

#Content ul.tabNav {
	background: url(../images/common/tabnav-bg.gif) repeat-x 0 0;
	margin-left: 0;
}

#Content ul.tabNav li {
	background: url(../images/common/tab-inactive.gif) no-repeat 0 0;
	display: block;
	float: left;
	height: 35px;
	margin-right: 5px;
	padding-bottom: 0;
	padding-left: 8px;
}

#Content ul.tabNav li.ui-state-active {
	background: url(../images/common/tab-active.gif) no-repeat 0 0;
}

#Content ul.tabNav li a {
	background: url(../images/common/tab-inactive.gif) no-repeat 100% 100%;
	color: #333;
	display: block;
	font-size: 93%;
	height: 35px;
	padding-right: 8px;
	text-decoration: none;
}

#Content ul.tabNav li.ui-state-active a {
	background: url(../images/common/tab-active.gif) no-repeat 100% 100%;
	color: #5273a5;
}

#Content ul.tabNav li a span {
	display: block;
	padding: 12px 5px 0 5px;
}

#Content .tabContent {
	padding-top: 20px;
}

/* Landing pages */
body.landing #SiteId {
	position: relative;
	padding-top: 40px;
	top: 0;
}

body.landing #Toolbar {
	display: none;
}

body.landing #NavigationPrimary {
	display: none;
}

body.landing #ContentFooter {
	display: none;
}

body.landing #Footer li.first {
	display: none;
}

body.landing #Footer li.last {
	display: none;
}

body.landing #WrapperContentContainer {
	min-height: 600px;
}

body.free-trial #Wrapper {
	background: 0;
}

body.free-trial #WrapperHeader {
	margin: 0 auto;
	width: 960px;
}

body.free-trial #WrapperMast {
	background: url(../images/mast/free-trial.jpg) repeat-x;
	height: 115px;
}

body.free-trial #SiteId {
	position: relative;
	padding-top: 40px;
	top: 0;
}

body.free-trial #Toolbar {
	display: none;
}

body.free-trial #NavigationPrimary {
	display: none;
}

body.free-trial #ContentFooter {
	display: none;
}

body.free-trial #Footer li.first {
	display: none;
}

body.free-trial #Footer li.last {
	display: none;
}

body.free-trial #WrapperContentContainer {
	min-height: 600px;
}

body.free-trial #Content .leftChannel {
	float: left;
	width: 605px;
}

body.free-trial #Content .rightChannel {
	float: right;
	width: 291px;
}

body.free-trial #Content ul {
	margin-left: 0;
}

body.free-trial #Content ul li {
	padding-bottom: 2px;
}

body.free-trial #Content .hr {
	background: 0;
	border-bottom: 1px solid #404140;
	height: 1px;
}

body.free-trial #Content span.underline {
	text-decoration: underline;
}

body.free-trial #Content h3 {
	color: #5273a5;
	padding-bottom: 15px;
}

body.free-trial #Content .twoCol div.first {
	width: 46%;
}

body.free-trial #Content .twoCol div.last {
	width: 47%;
}

body.free-trial #Content .quote {
	background: url(/images/free-trial/quote-bg.jpg) repeat-y;
	margin-bottom: 23px;
	padding: 20px 15px 20px 15px;
}

body.free-trial #Content .quote q {
	background: 0;
	color: #fff;
	display: block;
	font-size: 116%;
	font-weight: normal;
	padding-left: 0;
	padding-top: 0;
}

body.free-trial #Content .quote cite {
	color: #fff;
	display: block;
	font-size: 93%;
	font-style: italic;
	padding-right: 50px;
	padding-top: 10px;
	text-align: right;
}

body.free-trial #Content .rightChannel .customers h3 {
	color: #5273a5;
	padding-bottom: 15px;
	text-align: center;
}

body.free-trial #Content .rightChannel .customers ul {
	margin-left: 0;
	margin-bottom: 5px;
}

body.free-trial #Content .rightChannel .customers ul li {
	background: 0;
	float: left;
	padding: 0;
	text-align: center;
	width: 145px;
}

body.free-trial #Content .rightChannel .customers ul li.wide {
	width: 290px;
}

#Content .footLogos ul li {
	background: 0;
	float: left;
	height: 69px;
	padding: 0 3px;
}

#Content .footLogos ul li.first {
	padding-left: 0;
}

#Content .footLogos ul li.last {
	padding-right: 0;
}

#Content .footLogos ul li .channel {
}

.ui-tab-initial-hide {
	display:none
} /* hides the tab content on page load, but is removed when navigating from default tab */

.rslt {
	margin-bottom: 20px;
	margin-right: 60px;
	clear: both;
	color: #333;
	padding: 5px 10px;
	border-bottom: 1px solid #E87E00;
	text-align: right;
}

#Content ul.sitemap-col {
	float: left;
}

#Content ul.sitemap-col.one {
	width: 240px;
}

#Content ul.sitemap-col.two {
	width: 330px;
}

#Content ul.sitemap-col.three {
	width: 280px;
}

/************************** CSE STYLES *******************/
#Content.CSE-search-results h4 {
	margin-bottom: 5px;
	padding: 0;
	
}
#Content.CSE-search-results li p {
 margin-bottom: 0;
}
#Content.CSE-search-results ul.goog-search {
	list-style: none;
	margin-left: 0;
}
#Content.CSE-search-results ul.goog-search li {
	background: none;
	padding-left: 0;
	list-style: none;
	margin-left: 0;
}
.url-text {
	font-size: 12px;
	color: #477bac;
}



/* aicpa logo styling */
.aicpa-logo {
	display: block;
	padding: 10px 0 0 0
}