/* * 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 li.last {border-bottom: 0;} #NavigationPrimary li.over li a, #NavigationPrimary li li a { background: #d6740a; border-bottom: 1px solid #e6ac6c; color: #f7e3ce; 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: url(../images/primary-navigation/dropdown-top.png) no-repeat 0 0;} #NavigationPrimary li.over li.last a, #NavigationPrimary li li.last a {background: url(../images/primary-navigation/dropdown-bottom.png) no-repeat 0 100%; border-bottom: 0;} #NavigationPrimary li.over li a.parent { background: #ccc url(../images/arrow.gif) no-repeat 90% 50%; /* Default formatting for parent list items */ } #NavigationPrimary li.over li a.over { background-color: #e38507; /* Same specificity as above, but later in sheet means it wins */ color: #fff; } #NavigationPrimary li.over li.first a.over {background: url(../images/primary-navigation/dropdown-top.png) no-repeat 100% 0;} #NavigationPrimary li.over li.last a.over {background: url(../images/primary-navigation/dropdown-bottom.png) no-repeat 100% 100%;} #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 */ } #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;} #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 {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.home #Mast {background: 0; height: auto; margin: 50px 0 0; } body.home #Mast #CarouselContainer { padding: 0 26px 0 22px; } body.home #Mast #Carousel {float: left; position: relative; z-index: 10;} body.home #Mast #Carousel ul {position: relative; z-index: 30;} body.home #Mast #Carousel ul li img { display: none; height: 320px; position: relative; width: 908px; } body.home #Mast #Carousel ul li.first img {display: block;} body.home #Mast #Carousel ul li .content {float: left; padding: 0; width: 450px;} body.home #Mast #Carousel ul li .video {float: right; width: 446px;} body.home #Mast #Carousel ul li.first .header { background: url(../images/home/mast-1-header.gif) no-repeat 0 0; display: block; height: 66px; margin-bottom: 12px; text-indent: -32000em; width: 375px; } body.home #Mast #Carousel ul li.second .header { background: url(../images/home/mast-1-header.gif) no-repeat 0 0; display: block; height: 66px; margin-bottom: 12px; text-indent: -32000em; width: 375px; } body.home #Mast #Carousel ul li.third .header { background: url(../images/home/mast-1-header.gif) no-repeat 0 0; display: block; height: 66px; margin-bottom: 12px; text-indent: -32000em; width: 375px; } body.home #Mast #Carousel ul li .content p {color: #707070; font-size: 20px;} body.home #Mast .mastNav {bottom: 167px; left: 21px; position: absolute; z-index: 20;} body.home #Mast .mastNav .channel ul li { float: left; padding-right: 7px; } body.home #Mast .mastNav .channel ul li a { background: #8ea4c4 url(../images/home/mastnav-inactive-bg.gif) no-repeat; color: #fff; display: block; font-size: 85%; height: 20px; text-align: center; text-decoration: none; width: 27px; } body.home #Mast .mastNav .channel ul li a span {display: block; padding-top: 3px;} body.home #Mast .mastNav .channel ul li a.active {background: #ca730d url(../images/home/mastnav-active-bg.gif) no-repeat;} #Breadcrumbs {bottom: 3px; left: 21px; position: absolute;} #Breadcrumbs ul li { background: url(../images/common/breadcrumb-divider.gif) no-repeat 100% 3px; color: #9eb5ca; float: left; font-size: 85%; padding: 0 10px 0 6px; } #Breadcrumbs ul li.first {padding-left: 0;} #Breadcrumbs ul li.last {background: 0; padding-right: 0;} #Breadcrumbs ul li a {color: #e2e8f2; text-decoration: none;} #Breadcrumbs ul li a:hover {color: #fff;} #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 0 0; display: block; height: 30px; margin-bottom: 10px; } #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-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%;} .popupNavigation { padding: 33px 26px 0 22px; position: relative; z-index: 20; } #ExploreSkytap { background: url(../images/home/explore-skytap.gif) no-repeat 0 0; float: left; height: 56px; text-indent: -32000em; width: 380px; } .popupNavigation .navBlock { float: left; margin-left: 6px; position: relative; } .popupNavigation h3 { height: 56px; text-indent: -32000em; width: 258px; } #ByRole { background: url(../images/home/by-role.png) no-repeat 0 0; } #BySolutionType { background: url(../images/home/by-solution-type.png) no-repeat 0 0; } .popupNavigation .hover h3 { background-position: 0 100% !important; } .popupNavigation ul { background: #dd7116; display: none; position: absolute; bottom: 100%; margin: 0 !important; width: 257px; padding: 1px 1px 0 0; } .popupNavigation .hover ul { display: block; } .popupNavigation li { border-bottom: 1px solid #E77615;} .popupNavigation li.last { border: 0; } .popupNavigation li a { border-bottom: 1px solid #F2A521; color: #F9E2CF; display: block; line-height: 27px; padding-left: 10px; padding-right: 10px; text-decoration: none; } .popupNavigation li.last a { border: 0; } .popupNavigation li a:hover { background: #e38507; color: #fff; } #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 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; width: 171px; } #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%; 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.event 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 .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%;} #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;} #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 a.active {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: 86px;} #ContentFooter .sixCol .second {width: 145px;} #ContentFooter .sixCol .third {width: 141px;} #ContentFooter .sixCol .fourth {width: 120px;} #ContentFooter .sixCol .fifth {width: 117px;} #ContentFooter .sixCol .sixth {width: 140px; 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

Content Title

alt text

Info about the image

*/ .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 */ #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.buttons { margin-bottom: 8px; } ul.buttons li { background: 0 !important; float: left; margin: 0 10px 0 0 !important; padding: 0 !important; } /* Standard Button Display

Sample Button

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