/* Pixelsilk Default CSS File */

/* Main Body Elements */
html, body {width:100%; height:100%;}
html {margin:0; padding:0;}
body {font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#666; margin:0; padding:0; line-height:24px;}
#siteWrapper {position:relative; height:auto !important; height:100%; min-height:100%; margin:-10px 0 0 0; padding:0 10px; text-align:center; background:url('/pages-site-bg.gif') repeat-x left 0;}
body.home #siteWrapper {background:url('/pixelsilk-site-bg.gif') repeat-x left 0;}
body div#siteWrapper div#themeContainer div#siteContentArea div#contentLeft div#middleColumn {margin-top:20px;}
body.home div#siteWrapper div#themeContainer div#siteContentArea div#contentLeft div#middleColumn {margin-top:56px;}
#themeContainer {width:960px; margin:0 auto; text-align:left;}
p, div, table, tr, td, pre, img {margin:0; padding:0; border:0;}
p {margin:0; padding:0 0 20px;}
a, a:link, a:visited {color:#e87000; text-decoration:underline;}
a:active, a:hover, a:focus {outline:none;}
hr {height:1px; border:0; margin:0; padding:0; color:#e5e5e5; background:#e5e5e5;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:0; padding:0; font-weight:normal; color:#666;}
h1 {font-size:24px; color:#5a9a98; margin:0 0 34px;}
h2 {font-size:18px; color:#808080;}
h3 {font-size:14px; color:#808080;}
h4 {font-size:12px;}
h5 {font-size:10px;}

/* header Styles */
#header {height:153px; position:relative; margin:0 0 0 0; background:url('/background-mucus.jpg') no-repeat right top;}
#logo {position:absolute; top:40px; left:40px; z-index:50;}
#divFlash {position:absolute; bottom:2px; right:0px; z-index:1; width:717px; height:151px;}
#divFlash object {position:relative; z-index:1;}

/* Repeating Top Rainbow */
#divGradient {width:100%; height:10px; position:relative; z-index:100; text-align:center; overflow:hidden;}
#divGradientLeft {/*float:left;*/ width:49%; height:9px; overflow:hidden; position:absolute; top:0; left:0; z-index:50; border-bottom:solid 1px #005753; background:#5a9a98;}
#divGradientRight {/*float:right;*/ width:49%; height:9px; overflow:hidden; position:absolute; top:0; right:0; z-index:50; border-bottom:solid 1px #ad1100; background:#ce7019;}
#divGradientMiddle {position:relative; z-index:100; width:1000px; height:10px; margin:0 auto; padding:0; background:url('/rainbow-bg.png') no-repeat;}

/* Menu Styles */
div#siteMenu {position:absolute; right:0; bottom:0; z-index:100;}
ul#menu {margin:0; padding:0; list-style:none; line-height:31px;}

ul#menu li, ul#menu li a, ul#menu li a:link, ul#menu li a:visited {background:url('/menu-item-sprite.gif') no-repeat;}

ul#menu li {float:left; margin:0 1px 0 0; padding:0 5px 0 0; line-height:31px; background-position:right -31px;}
ul#menu li a, ul#menu li a:link, ul#menu li a:visited {height:31px; font-size:14px; color:#666; text-decoration:none; text-transform:lowercase; float:left; display:block; padding:0 20px 0 25px; background-position:0 0;}
ul#menu li a:active, ul#menu li a:hover, ul#menu li a:focus {outline:none;}

ul#menu li.current {background-position:right -93px;}
ul#menu li.current a, ul#menu li.current a:link, ul#menu li.current a:visited {color:#fff; background-position:0 -62px;}

ul#menu li.over {background-position:right -155px;}
ul#menu li.over a, ul#menu li.over a:link, ul#menu li.over a:visited {color:#666; text-decoration:underline; background-position:0 -124px;}


/* Content Area Styles */
#siteContentArea {clear:both; padding:0 0 40px 0;}
#contentLeft {float:left; display:inline; width:720px; position:relative;}

#MainContent {width:655px; float:left; display:inline; margin:40px; position:relative; z-index:100;}
div#contentLeft div.home {width:500px; margin:80px 15px 40px 0;}
#middleColumn {width:205px; float:left; display:inline; margin:9px 0 0; padding:5px 0; text-align:center; border-top:solid 7px #a1a1a1; background:url('/middle-column-bg.png') no-repeat center top;}

div#videoProductTours {text-align:left; margin:0 10px;}
div#videoProductTours h2 {margin:0; padding:0; color:#666;}
div.vidThumb {line-height:16px; margin:10px 0; clear:both; height:55px;}
div.vidThumb a img {vertical-align:middle; margin:0 10px 0 0; float:left;}
div.vidThumb a, div.vidThumb a:link, div.vidThumb a:visited {text-decoration:none; font-size:12px; display:block;}

/* Right Column */
#contentRight {float:left; display:inline; width:230px; margin:0 0 0 10px; padding:0; position:relative; z-index:100;}
/*#contentRight * {border:solid 1px #ddd;}*/

  /* Site Search */
  #search {width:230px; height:25px; line-height:25px; margin:19px 0 13px 0; position:relative; background:url('/search-bg-pages.png') no-repeat top left;}
  body.home div#siteWrapper div#themeContainer div#siteContentArea div#contentRight div#search {background:url('/pixelsilk-content-management-system-8x1.gif') no-repeat top left;} /* Only show on home page */
  .txtSearch {width:200px; height:16px; margin:4px 0 0 5px; border:0; color:#808080; font-size:12px; background:transparent;}
  body.home div#siteWrapper div#themeContainer div#siteContentArea div#contentRight div#search input.txtSearch {color:#fff;} /* Only show on home page */
  .lnkSearch {position:absolute; top:0; left:211px; width:19px; height:25px; background:url('/search-go-pages.png') no-repeat top left;}
  body.home div#siteWrapper div#themeContainer div#siteContentArea div#contentRight div#search input.lnkSearch {background:url('/pixelsilk-content-management-system-8x2.gif') no-repeat top left;} /* Only show on home page */
  
  #searchPlaceholder {width:230px; height:25px; line-height:25px; margin:19px 0 13px 0; position:relative;}
  
#rightContent {width:230px; border-top:solid 7px #666; background:#fff url('/right-column-bg.png') no-repeat center top;}

#rightContent h2 {margin:10px 0 5px 20px; padding:0; font-weight:normal;}

ul#stayConnected {list-style:none; margin:0 30px; padding:0;}
ul#stayConnected li {line-height:27px;}
ul#stayConnected li a img {vertical-align:middle; padding:0 10px 0 0; background:#fff;}
ul#stayConnected li a, ul#stayConnected li a:link, ul#stayConnected li a:visited {font-size:12px;}
ul#stayConnected li a:active, ul#stayConnected li a:hover, ul#stayConnected li a:focus {}

/* Home Links */
#divHomeLinks {margin:0;}
#divHomeLinks div {margin:10px 0; padding:0; height:50px; position:relative;}
#divHomeLinks div img {position:absolute; top:0; left:0;}
#divHomeLinks div h2 {line-height:18px; margin:0; padding:5px 0 0 70px;}
#divHomeLinks div h2 a, #divHomeLinks div h2 a:link, #divHomeLinks div h2 a:visited {color:#e87000; font-size:18px; text-decoration:none;}
#divHomeLinks div p {color:#666; font-size:14px; line-height:18px; margin:0; padding:5px 0 0 70px;}

/* Newsfeed Styles */
div#divNews {width:190px; margin:0 auto; text-align:left;}
div#divNews h2 {line-height:45px;}
div#divNews h2 a, div#divNews h2 a:link, div#divNews h2 a:visited {color:#666; text-decoration:none;}
div#divNews h3 {line-height:16px; font-weight:normal;}
div#divNews h3 a, div#divNews h3 a:link, div#divNews h3 a:visited {font-size:14px; color:#e87000;}
div#divNews p {margin:0 0 20px 0; padding:0; font-size:12px; line-height:14px;}

/* Slide Area */
#slideArea {width:720px; height:154px; position:relative; z-index:10; background:url('/pixelsilk-content-management-system-7x3.gif') no-repeat left bottom;}
#slideArea h1 {/*position:absolute; top:70px; left:75px; margin:0; padding:0; color:#fff; line-height:30px;*/}
#slideArea ul#headerPoints {position:absolute; top:40px; left:438px; margin:0; padding:0; list-style:none;}
#slideArea ul#headerPoints li {line-height:30px;}
#slideArea ul#headerPoints li, #slideArea ul#headerPoints li a, #slideArea ul#headerPoints li a:link, #slideArea ul#headerPoints li a:visited {color:#e5e5e5; font-size:18px;}
#slideArea ul#headerPoints li a, #slideArea ul#headerPoints li a:link, #slideArea ul#headerPoints li a:visited {text-decoration:underline;}

#slideCTA {position:absolute; z-index:20; top:130px; left:90px;}
#slideCTA a.tourHome {}
#slideCTA a.tourVideo {padding:0 0 0 18px;}

/* Slides */
#contentLeft div.pics {width:720px; height:154px; padding:0; margin:0; overflow:hidden;}
#contentLeft div.pics div.slide {width:720px; height:158px; /*line-height:158px;*/ text-align:center;}
#contentLeft div.pics div.slide p.comment {color:#fff; font-size:24px; margin:40px 0 0; padding:0;}
#contentLeft div.pics div.slide p.author {text-align:center; color:#e5e5e5; font-size:14px; margin:5px 0 0; padding:0;}

#cta li.meOver a#demo {height:36px; line-height:30px; background-position:0 -36px;}
#cta li.meOver a#tour {height:36px; line-height:30px; background-position:-127px -36px;}
#cta li.meOver a#reseller {height:36px; line-height:30px; background-position:-255px -36px;}
#cta li.meOver a#ecommerce {height:36px; line-height:30px; background-position:-382px -36px;}

/* Calls to Action on home page */
#cta {width:510px; height:176px; line-height:36px; margin:-30px 0 15px; list-style:none; padding:0; position:relative; left:0; bottom:0; z-index:1000;}

#cta li {width:126px; float:left; margin:0 1px 0 0; cursor:pointer;}
#cta li a, #cta li a:link, #cta li a:visited {display:block; text-align:center; font-size:18px; color:#fff; text-decoration:none; background:url('/pixelsilk-cta-sprite-new.gif') no-repeat;}

#cta li a#demo {background-position:0 0;}
#cta li a#demo:active, #cta li a#demo:hover, #cta li a#demo:focus {height:36px; line-height:30px; background-position:0 -36px;}

#cta li a#tour {background-position:-127px top;}
#cta li a#tour:active, #cta li a#tour:hover, #cta li a#tour:focus {height:36px; line-height:30px; background-position:-127px -36px;}

#cta li a#reseller {background-position:-255px top;}
#cta li a#reseller:active, #cta li a#reseller:hover, #cta li a#reseller:focus {height:36px; line-height:30px; background-position:-255px -36px;}

#cta li a#ecommerce {background-position:-382px top;}
#cta li a#ecommerce:active, #cta li a#ecommerce:hover, #cta li a#ecommerce:focus {height:36px; line-height:30px; background-position:-382px -36px;}

/* CTA Flyouts */
#cta li ul {display:none; position:absolute; z-index:1000; top:36px; left:0; margin:0; padding:0; width:508px; height:139px; list-style:none;}
#cta li ul li {width:484px; height:141px;}
#cta li ul li p {margin:15px 0 0 15px; padding:0 0 0 25px; width:200px; float:left; line-height:18px; background:url('/check.gif') no-repeat left center;}
#cta li ul li a, #cta li ul li a:link, #cta li ul li a:visited {float:right; margin:5px 20px 0 0; font-size:12px; color:#e87000; font-weight:normal; text-decoration:underline; background:none;}

#cta li.ctaDemo ul {background:#e6f4f3 url('/cms-features-bg.gif') no-repeat;}
#cta li.ctaSEOFriendly ul {background:#f5f2e6 url('/seo-friendly-bg.gif') no-repeat;}
#cta li.ctaDevelopers ul {background:#f8ebe6 url('/developers-bg.gif') no-repeat;}
#cta li.ctaEcommerce ul {background:#f8ebe6 url('/ecommerce-bg.gif') no-repeat;}

/* List Item Styles */
div.listItems {}
div.listItems div.item {margin:10px 0; padding:0;}

/* Endorsements Styles */
div#Endorsements {width:212px; margin:45px 0 20px 15px;}
div#Endorsements div.top {height:16px; background:url('/quote-top.gif') no-repeat left top;}
div#Endorsements div.text {background:url('/quote-middle.gif') repeat-y left top;}
div#Endorsements div.text div.inner {padding:5px 25px; line-height:14px; font-size:12px;}
div#Endorsements div.bottom {text-align:right; padding:13px 0 0 0; font-weight:bold; background:url('/quote-bottom.gif') no-repeat left top;}
div#Endorsements div.company {text-align:right; font-weight:bold;}
div#Endorsements div.bottom span, div#Endorsements div.company span {padding:0 25px 0 0; font-size:12px; display:block;}

/* Roadmap Styles */
div.roadmapDate {float:left;width:227px;height:126px;font-size:20px;color:white;background-image:url(/roadmap-box2.jpg);background-repeat:no-repeat;}
div.roadmapDateMonth .date {display:none;}
div.roadmapDateMonth .sprinton {display:none;}
div.roadmapDateMonth {margin:18px auto 20px;text-align:center;}
div.roadmapDateTitle {margin:0px 15px 0px;text-align:center;}
div.roadmapItem {height:100px;width:390px;float:left;margin:5px;padding:10px;border:1px solid #e6e7e8;}


/* Form Styles */

div.formLabel {}
div.formField {}

div.formField input[type="text"] {width:200px;} /* Single line textboxes, radio buttons, chceck boxes */
div.formField textarea {width:300px; height:120px;} /* Multiline textboxes(comments, etc) */

.contactForm {}
.contactForm textarea {width: 300px; height: 150px;}
.contactForm .formButton {clear: both;}
.contactForm .formLabel {clear: both; margin: 0 10px 10px 0; /*text-align: right;*/}
.contactForm .formField {margin: 0 0 10px 0;}
.contactForm .nextLine {clear: both;}
.contactForm .required {font-weight: bold;}
.contactForm .formField > p {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}

/* Footer Styles */
#footer {color:#999; position:absolute; bottom:0; left:0; width:100%; height:30px; text-align:center; background:#e8e8e8;}
#footerContent {width:1000px; margin:0 auto; text-align:left; line-height:22px; font-size:9px; color:#999;}
#footerContent p {display:inline; margin-left:20px; padding:0;}
#footerContent p span {color:#666;}
#footerContent p a, #footerContent p a:link, #footerContent p a:visited {color:#999;}
#footerContent a#smartz, #footerContent a#smartz:link, #footerContent a#smartz:visited {float:right; color:#999; text-decoration:none; margin-right:20px;}
#footerContent a#smartz img {vertical-align:middle; margin:3px 0 0;}

/* User Styles */
div.imgCaption {float:right; width:250px; margin:0 0 10px 20px; text-align:center; clear:right;}
div.imgCaption img {padding:0 0 2px 0;}

/* support faq styles */
div.faqTopic {width: 100%; margin: 0 0 10px 0; clear: both;}
div.faqTopic .faqImage {float: left; width: 126px; height: 126px;}
div.faqTopic .faqText {margin: 0 0 0 130px;}

/* Misc Styles */
.clear {clear:both;}
.divEditControls {padding:0 10px;}
.divEditControls, .divEditControls a, .divEditControls a:link, .divEditControls a:visited {font-size:10px;}
.apiListItemCode {border:solid 1px #ccc; padding:20px; font-family:Courier New; background-color:#eee; }
.alignLeft {text-align:left;}
.center {text-align:center;}