/* Titan Default 5.8 Last updated August 16, 2011 Customizations: none Companion css files: titandefaultstyle.css Blocks.css */ /* SECTIONS RESETS Text Editor Drop Downs PAGE LAYOUT CONTENT NAV SPECIAL CLASS NAMES BLOCKS */ @import 'blocks.css'; @import "lightbox.css"; /* ============================================================================== RESETS */ .titanBody,div,img,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;} .titanBody p,.titanBody blockquote, .mainBody p,.mainBody blockquote, .Freeform p,.Freeform blockquote,.Freeform ol,.Freeform ul,.Freeform dl, .FAQ p,.FAQ blockquote,.FAQ ol,.FAQ ul,.FAQ dl,.FAQ .toTop, .FormEditor p,.FormEditor blockquote,.FormEditor ol,.FormEditor ul,.FormEditor dl {margin-bottom:10px;margin-top:0;} .titanBody fieldset,.mainBody fieldset, .Freeform fieldset,.DisplaySideUpload fieldset,.EventUpload fieldset, .Aggregation fieldset,.Calendar fieldset,.Product fieldset {border:0;margin:0;padding:0;} .Aggregation,.Calendar,.Commenting,.DisplaySideUpload,.EventUpload,.FAQ,.Freeform,.FormEditor,.LogIn, .PhotoBlock,.Product,.UserAccount,.SearchResults,.SegmentedSearch,.SiteMap,.TOCBlock,.WhatsNew {clear:both;margin-bottom:25px;} #centerZone .noTeaser{padding-bottom:26px;} /* noTeaser is a class along with the block class name - used with blocks that have OneCol and TwoCol */ /* section for backgrounds and borders when child floats - this hits most containers, you may need to adjust according to your design */ #mainBody,/*#pageTopArea,#topNavContainer,#topContentContainer,*/#contentArea, #leftContentContainer,#contentNavContainer,#leftZone,#contentContainer,#toolContainer, #centerZone,#rightZone,#bottomNavContainer,#bottomNavContainer{overflow:hidden;} .IE6 #mainBody,/*.IE6 #pageTopArea,.IE6 #topNavContainer,.IE6 #topContentContainer,*/.IE6 #contentArea, .IE6 #leftContentContainer,.IE6 #contentNavContainer,.IE6 #leftZone,.IE6 #contentContainer,.IE6 #toolContainer, .IE6 #centerZone,.IE6 #rightZone,.IE6 #bottomNavContainer,.IE6 #bottomNavContainer{height:1%;} /* ============================================================================== TEXT EDITOR */ h1{margin:0 0 9px 0;} h3{margin-bottom:6px;} .floatLeft{float:left;margin:0 7px 0 0;} .floatRight{float:right;margin:0 0 0 7px;} .floatRightSteps{float:right;margin:0 180px 0 7px;} p.code, p.note{padding:10px;} /* ============================================================================== PAGE LAYOUT */ #mainBody{margin:0 auto;width:899px;} #pageTopArea{margin-bottom:8px;overflow:hidden;height:75px;} .IE6 #pageTopArea{height:1%} #utilityNavContainer{height:13px;margin:3px 0 0 0;text-align:right;} .Firefox3.MacPPC #utilityNavContainer{margin-top:2px} #utilityNavContainer ul{margin:0;padding:0;} #utilityNavContainer ul li{display:inline;} #utilityNavContainer ul li span{padding:0 4px;} #logoControlContainer{float:left;margin:3px 0 0 4px;} .IE6 #logoControlContainer{margin:3px 0 0 2px;} #searchBarContainer{float:right;margin-top:2px;padding:0 31px 0 7px;} .IE #searchBarContainer{margin-top:1px;} #searchBarContainer span.image{float:left;height:26px;width:9px;} .IE #searchBarContainer span.image{height:24px;} .IE6 #searchBarContainer span.image{margin-right:-3px;} #searchBarContainer input{border:0;height:15px;padding:4px 0 2px 0;vertical-align:middle;width:135px;} #searchBarContainer input#searchGo{cursor:pointer;font-size:0;height:25px;line-height:30px;margin:0 0 0 -8px;text-decoration:none;vertical-align:middle;width:25px;} #topNavContainer{float:left;margin:18px 10px 0 62px;width:600px;} .Firefox3.Unknown #topNavContainer .Firefox3.MacPPC #topNavContainer{margin-top:19px;} .IE #topNavContainer, .Firefox2.MacPPC #topNavContainer, .Firefox2.Unknown #topNavContainer, .AppleMAC-Safari #topNavContainer{margin-top:20px;} #topNavContainer ul{margin:0;padding:0;} #topNavContainer ul li{float:left;margin-right:8px;} #topNavContainer ul li a{display:block;padding:5px 0px 10px 10px;} #topNavContainer ul li a span{padding:5px 10px 10px 0px;} #contentArea{overflow:hidden;} .IE6 #contentArea{height:1%} /* banner content zone */ #topZone{height:128px;overflow:hidden;padding:6px 10px;} #contentContainer{overflow:hidden;padding:0px 13px 50px 20px;} .IE6 #contentContainer{height:1%} #tools{margin:4px 5px 2px 0;overflow:hidden;} .IE6 #tools{height:1%} #breadCrumbContainer{float:left;overflow:hidden;padding-left:2px;width:670px;} #breadCrumbContainer ul{margin:0;padding:0;} #breadCrumbContainer ul li{display:inline;} #breadCrumbContainer ul li span{padding:0 4px;} #pageTools{float:right;margin-right:5px;} #pageTools ul{margin:0;padding:0;} #pageTools ul li{display:inline;} #pageTools ul li.email{margin:0 0 0 14px;} #pageTools a{padding:0 0 0 17px;} /* main content zones - see blue grey classes for right zone block content */ #centerZone{clear:left;float:left;margin-top:17px;padding-left:2px;width:540px;} #KBDetails{margin-bottom:15px;} #KBDetails ul{margin:0;padding:0;} #KBDetails ul li{display:inline;padding-right:2px;} #rightZone{clear:right;float:right;margin-top:25px;width:285px;} #bottomZone{clear:both;margin:30px 0 0 0;padding:30px 0 0 0;} #footer{clear:both;margin-bottom:30px;padding:14px 6px;} #copy{float:left;} #bottomNavContainer{float:left;} #bottomNavContainer ul{margin:0 0 0 14px;padding:0;} #bottomNavContainer ul li{display:inline;} #bottomNavContainer ul li span{padding:0 4px;} /* ============================================================================== CONTENT NAV */ /* need to add from right and left zone stuff below */ /* look for 'secondary nav' in the BLOCKS BACKGROUND section */ /* ============================================================================== TAB NAV for support pages */ #tabnav{clear:left;float:left;margin-left:1px;margin-bottom:20px;width:557px;} #tabnav ul{height:19px;margin:0;padding:0;} #tabnav ul li{float:left;margin-left:5px;} #tabnav ul li a{display:block;margin:0px;padding:4px 0 1px 20px;} #tabnav ul li a span{padding:4px 20px 2px 0;} .Firefox3 #tabnav ul{height:21px;} .Firefox3 #tabnav ul li a{background-position:left 2px;} .Firefox3 #tabnav ul li a span{background-position:right 2px;} .Firefox3 #tabnav ul li a:hover, .Firefox3 #tabnav ul li a.current{background-position:left 2px;} .Firefox3 #tabnav ul li a:hover span, .Firefox3 #tabnav ul li a.current span{background-position:right 2px;} /* ============================================================================== SPECIAL CLASS NAMES */ /* bulletMenu class that can be added to blocks like TOCBlock and Filter(Agreggation) to have the appearance of navigation */ /* add in info from below */ /* ============================================================================== BLOCKS */ div.OneCol div, div.TwoCol div, div.tocList div, div.SegmentedSearch div.loading div.message {margin-bottom:0px;} div.OneCol div.otherStuff, div.TwoCol div.otherStuff, div.tocList div.otherStuff, div.OneCol div.otherStuff div, div.TwoCol div.otherStuff div, div.tocList div.otherStuff div, div.OneCol div.otherStuff + div, div.TwoCol div.otherStuff + div, div.tocList div.otherStuff + div {margin-bottom:10px;} .largeTeaserImage a.teaserImage img, .clientTeaser a.teaserImage img{margin-bottom:15px;} /* margin to push the teaser content over from the teaser image filter, toc, what's new, width of teaser image - width + gutter = margin - VERSION2 */ div.OneCol div.image div.otherStuff, div.TwoCol div.image div.otherStuff, div.tocList div.image div.otherStuff, div.calendarItem div.image div.otherStuff, div.Product .ColOne div.image div.otherStuff, .CenterZone .VideoLineup div.otherStuff,/* ? */ .BottomZone .image div.otherStuff, .BottomZone .VideoLineup div.otherStuff/* ? */{clear:none;float:none;margin-left:70px;} .SiteMap ul li a, #centerZone .noTeaser h4 a{padding-left:15px;} .largeTeaserImage .image div.otherStuff{margin-left:170px;} .clientTeaser .image div.otherStuff{margin-left:230px;} .largeTeaserImage .image, .clientTeaser .image{margin-bottom:20px;padding-bottom:15px;} .IE #rightZone .TwoCol .image .teaserImage img, .IE #leftZone .TwoCol .image .teaserImage img{margin-bottom:4px} div.OneCol p.linkText a, div.TwoCol p.linkText a, div.tocList p.linkText a, div.ColOne div.linkText a, div.ColTwo div.linkText a, div.ColThree div.linkText a, div.ColFour div.linkText a{padding-right:15px;} div.Aggregation div.AggregationFilter2 .inputs div, div.Calendar div.CalendarFilter2 .inputs div, div.EventUpload div.accountFilter2 .inputs span, div.DisplaySideUpload div.accountFilter2 .inputs span, div.UserAccount div.accountFilter2 .inputs span, div.Product div.ProductFilter2 .inputs div, div.SegmentedSearch div.SegmentedSearchFilter2 .inputs div{clear:left;overflow:hidden;padding:1px 0;} /* individual blocks - other than freeform, faq, form editor those are way above this */ /* === ALPHA LIST - filter block === */ div.Aggregation div.AggregationResults ul.alphaList{margin:10px 0 20px 0;overflow:hidden;padding:0;} .IE6 div.Aggregation div.AggregationResults ul.alphaList{height:1%;} div.Aggregation div.AggregationResults ul.alphaList li{float:left;padding-right:9px;} .alpha{clear:both;padding-top:10px;} .tocList{margin-left:25px;} .tocList div{margin-bottom:15px;overflow:hidden;} .IE6 .tocList div{height:1%;} /* === PHOTO BLOCK === */ div.PhotoBlock div.filmstrip{} div.PhotoBlock div.filmstrip div h3{padding-left:5px;} div.PhotoBlock div.filmstrip img{cursor:pointer;float:left;margin:5px;} div.PhotoBlock div.filmstrip div.webImages{float:left;width:330px;} div.PhotoBlock div.filmstrip div.leftArrow, div.PhotoBlock div.filmstrip div.rightArrow{cursor:pointer;float:left;height:20px;margin-top:45px;width:20px;} div.PhotoBlock div.filmstrip div.rightArrow + div{display:none;} div.PhotoBlock div.filmstrip div.thumbnails{float:left;height:400px;margin-left:10px;overflow-y:scroll;width:140px;} /* === PHOTO BLOCK 500 === */ div.PhotoBlock500 div.filmstrip{} div.PhotoBlock500 div.filmstrip div h3{color:#555;font-size:11px;font-weight:bold;padding-left:5px;} div.PhotoBlock500 div.filmstrip img{cursor:pointer;float:left;margin:5px;} div.PhotoBlock500 div.filmstrip div.webImages{float:left;width:500px;} div.PhotoBlock500 div.filmstrip div.leftArrow, div.PhotoBlock500 div.filmstrip div.rightArrow{color:#fff;font-size:0;line-height:50;cursor:pointer;float:left;height:20px;margin-top:0px;width:20px;} div.PhotoBlock500 div.filmstrip div.rightArrow + div{display:none;} div.PhotoBlock500 div.filmstrip div.leftArrow{background:url('images/titancms/btnPrevNextArrows.gif') no-repeat left top;} div.PhotoBlock500 div.filmstrip div.rightArrow{background:url('images/titancms/btnPrevNextArrows.gif') no-repeat right top;} div.PhotoBlock500 div.filmstrip div.leftArrow:hover{background-position:left bottom;} div.PhotoBlock500 div.filmstrip div.rightArrow:hover{background-position:right bottom;} div.PhotoBlock500 div.filmstrip div.thumbnails{border:1px solid #ddd;float:left;height:400px;margin-left:70px;overflow-y:scroll;width:187px;} /* ============================================================================== BLOCK BACKGROUNDS */ /* backgrounds */ #rightZone .grey, #rightZone .blue, #rightZone .blueBullet, #leftZone .grey, #leftZone .blue, #leftZone .blueBullet{margin-bottom:35px;overflow:hidden;padding-bottom:17px;} /* bottom image */ #rightZone .grey, #leftZone .grey{min-height:230px;} #rightZone .grey h3, #rightZone .blue h3, #rightZone .clientTeaser h4, #rightZone .blueBullet h3, #leftZone .grey h3, #leftZone .blue h3, #leftZone .clientTeaser h4, #leftZone .blueBullet h3{overflow:hidden;padding:15px 0 10px 15px;} #rightZone .blue .calendarCallOut, #leftZone .blue .calendarCallOut{padding-top:15px;} /* blocks with bullets and 'secondary nav' - the ul li is secondary/content nav */ #rightZone .grey ul, #leftZone .grey ul{margin:0 15px;padding-left:0px;} #rightZone .grey .OneCol div, #rightZone .grey .TwoCol div, #rightZone .grey ul li, #leftZone .grey .OneCol div, #leftZone .grey .TwoCol div, #leftZone .grey ul li{padding:0 0 3px 0px;} #rightZone .grey .OneCol div.otherStuff{padding-left:15px;margin-bottom:0px;} #rightZone .grey .OneCol div a, #rightZone .grey .TwoCol div a, #leftZone .grey .OneCol div a, #leftZone .grey .TwoCol div a{display:block;padding:0 0 3px 0px;} #rightZone .grey ul li a, #leftZone .grey ul li a{display:block;padding:0 0 3px 15px;} #rightZone .blue .OneCol div, #rightZone .blueBullet .OneCol div, #rightZone .blue .TwoCol div, #rightZone .blueBullet .TwoCol div, #leftZone .blue .OneCol div, #leftZone .blueBullet .OneCol div, #leftZone .blue .TwoCol div, #leftZone .blueBullet .TwoCol div{/*margin:0;*/padding-bottom:18px;} #rightZone .blue .OneCol div.otherStuff, #rightZone .blueBullet .OneCol div.otherStuff, #rightZone .blue .TwoCol div.otherStuff, #rightZone .blueBullet .TwoCol div.otherStuff, #leftZone .blue .OneCol div.otherStuff, #leftZone .blueBullet .OneCol div.otherStuff, #leftZone .blue .TwoCol div.otherStuff, #leftZone .blueBullet .TwoCol div.otherStuff, #rightZone .blue .OneCol div.otherStuff div, #rightZone .blueBullet .OneCol div.otherStuff div, #rightZone .blue .TwoCol div.otherStuff div, #rightZone .blueBullet .TwoCol div.otherStuff div, #leftZone .blue .OneCol div.otherStuff div, #leftZone .blueBullet .OneCol div.otherStuff div, #leftZone .blue .TwoCol div.otherStuff div, #leftZone .blueBullet .TwoCol div.otherStuff div, #rightZone .blue .OneCol div.otherStuff + div, #rightZone .blueBullet .OneCol div.otherStuff + div, #rightZone .blue .TwoCol div.otherStuff + div, #rightZone .blueBullet .TwoCol div.otherStuff + div, #leftZone .blue .OneCol div.otherStuff + div, #leftZone .blueBullet .OneCol div.otherStuff + div, #leftZone .blue .TwoCol div.otherStuff + div, #leftZone .blueBullet .TwoCol div.otherStuff + div{padding-bottom:0;} #rightZone .blueBullet .OneCol div, #rightZone .blueBullet .TwoCol div, #leftZone .blueBullet .OneCol div, #leftZone .blueBullet .TwoCol div{padding-left:17px;padding-bottom:8px;} /* RIGHT ZONE & LEFT ZONE content indents because of Background images */ #rightZone .OneCol, #rightZone .Freeform p, #rightZone .AggregationFilter fieldset, #rightZone fieldset, #rightZone ul.paginationFooter, #rightZone ul.pagination, #leftZone .OneCol, #leftZone .Freeform p, #leftZone .AggregationFilter fieldset, #leftZone fieldset, #leftZone ul.paginationFooter, #leftZone ul.pagination, #rightZone .btnSubmit, #leftZone .btnSubmit{padding:0 15px;} #rightZone .OneCol, #rightZone .Freeform p, #rightZone ul.paginationFooter, #rightZone ul.pagination, #leftZone .OneCol, #leftZone .Freeform p, #leftZone ul.paginationFooter, #leftZone ul.pagination, #rightZone .btnSubmit, #leftZone .btnSubmit{margin:0;} #rightZone .btnSubmit, #leftZone .btnSubmit{margin:0 15px;} #rightZone .TwoCol, #leftZone .TwoCol{padding:0 15px;} #rightZone .TwoCol div, #leftZone .TwoCol div{margin:10px 0;} #rightZone .TwoCol .image div.otherStuff, #leftZone .TwoCol .image div.otherStuff{margin:0 0 0 70px;} #rightZone .AggregationResults span, #leftZone .AggregationResults span{display:block;/*padding:0 15px;*/} /* ============================================================================== Component Upload http://titancms.com/Download/ComponentUpload.htm */ /* AMC Upload */ .AMCUpload .ErrorMessage {margin:10px 0;padding:5px;} .AMCUpload .packageName input, .AMCUpload .description textarea, .AMCUpload .contactName input, .AMCUpload .contactCompany input, .AMCUpload .contactEmail input{width:202px;} .Firefox3 .AMCUpload .packageName input, .Firefox3 .AMCUpload .description textarea, .Firefox3 .AMCUpload .contactName input, .Firefox3 .AMCUpload .contactCompany input, .Firefox3 .AMCUpload .contactEmail input{width:200px;} .Firefox.MacPPC .AMCUpload .packageName input, .Firefox.MacPPC .AMCUpload .description textarea, .Firefox.MacPPC .AMCUpload .contactName input, .Firefox.MacPPC .AMCUpload .contactCompany input, .Firefox.MacPPC .AMCUpload .contactEmail input{width:232px;} .Firefox3.MacPPC .AMCUpload .packageName input, .Firefox3.MacPPC .AMCUpload .contactName input, .Firefox3.MacPPC .AMCUpload .contactCompany input, .Firefox3.MacPPC .AMCUpload .contactEmail input, .AppleMAC-Safari.MacPPC .AMCUpload .packageName input, .AppleMAC-Safari.MacPPC .AMCUpload .contactName input, .AppleMAC-Safari.MacPPC .AMCUpload .contactCompany input, .AppleMAC-Safari.MacPPC .AMCUpload .contactEmail input{width:235px;} .Firefox3.MacPPC .AMCUpload .description textarea{width:239px;} .AppleMAC-Safari.MacPPC .AMCUpload .description textarea{width:239px;} .AppleMAC-Safari .AMCUpload .description textarea{width:200px;} .IE .AMCUpload .attachment input{width:209px;} .IE6 .AMCUpload .attachment input{width:206px;} .AMCUpload .packageName, .AMCUpload .description, .AMCUpload .contactName, .AMCUpload .contactCompany, .AMCUpload .contactEmail, .AMCUpload .attachment{margin-top:10px;} .AMCUpload label{display:block;} .AMCUpload .packageNameMessage, .AMCUpload .descriptionMessage, .AMCUpload .contactNameMessage, .AMCUpload .contactCompanyMessage, .AMCUpload .contactEmailMessage, .AMCUpload .attachmentMessage{display:none;} .AMCUpload .messageOn, .AMCUpload .error{display:block;clear:both;} .AMCUpload .buttonsConfirm, .AMCUpload .buttonsSubmit{margin-top:20px;} .AMCUpload .buttons, .AMCUpload .thankYouForm, .AMCUpload p{clear:both;}