/* @ New main.css which includes: old base.css , and old initialize.css Author: Web Services Created on: October 2008 IMPORTANT: there are several calls after line 1340 to divs such as #main, #logo, #footer, etc, etc. Line 1622 have style defined for #breadcrumbs - be aware Possibly remove once all changes are in for new structure of templates */ /* CSS Reset from Eric Meyer http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: inherit; font-style: inherit; line-height: inherit; font-family: inherit; } a img,:link img,:visited img { border: 0; outline: none; } a:active { outline: none; } table { border-collapse: collapse; border-spacing: 0; } /*ol,*/ ul { list-style: none; zoom:1; } q:before,q:after,blockquote:before,blockquote:after { content: ""; } h1,h2,h3,h4,h5,h6,p { } /* @end */ /* @group LAYOUT */ /* IE PNG Fix http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ NOTE: Make sure to add .htc to Apache's mime types or won't work: in .htaccess add the following line: AddType text/x-component .htc img, input { behavior: url(http://citrix.com/site/resources/v4_includes/css/iepngfix.htc);} */ /********** End of old initialize.css *************/ /* STYLING THE TINYMCE PLUGIN - DFG */ #content { float: left; width: 818px; } .current a { background-color: #fff; border: solid 1px #3c78b5; color: #000; } #info-panel { width: 125px; } li.notab { list-style-type: none; } #publishToGroupsDiv { padding:0px 5px; } #sidebar { float: right; width: 132px; } .tab-navigation .tab a { color: #fff; } .tab a { background-color: #cccccc; border: solid 1px #d3d3d3; } .tab a:hover { background-color: #BCBCBC; border: solid 1px #d3d3d3; color: #fff; } #wiki-editor { width: 792px; } /* END STYLING THE TINYMCE PLUGIN - DFG */ /******************************************* ** START: Main.css ********************************************/ html body { font: 12px Arial, Verdana, sans-serif; background-color: #fff; color: #333; line-height: 18px; margin: 0 auto; } a { color: #0075B0; text-decoration: none; } a:link { color: #0075B0; text-decoration: none; } a:visited { color: #0075B0; text-decoration: none; } a:hover { color: #005986; text-decoration: none; } a:active { color: #0075B0; text-decoration: none; } strong,b { font-weight: bold; } em,i { font-style: italic; } sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; } ul { margin-bottom: 0px; } ul li { padding-left:2px; } ol { list-style-position: outside; margin-bottom: 18px; } li { padding-left: 0px; margin-left: 0px; } ol { padding-left: 8px; margin-left: 16px; } p { margin-bottom: 18px; } p.intro { /*font-size: 14px; line-height: 20px;*/ font-size: 12px; line-height: 18px; } h1,h2 { font-size: 26px; margin-bottom: 8px; margin-top: 2px; line-height: 26px; font-weight: normal; } h3 { font-weight: bold; font-size: 15px; line-height: 18px; } h4 { font-weight: bold; font-size: 12px; line-height: 16px; margin-bottom: 2px; } h5 { font-weight: bold; margin-bottom: 2px; } h3.arrow { background: url(http://citrix.com/site/resources/v4_includes/h3arrow_gray.gif) no-repeat left 3px; padding-left: 10px; } h3.number { padding-left: 22px; } h3.number+p { padding-left: 22px; } h3.number.one { background: url(http://citrix.com/site/resources/v4_includes/h3_one.gif) no-repeat; } h3.number.two { background: url(http://citrix.com/site/resources/v4_includes/h3_two.gif) no-repeat; } h3.number.three { background: url(http://citrix.com/site/resources/v4_includes/h3_three.gif) no-repeat; } h3.number.four { background: url(http://citrix.com/site/resources/v4_includes/h3_four.gif) no-repeat; } h3.number.five { background: url(http://citrix.com/site/resources/v4_includes/h3_five.gif) no-repeat; } h3.number.six { background: url(http://citrix.com/site/resources/v4_includes/h3_six.gif) no-repeat; } .fineprint { font-size: 10px; color: #76797c; line-height: 13px; } .small { font-size: 11px; line-height: 14px; } .tiny { font-size: 10px; line-height: 12px; } .caption { font-size: 10px; line-height: 13px; padding-top: 10px; padding-bottom: 15px; } /* @end */ /* @group Backwards Compatibility */ p.subhead,span.subhead,td.subhead { /* should be equal to h3 */ font-weight: bold; font-size: 15px; line-height: 18px; } h2 strong { font-weight: normal; font-style: normal; } .blurbheadline { font-size: 11px; line-height: 14px; font-weight: bold; } .headline { font-weight: normal; font-size: 20px; line-height: 18px; } .subheadlight { color: #999; font-size: 15px; line-height: 18px; font-weight: bold; } .bodycopybold { font-weight: bold; } table.exam_table { width: 563px; border: 1px solid #ccc; } table.exam_table table.exam_table { width: auto; border: none; } table.exam_table .exam_title { color: #000; font-size: 18px; line-height: 20px; font-weight: bold; padding: 7px 0px 7px 7px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } table.exam_table .number_title { text-transform: uppercase; font-size: 11px; font-weight: bold; letter-spacing: 3px; } table.exam_table .number { font-size: 16px; border-bottom: 1px solid #ccc; } table.exam_table .title { text-transform: uppercase; font-size: 11px; font-weight: bold; padding-left: 7px; letter-spacing: 2px; } table.exam_table .exam_table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #333; } table.exam_table .exam_table p { padding: 7px 7px 7px 0px; margin: 0px; } table.exam_table .exam_desc { padding: 7px 0px 7px 7px; font-size: 12px; line-height: 16px; } table.exam_table .exam_bold { font-weight: bold; /*padding-left:7px;*/ } table.exam_table .courses_table { font-size: 12px; line-height: 16px; } table.exam_table .courses_table td { padding: 5px; border-bottom: 1px solid #fff; } table.exam_table .courses_subtable { font-size: 12px; } table.exam_table .courses_subtable td { padding: 5px; border-bottom: none; } tr.psuedolist td { border-top: 1px dotted #ccc; padding-bottom: 9px; padding-top: 9px; } /* QA pages */ tr.qaQ td { border-top: 1px dotted #ccc; padding-top: 18px; } tr.qaA td { padding-bottom: 18px; padding-top: 9px; } table.courses_table { margin-bottom: 36px; } table.courses_table tr.psuedolist td { border-top: none; border-bottom: 1px dotted #ccc; padding-bottom: 9px; padding-top: 9px; } div.courses_header { background: #4791d5 url(http://citrix.com/site/resources/v4_includes/listheader_background.jpg) repeat-x; color: #fff; overflow: hidden; padding: 6px; } /* td.bodycopy p { margin-top: 18px; } */ /* @end */ /* @group Boxes & Groups */ /* @group Content Header Groups */ /* Intro Quotes Used to showcase a Quotation at the top of a page */ div.introquote,div.csquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 18px; padding-top: 6px; } div.introquote p,div.csquote p { margin-bottom: 6px; color: #666; font-size: 12px; } div.introquote .attribution,div.csquote .attribution csquoteattribution { font-size: 11px; font-weight: bold; } /* Title Groups titlegroups are used to group the main headlines and subhead into a unit. All main headers should be enclosed in title groups */ .titlegroup { margin-bottom: 24px; padding: 20px 0px 0px 0px; } .titlegroup h3 { font-size: 16px; font-weight: normal; font-style: normal; color: #666; line-height: 18px; } /* Case Study Groups csgroup is for Case Studies Where the corporation and the categories are displayed at top of page use

and

*/ .csgroup { color: #999; } .csgroup p { font-size: 11px; } /* @end */ /* @group Content Callout Area */ /* Product Promos - right sidebar stuff */ div.contentcallout { width: 215px; margin-left: 16px; float: right; overflow: hidden; padding-top: 9px; padding-right: 9px; padding-left: 9px; background-image: none; background-color: #f3f3f3; position: relative; z-index: 1; } div.contentcallout h3 { font-size: 12px; line-height: 15px; } div.contentcallout img { margin-bottom: 6px; } div.contentcallout p { font-size: 11px; line-height: 14px; } div.contentcallout a { font-weight: bold; } div.contentcallout ul { padding-left: 0; margin-left: 0; } div.contentcallout ul ul { margin-bottom: 14px; } div.contentcallout ul li { background: none; font-size: 11px; line-height: 14px; padding-left: 0; margin-left: 0; } div.contentcallout ul li li { padding-top: 4px; margin-top: 4px; } div.contentcallout ul a { font-weight: bold; } div.contentcallout ul li li { border-top: 1px dotted #999; width: 215px; } div.contentcallout ul li.nodivider { padding-top: 0px; border-top: none; } div.contentcallout ul li h3 { font-size: 13px; line-height: 18px; } /* @end */ /* @group Homepage Promo box */ .hppromobox { background: #000 url(http://citrix.com/site/resources/v4_includes/hp_promobox_background.jpg) repeat-x; color: #d1e3f5; font-size: 11px; line-height: 14px; padding: 9px; } .hppromobox a { font-weight: bold; color: #fff; } .hppromobox p { margin: 0; } .hppromobox .promoitem { margin-top: 9px; padding-top: 9px; border-top: 1px solid #555; } .hppromobox .first { margin-top: 0; padding-top: 0; border-top-style: none; } .hppromobox div.image { width: 75px; height: 75px; float: left; } .hppromobox .promoitem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* @end */ /* @group Notes Box */ /* Notesbox This is a box that recedes into the background by being white, stroked and small. Ideal for System Requirements etc. */ .notesbox { font-size: 11px; line-height: 14px; background: #fff; color: #333; position: relative; padding: 9px; border: 1px solid #ddd; margin-bottom: 18px; position: relative; z-index: 1; } .notesbox ul { margin-bottom: 0; } .notesbox h3 { font-size: 12px; } /* @end */ /* @group Blue Feature Boxes (square) */ .featurebox { font-size: 12px; line-height: 16px; background: #d1e3f5 url(http://citrix.com/site/resources/v4_includes/sidebarbox_secondarybg.gif) repeat-x; color: #333; position: relative; } .featurebox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .featurebox h3 { margin-bottom: 6px; background-image: url(http://citrix.com/site/resources/v4_includes/featurebox_header.jpg) ; padding: 6px; color: #fff; } .featurebox div.primary { padding: 12px; } .featurebox a { font-weight: bold; } .featurebox p { margin-bottom: 9px; } .featurebox .imagebox { background-color: #fff; } .featurebox li { margin-bottom: 9px; margin-right: 18px; background-image: url(http://citrix.com/site/resources/v4_includes/arrow_blue.gif); } /* @end */ /* @group Sidebar Box */ .sidebarbox { font-size: 11px; margin-bottom: 18px; line-height: 14px; } .sidebarbox h3 { font-size: 12px; color: #fff; padding-left: 9px; border-top: 1px solid #b9d5f1; border-bottom: 1px solid #3a75aa; overflow: hidden; background: #4791d5 url(http://citrix.com/site/resources/v4_includes/sidebarbox_header.gif) repeat-x; line-height: 14px; padding-bottom: 5px; padding-top: 6px; } .sidebarbox div.primary { border-bottom: 1px solid #92b4d4; border-top: 1px solid #e6f0fa; padding: 6px; background: #a3c8ec url(http://citrix.com/site/resources/v4_includes/sidebarbox_mainbg.gif) repeat-x; } .sidebarbox div.secondary { border-bottom: 1px solid #bdccdc; border-top: 1px solid #e6f0fa; padding: 6px; background: #d1e3f5 url(http://citrix.com/site/resources/v4_includes/sidebarbox_secondarybg.gif) repeat-x; } .sidebarbox .formlabel { font-size: 11px; font-weight: bold; line-height: 11px; margin-top: 6px; color: #2d5d8a; } .sidebarbox .formelement { width: 130px; } .sidebarbox select { font-size: 9px; } .sidebarbox .formbutton { text-align: right; margin-top: 6px; margin-right: 6px; } .sidebarbox a { color: #3c7ab5; font-weight: bold; } .sidebarbox a:hover { color: #003362; } .sidebarbox ul { margin: 0; } .sidebarbox li { margin-left: 0; padding-left: 0; padding-top: 5px; padding-bottom: 5px; background: url(http://citrix.com/site/resources/v4_includes/sidebar_divider.png) 0 top repeat-x; } .sidebarbox li.first { background: none repeat-x 0 top; } /* Alt Sidebar Note: must add class="alt" to the h3's to work */ .sidebarbox h3.alt { /* YELLOW */ background: #ffbf38 url(http://citrix.com/site/resources/v4_includes/sidebarbox_altheader.gif) ; border-top: 1px solid #ffecc0; border-bottom: 1px solid #ffae06; color: #514836; } .sidebarbox div.alt { border-bottom: 1px solid #f7cb59; border-top: 1px solid #fff9ec; padding: 6px; background: #ffd975 url(http://citrix.com/site/resources/v4_includes/sidebarbox_altbg.gif) repeat-x; color: #514836; } .sidebarbox div.alt a { color: #a97200; } .sidebarbox div.alt a:hover { color: #422c00; } /* Alt2 Sidebar Note: must add class="alt2" to the h3's to work */ .sidebarbox h3.alt2 { border-top: 1px solid #fff; border-bottom: 1px solid #c2c2c4; color: #535355; background: #c2c2c4 url(http://citrix.com/site/resources/v4_includes/sidebarbox_grayheader.gif) ; } .sidebarbox div.alt2 { border-top: 1px solid #fff; border-bottom: 1px solid #c2c2c4; padding: 6px; background: #e3e3e4 url(http://citrix.com/site/resources/v4_includes/sidebarbox_graybg.gif) repeat-x; color: #535355; } .sidebarbox div.alt2 a { color: #4075c8; } /* misc sidebarbox parts */ .sidebarbox div.review { font-weight: bold; } .sidebarbox div.review span.attribution { font-size: 9px; font-weight: normal; } .sidebarbox div.tightlist { font-weight: bold; } .sidebarbox div.tightlist li { padding-top: 1px; padding-bottom: 1px; } .sidebarbox div.textlist li { padding-top: 9px; padding-bottom: 9px; } .sidebarbox .button a { /* fix button rollover color */ color: #fff; } /* CR product Reviews */ .alt li#rev_read { background: url(http://citrix.com/site/resources/v4_includes/resources_icons/alt_magnify.gif) no-repeat left center; padding-left: 24px; } .alt li#rev_write { background: url(http://citrix.com/site/resources/v4_includes/resources_icons/alt_pencil.gif) no-repeat 2px; padding-left: 24px; } /* Resources sidebar */ .sidebarbox div.resources { border-bottom: 1px solid #bdccdc; border-top: 1px solid #e6f0fa; padding: 6px; background: #d1e3f5 url(http://citrix.com/site/resources/v4_includes/sidebarbox_secondarybg.gif) repeat-x; } .sidebarbox .resources img { vertical-align: middle; margin-right: 5px; } .sidebarbox div.primary li.first,.sidebarbox div.secondary li.first,.sidebarbox div.alt li.first,.sidebarbox div.alt2 li.first,.sidebarbox div.resources li.first { padding-top: 0; border-top: none; } .sidebarbox div.primary li.last,.sidebarbox div.secondary li.last,.sidebarbox div.alt li.last,.sidebarbox div.alt2 li.last,.sidebarbox div.resources li.last { border-bottom: none; padding-bottom: 0; } .resources li.text { padding-left: 0; } div.crlogo_bg { background: url(http://citrix.com/site/resources/v4_includes/citrixready_logobg.gif) no-repeat; width: 138px; height: 85px; text-align: center; margin-bottom: 6px; } /* @end */ /* @end */ /* @group Lists */ /* @group P-based Lists */ /* plist This is a simple list in the following format:

Title Link
Text Here

*/ div.plist { margin-bottom: 18px; } div.plist p { margin-top: 9px; margin-bottom: 9px; padding-top: 9px; border-top: 1px dotted #ccc; font-size: 11px; line-height: 14px; } div.plist p.first { margin-top: 0px; padding-top: 0px; border-top: none; } div.plist p a { font-weight: bold; font-size: 12px; line-height: 18px; } div.plist h3 a { background: url(http://citrix.com/site/resources/v4_includes/arrow_divlist.gif) no-repeat left center; padding-left: 8px; color: #333; } div.plist p.intro { font-size: 11px; line-height: 14px; margin-top: 0px; padding-top: 0px; border-top: none; } /* @end */ /* @group Div-based Lists */ /*
used to encapsulate a group of
's */ .list { margin-bottom: 36px; } /*
used to create a divided list of items */ .listitem,.listitemhot { margin-top: 9px; border-top: 1px dotted #bbb; padding-top: 9px; color: #555; font-size: 11px; line-height: 14px; } .listitemhot { background: #ffd975 url(http://citrix.com/site/resources/v4_includes/sidebarbox_altbg.gif) repeat-x; padding: 9px; border-top: none; } .listitem h3,.listitemhot h3 { font-size: 12px; line-height: 15px; /*background: url(http://citrix.com/site/resources/v4_includes/arrow_divlist.gif) no-repeat left 1px; padding-left: 9px;*/ } .listitem p,.listitemhot p { margin-bottom: 0; } .listitem a,.listitemhot a { font-weight: bold; } .list .first { border-style: none; margin-top: 6px; } .listheader { margin-bottom: 6px; background: #4791d5 url(http://citrix.com/site/resources/v4_includes/listheader_background.jpg) repeat-x; color: #fff; overflow: hidden; padding: 6px; } .listheader .description { border-bottom: 1px solid #92b4d4; border-top: 1px solid #e6f0fa; padding: 9px; background: #a3c8ec url(http://citrix.com/site/resources/v4_includes/sidebarbox_mainbg.gif) repeat-x; margin: 6px -6px -6px; color: #333; } .listheaderplain { color: #333; font-size: 12px; line-height: 18px; background: #fff; } .listheader h3 { } .listheader p { margin-bottom: 0; } .listheader a { } /* @end */ /* @group Homepage Lists */ /* homepagelist */ .homepagelist a { font-weight: normal; font-style: normal; color: #333; } .homepagelist h3 a { font-weight: bold; background: url(http://citrix.com/site/resources/v4_includes/arrow_divlist.gif) no-repeat left center; padding-left: 8px; } .homepagelist .ctalink { font-weight: bold; color: #0047b6; } /* @end */ /* @group UL-based Lists */ /* Related List This is a right-sidebar list that has links/info pertinent to the particular page. Make sure all links are nested. */ ul.relatedlist { padding-left: 0; margin-left: 0; padding-top: 0px; padding-bottom: 10px; } ul.relatedlist ul { margin-bottom: 14px; } ul.relatedlist li { background: none; padding-top: 4px; margin-top: 4px; font-size: 11px; line-height: 14px; padding-left: 1px; margin-left: 0; } ul.relatedlist li.standalone { margin-bottom: 18px; margin-top: 18px; padding: 0; } ul.relatedlist a { font-weight: bold; font-size:11px; } ul.relatedlist li li { border-top: 1px dotted #ccc; /*width:215px;*/ } .relatedlistline { border-top: 1px dotted #ccc; /*width:215px;*/ } ul.relatedlist li.nodivider { padding-top: 0px; border-top: none; } ul.relatedlist li h3 { font-size: 13px; line-height: 18px; font-family: Verdana; } /* Faked but Prettier/Compatible Ordered Lists These make pretty lists but the code is messy
  • 1.
    Content
  • */ ul.relatedlist ul.ordered div.ol_marker { display: block; float: left; font-weight: bold; } ul.relatedlist ul.ordered div.ol_content { display: block; margin-left: 1.5em; } /* @end */ /* @end */ /* @group Links and Buttons */ .more { margin-top: 14px; } .more a { font-size: 11px; font-weight: bold; background: url(http://citrix.com/site/resources/v4_includes/arrow_more.gif) no-repeat right center; padding: 4px 18px 3px 0px; } a.download { font-weight: bold; background: url(http://citrix.com/site/resources/v4_includes/arrow_download.gif) no-repeat left top; padding-left: 12px; } a.learnmore { font-weight: bold; } /* Buttons Call with Link */ /* a.button { font-size:0; line-height:0; display: -moz-inline-box; display: inline-block; height: 16px; margin: 3px 3px 3px 0; vertical-align: middle; } a.button span { font-size: 11px; line-height: 14px; *line-height: 11px; color: #fff; font-weight: bold; display: -moz-inline-box; display:inline-block; height: 16px; padding: 1px 6px 0; cursor: pointer; margin: 0 20px 0 0; } */ a.button { font-size: 11px; line-height: 16px; height: 16px; font-weight: bold; color: #fff; display: -moz-inline-box; display: inline-block; margin-top: 6px; } a.button span { display: block; padding: 0 6px; margin: 0 20px 0 0; } a.bluebtn { background: url(http://citrix.com/site/resources/v4_includes/button_right.png) no-repeat right top; _background: url(http://citrix.com/site/resources/v4_includes/button_right.gif) no-repeat right top; } a.bluebtn span { background: url(http://citrix.com/site/resources/v4_includes/button_left.png) no-repeat left top; _background: url(http://citrix.com/site/resources/v4_includes/button_left.gif) no-repeat left top; } a.backbtn { background: url(http://citrix.com/site/resources/v4_includes/button_right_back.gif) no-repeat right top; } a.backbtn span { background: url(http://citrix.com/site/resources/v4_includes/button_left.gif) no-repeat left top; } .featurebox a.bluebtn { background: url(http://citrix.com/site/resources/v4_includes/button_right_featurebox.gif) no-repeat right top; } .featurebox a.bluebtn span { background: url(http://citrix.com/site/resources/v4_includes/button_left_featurebox.gif) no-repeat left top; } .loginformbtns input { border:0 none; outline: none; } .loginsubbtn { background:transparent url("/citrix/blog-resources/buttons/btn_login.gif") no-repeat scroll 30px 3px; color:#FFFFFF; font-size:13px !important; font-weight:bold; height:30px; width:140px !important; cursor:pointer; outline: none; } .loginsubbtnForLoginPage { background-color: #ffffff; background-image:url("http://citrix.com/onlinestandards/templates_v5/resources/button_submit.gif"); background-position: 8px 3px; background-repeat: no-repeat; color:#FFFFFF; font-size:13px !important; font-weight:bold; height: 29px; margin: 0px !important; padding: 0px 0px 0px 0px !important; width: 170px !important; cursor:pointer; } /* DIV Button Note: the empty div is important, as that is the hook for the right side of the "sliding door." Use a
    to provide a full width button, the size of the enclosed space */ div.button { height: 17px; padding-left: 6px; padding-top: 3px; } div.button a { color: #fff; font-weight: bold; display: block; } div.button a:hover { color: #fff; } div.toolboxbtn { background: url(http://citrix.com/site/resources/v4_includes/flyout_btn.gif) no-repeat right top; height: 20px; padding-top: 2px; } .rssbug { font-size: 11px; line-height: 14px; font-weight: bold; float: right; } .boldlinks a { font-weight: bold; } .product_bottomlinks { font-weight: bold; margin-top: 18px; } .product_bottomlinks a { margin-right: 9px; margin-left: 9px; } .cr_bottomlinks { margin-left: -9px; margin-right: -9px; clear: both; } .cr_bottomlinks a { margin-left: 9px; margin-right: 9px; } /* @end */ /* @group Accordion */ ul.accordion { margin-bottom: 18px; } ul.accordion li { background: none; margin-left: 0; padding-left: 12px; margin-bottom: 0; } ul.accordion li.accordionnav { background: #0047b6 url(http://citrix.com/site/resources/v4_includes/accordionhead_right.gif) 0 top; font-size: 11px; line-height: 14px; margin-bottom: 1px; } ul.accordion li.accordionnav a.accordionhead { padding-top: 3px; display: block; height: 17px; } ul.accordion li.accordionnav a.selected { background: url(http://citrix.com/site/resources/v4_includes/accordionhead_down.gif) no-repeat right; } ul.accordion ul { background-color: #4791d9; padding-left: 12px; margin: 0 0 0 -12px; } ul.accordion li a { color: #fff; font-weight: bold; } ul.accordion ul li { font-size: 11px; line-height: 14px; border: none; border-top: 1px dotted #a3c8ec; background: none; margin: 0px 12px 0px 0px; padding: 2px; } ul.accordion ul li:hover { background-color: #75ade3; } ul.accordion ul li.first { border: none; } /* @end */ /* @group Structure */ /******************************************************** *** WATCH OUT FOR THIS CALLS BELOW STRAIGHT TO THE DIVS * *********************************************************/ #container { width: 980px; margin: 0 auto; position: relative; } #header { position: relative; height: 122px; z-index: 999999; /*z-index:999999999;*/ } #logo { background-image: url(http://citrix.com/site/resources/v4_includes/header_logobar.gif); height: 61px; } #logo a { display: block; height: 61px; width: 120px; text-indent: -9999px; } body #comm_ocb.primaryDiv, body #comm_community.primaryDiv, body #comm_cdn.primaryDiv { width: 980px; margin: 0 auto; position: relative; } #righthead { bottom: 3px; position: absolute; right: 5px; z-index: 999998; color: #fff; font-size: 12px; font-weight: bold; line-height: 19px; text-decoration: none; } #righthead a { background-color: transparent; color: #fff; font-size: 12px; font-weight: bold; line-height: 19px; text-decoration: none; } /* @end */ /* @group Navigation */ /* @group Section Sidebar Nav */ #sectionnav { font-weight: bold; } #sectionnav li.nav_top_level { font-size: 13px; } #sectionnav ul ul { margin-bottom: 0; font-weight: bold; } #sectionnav ul ul a { font-weight: normal; font-style: normal; } #sectionnav .collapse { background: url(http://citrix.com/site/resources/v4_includes/sn_collapse_arrow.gif) no-repeat 0 8px; } #sectionnav .expand { background: url(http://citrix.com/site/resources/v4_includes/sn_expand_arrow.gif) no-repeat 0 9px; } #sectionnav .highlight { background-color: #ddd; } #sectionnav li { background: none; padding-top: 6px; padding-left: 0px; margin-left: 0; } #sectionnav li li { font-size: 11px; line-height: 10px; padding-left: 10px; } #sectionnav a:hover { text-decoration: underline; } #sectionnav li.product_selector { background-position: 0 11px; } #sectionnav li.product_selector select { font-size: 11px; padding: 1px; } #sectionnav .gray_nav { color: #666; } /* @end */ /* @group Super Nav */ #supnavglobal { height: 35px; position: relative; } #supnavmenu { position: absolute; right: 2px; top: 15px; margin: 0; } #supnavmenu li { display: inline; background: none; margin: 0; padding: 0; } #supnavmenu a { text-decoration: none; font-weight: bold; color: #636a73; padding-left: 16px; font-size: 11px; } #supnavmenu a:link { } #supnavmenu a:visited { } #supnavmenu a:hover { color: #919ca9; } #supnavmenu a:active { } #supnavmenu .hover_color a:hover { color: #fff; } /* #supnav #unav_login a { color: #70a426; margin-left: 12px; background: url(http://citrix.com/site/resources/v4_includes/icon_lock.gif) no-repeat left center; padding-left: 12px; padding-top: 0px; } #supnav #unav_logout a { color: #70a426; margin-left: 12px; background: url(http://citrix.com/site/resources/v4_includes/icon_lock.gif) no-repeat left center; padding-left: 12px; padding-top: 0px; } */ /* @end */ /* @group Nav */ #nav { height: 18px; background: url(http://citrix.com/site/resources/v4_includes/header_navbar.gif) no-repeat; padding-top: 4px; padding-bottom: 4px; } #nav ul { margin: 0; } #nav li { display: inline; background: none; padding: 0; margin: 0; } #nav a { text-decoration: none; font-weight: bold; color: #fff; padding-left: 16px; font-size: 12px; padding-right: 8px; } #nav a:link { } #nav a:visited { } #nav a:hover { color: #d7e6ff; } #nav a:active { } /*mini site nav*/ #nav_ms { height: 22px; background: url(http://citrix.com/site/resources/v4_includes/ms_altheader_navbar.gif) no-repeat; padding-top: 4px; } #nav_ms img { float: left; } #nav_ms ul { margin: 0; } #nav_ms li { display: inline; background: none; padding: 0; margin: 0; } #nav_ms a { text-decoration: none; font-weight: bold; color: #fff; font-size: 12px; } #nav_ms a:link { } #nav_ms a:visited { } #nav_ms a:hover { color: #d7e6ff; } #nav_ms a:active { } /* @end */ /* @group Footer Nav */ #footernav { float: left; } #footernav ul { margin: 0; } #footernav li { background: none; margin: 0; padding: 0; display: inline; } #footernav a { text-decoration: none; font-weight: bold; padding-right: 16px; font-size: 10px; } #footernav a:link { } #footernav a:visited { } #footernav a:hover { color: #919ca9; } #footernav a:active { } /* @end */ /* @group Breadcrumbs */ #breadcrumbs { font-size: 11px; color: #666; overflow: hidden; } #breadcrumbs a { color: #545454; } #breadcrumbs a:hover { color: #000000; } #breadcrumbs span { color: #999; margin-left: 3px; margin-right: 3px; } #breadcrum_ie{ top:145px; padding-top:0px; position:absolute; } /* @end */ /* @end */ /* @group Grid */ /* Grid Instructions
    12 column grid grid2 {} ^ number of columns wide the unit is string the columns together to form a whole firstcolumn {} ^ removes the margin so that it is flush left A horizontal "group" of twelve columns should be enclosed in a
    so that we avoid float issues. */ /* column widths useful for form elements etc... */ .width1 { width: 67px; } .width2 { width: 150px; } .width3 { width: 233px; } .width4 { width: 316px; } .width5 { width: 399px; } .width6 { width: 482px; } .width7 { width: 565px; } .width8 { width: 648px; } .width9 { width: 731px; } .width10 { width: 814px; } .width11 { width: 897px; } .width12 { width: 980px; } .widthFull { width: 100%; } .section { margin-top: 16px; } /* Grid columns */ #portletColumn { /* grid2 = 6 columns */ display: inline; float: right; margin-left: 0px; overflow: hidden; width: 153px; } #portletColumn2 { /* grid2 = 6 columns */ display: inline; float: left; margin-left: 0px; overflow: hidden; width: 153px; border:1px solid #E6E6E6; } #mainContent { float: left; display: inline; } /*DO NOT CHANGE THIS WIDTH - IT WILL BRAKE RIGHT COLUMN */ #mainContent.noRightColumn { width: 980px; } #mainContent.blogRightColumn { width: 810px; } .grid3 { /* grid3 = 4 columns */ width: 233px; margin-left: 16px; float: left; display: inline; overflow: hidden; margin-top: 20px; } .grid4 { /* grid4 = 3 columns */ width: 316px; margin-left: 16px; float: left; display: inline; overflow: hidden; } .grid5 { width: 399px; margin-left: 16px; float: left; display: inline; overflow: hidden; } .grid6 { /* grid6 = 2 columns */ width: 482px; margin-left: 16px; float: left; display: inline; overflow: hidden; } .grid7 { width: 565px; margin-left: 16px; float: left; display: inline; overflow: hidden; } .grid7 a { font-weight: bold; } .grid7-2cols { /* subdivides the 7 column space into 2 columns */ width: 274px; margin-left: 16px; float: left; display: inline; overflow: hidden; } .grid7-3cols { /* subdivides the 7 column space into 3 columns */ width: 175px; margin-left: 16px; float: left; display: inline; overflow: hidden; } .featurebox .grid7-3cols { /* subdivides the 7 column space into 3 columns inside a 12px padded box */ width: 169px; } .grid8 { width: 648px; margin-left: 16px; float: left; display: inline; overflow: hidden; margin-top:25px; } .grid8-3cols { /* subdivides the 8 column space into 3 columns */ width: 205px; margin-left: 16px; float: left; display: inline; overflow: hidden; } .grid9 { width: 731px; margin-left: 16px; float: left; display: inline; overflow: hidden; } .grid9-3cols { /* subdivides the 9 column space into 3 columns */ width: 233px; margin-left: 16px; float: left; display: inline; overflow: hidden; } .grid10 { width: 814px; margin-left: 16px; float: left; display: inline; overflow: hidden; } .grid12 { /* Full width */ width: 980px; overflow: hidden; } .gridhalf { /* subdivides a section into two *almost* equal parts */ width: 49%; float: left; display: inline; overflow: hidden; } .firstcolumn { margin-left: 0; } .sidebar { font-size: 11px; line-height: 14px; } .section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* @end */ /* @group Misc */ .hero { padding-bottom: 18px; } .divider { border-bottom: 1px dotted #ccc; margin-bottom: 12px; padding-bottom: 6px; } .billboard { margin-top: 1px; margin-bottom: 18px; } .billboard:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .hp_promo_image_large,.hp_promo_image_medium,.hp_promo_image_small { float: left; } .hp_promo_image_medium { margin-left: 1px; } .hp_promo_image_small { margin-left: 1px; margin-top: 1px; } /* @end */ /* @group Form Elements */ .findmenu { width: 300px; margin-bottom: 6px; } select { } select,input,textarea,input.formlabel,textarea.formlabel { font-size: 11px; } .formlabel { font-size: 12px; } .valuelabel { font-size: 11px; } .formerror { background-color: #ffd975; padding: 10px; margin-bottom: 18px; } .fielderror { background-color: #ffecbf; } /* @end */ /* @group Online Standards Elements */ #siteheader_os { height: 35px; line-height: 35px; text-align: right; text-transform: uppercase; font-size: 16px; letter-spacing: 3px; } #supnav { height: 35px; } #supnav ul { position: absolute; right: 2px; bottom: 90px; margin: 0; top: 13px; } #supnav li { display: inline; background: none; margin: 0; padding: 0; } #supnav a { text-decoration: none; font-weight: bold; color: #636a73; padding-left: 16px; font-size: 11px; } #supnav a:link { } #supnav a:visited { } #supnav a:hover { color: #919ca9; } #supnav a:active { } #supnav #unav_login a { color: #70a426; margin-left: 12px; background: url(http://citrix.com/site/resources/v4_includes/icon_lock.gif) no-repeat left center; padding-left: 12px; padding-top: 2px; } #supnav #unav_logout a { color: #70a426; margin-left: 12px; background: url(http://citrix.com/site/resources/v4_includes/icon_lock.gif) no-repeat left center; padding-left: 12px; padding-top: 2px; } #nav_alt_header_os { } #nav_alt_header_os { height: 18px; background: url(http://citrix.com/site/resources/v4_includes/altheader_navbar.gif) no-repeat; padding-top: 4px; padding-bottom: 4px; } #nav_alt_header_os ul { margin: 0; } #nav_alt_header_os li { display: inline; background: none; padding: 0; margin: 0; } #nav_alt_header_os a { text-decoration: none; font-weight: bold; color: #fff; padding-left: 16px; font-size: 12px; padding-right: 8px; } #nav_alt_header_os a:link { } #nav_alt_header_os a:visited { } #nav_alt_header_os a:hover { color: #d7e6ff; } #nav_alt_header_os a:active { } /* @end */ @media print { body,#main,#content { background: #fff !important; color: #000 !important; } a,a:link,a:visited { color: #000 !important; text-decoration: none; } } /**************************** START: old initialize.css ****************************/ /* Content Alignment */ .left { float: left; margin: 2px 16px 16px 0; } .right { float: right; margin: 2px 0 18px 18px; } .righttight { float: right; margin-left: 16px; } .across { margin: 0 0 18px; } .abs_bottomright { position: absolute; bottom: 0; right: 0; } /* Text Alignment */ .alignleft { text-align: left; } .alignright { text-align: right; } .aligncenter { text-align: center; } /* Vertical Spacing */ .snug { margin-top: -18px !important; } .snugloose { margin-top: -9px !important; } .pad { margin-top: 18px !important; } .padtight { margin-top: 9px !important; } .padsuper { margin-top: 36px !important; } /* Horizontal Spacing */ .flushleft { margin-left: 0px !important; } /* Float Clearers */ .clear { clear: both; } .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; } /* Bug Finders */ .bugborder { border: 1px solid red; } /* @end */ /**************************** CSS From Enrique (right curved portlet style) ****************************/ #mainMasterHeader { background-image: url(/citrix/common/images/ipxback.png); background-position: top left; height: 28px; margin: 10px 0px 0px 0px; width: 203px; } #mainMasterHeaderFeeds { background-image: url(/citrix/common/images/subscribetofeeds.gif); background-repeat:no-repeat; background-position: 70px; cursor:pointer; height: 28px; margin: 10px 0px 0px 0px; width: 203px; color:#666; } #mainMasterHeader2 { background-image: url(/citrix/common/images/ipxback.png); background-position: top left; height: 28px; margin: 0px 0px 0px 0px; width: 199px; } #mainMasterHeader4 { background-image: url(/citrix/common/images/ipxback.png); background-position: top left; height: 28px; margin: 0px 0px 0px 0px; width: 153px; } #mainMasterHeader5 { background-image: url(/citrix/common/images/ipxback.png); background-position: top left; height: 28px; margin: 0px 0px 0px 0px; width: 153px; } #mainMasterHeader6 { background-image: url(/citrix/common/images/ipxback.png); background-position: top left; height: 28px; margin: 0px 0px 0px 0px; width: 153px; } #mainMasterHeader7 { background-image: url(/citrix/common/images/ipxback.png); background-position: top left; height: 28px; margin: 0px 0px 0px 0px; width: 153px; } #mainMasterfooter { background-image: url(/citrix/common/images/3rdcolum-curved-bottom.gif); height: 17px; margin: 0px 0 10px 0; padding: 0px 0 0 0px; width: 153px; } #mainMasterfooter210 { background-image: url(/citrix/common/images/3rdcolum-curved-bottom210.gif); height: 17px; margin: 0px 0 10px 0; padding: 0px 0 0 0px; width: 210px; } #mainMasterfooterTags { background-image: url(/citrix/common/images/3rdcolum-curved-bottom.gif); height: 17px; margin: 0px 0 10px 0; padding: 0px 0 0 0px; width: 153px; } #mainMasterfooter2 { background-image: url(/citrix/common/images/3rdcolum-curved-bottom.gif); height: 17px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; margin-top: 0px; width: 153px; } #mainFeed { background-position: top left; height: 18px; padding:12px 0 10px; width: 153px; font-weight: bold; font-family: verdana; font-size: 11px; } #mainFeed a { position: relative; top: 0px; float: right; margin-right:15px; } .rightcolportletbody { border-left: 1px #E6E6E6 solid; border-right: 1px #E6E6E6 solid; padding: 10px; font-weight: bold; background-image: url(/citrix/common/images/3rd-column-bg.png) } link { color: #0047b6; text-decoration: none; font-weight: bold; } .rightcolportletbodyItem { padding: 3px; font-size:11px; } .textColumnHeaderTitle { float: left; color: #FFFFFF; font-size: 13px; font-weight: bold; padding-left: 0px; padding-top: 2px; margin-left: 2px; margin-top: 4px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .textColumnHeaderTitleFeeds { float: left; color: #666666; font-size: 13px; font-weight: bold; padding-left: 0px; padding-top: 2px; margin-left: 2px; margin-top: 4px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .leftColumnHeaderTitle { float: left; color: #FFFFFF; font-size: 13px; font-weight: bold; padding-left: 0px; padding-top: 5px; background: url(/citrix/common/images/blogs-header-.jpg); margin-left: 0px; margin-top: 0px; } .backPosiL { background-position: 0px 0px; width: 7px; height: 21px; } .rightColumnHeaderTitle { float: right; color: #FFFFFF; font-size: 13px; font-weight: bold; padding-left: 0px; padding-top: 5px; background: url(/citrix/common/images/blogs-header-.jpg); margin-left: 0px; margin-top: 0px; } .backPosiR { background-position: 13px 0px; width: 13px; height: 21px; } .iconColumnHeaderTitle { float: left; color: #FFFFFF; font-size: 13px; font-weight: bold; padding-left: 0px; padding-top: 4px; background: url(/citrix/common/images/isfinale.png); margin-left: 2px; margin-top: 4px; } /* Sprites forr right column portlet */ .iconPositionGB { background-position: -2px 0px; width: 18px; height: 14px; } .iconPositionTB { background-position: -2px -20px; width: 18px; height: 14px; } .iconPositionBA { background-position: -2px -40px; width: 18px; height: 14px; } .iconPositionPT { background-position: -2px -60px; width: 18px; height: 14px; } .iconPositionMV { background-position: -2px -80px; width: 18px; height: 14px; } .iconPositionPB { background-position: -2px -100px; width: 18px; height: 14px; } .iconPositionBP { background-position: -2px -120px; width: 18px; height: 14px; } .twitterIcon { background-position: -2px -160px; width: 18px; height: 14px; } /* FEEDBACK JAVASCRIPT PAGE */ #feedbackwrapperbox { width: 398px; margin: 0 auto; padding-top: 25px; position: relative; left: 0px; top: 0px; } #feedbackwrapperbox hr { border: 1px solid #eeeeee; height: 1px; } #feedbackheader { position: relative; border: 0; margin: 0; padding: 0; } #feedbackheader h1, .ctxfdthnk h1 { color: #000; font-size: 26px; font-weight: normal; margin: 0; } #feedbackheader h4 { color: #666666; font-size: 16px; font-weight: normal; padding: 0; margin: 5px 0px 0px 0px; } #feedbackmain { position: relative; top: 25px; left: 0px; /*border: 1px solid;*/ height: 420px; width: 330px; } .fdbackcontent { position: relative; top: 0px; padding: 0px; margin: 0px; } .fdbackcontent span { display: block; font-size: 13px; padding: 0px 50px 10px 0px; float: right; } .fdbackcontent span i { margin-left: 15px; } .fdbackcontent span i input { margin-top: 0px; width: 120px; } .fdbackcontent span span { padding: 0px; margin: 0px; } .fdbackcontent span span i { margin-right: 75px; } .fdbackcontent span textarea { margin-top: 5px; width: 275px; height: 100px; } hr { color:#3C78B5; float:left; height:1px; position:relative; width:290px; } /* IE 7 hack .fdbackcontent span span i { margin-right: 80px; } */ /* @end */ .asresultdesc strong { } .asresulttitle a { font-weight: normal; text-decoration:underline; } .searchresults .paginator { float: right; padding: 0px 10px 0px 0px } .paginatorSearch { float: left; width: 400px; padding: 0px 10px 0px 0px } .paginationSpacer { margin:0 5px; font-size:10px; } .paginationSpacer a { font-weight: normal !important; color;#666666 } .searchresults { margin:8px 0px 0px; } #rightarrow, #prevUrl, #nextUrl, #leftarrow { float: left; text-align: center; margin: 1px; overflow: hidden; } #rightarrow { width: 20%; } #prevUrl { max-width:27%; } #nextUrl { width: 30%; } #leftarrow { width: 15%; } /* portlets state + or - */ .portletState { font:Arial, Helvetica, sans-serif; padding-left:10px; font-weight:bold; color:#FFFFFF } /* Bubble pop-up */ .bubbleInfo { position: relative; top: 15px; left: 70px; width: 500px; z-index:120; } .trigger { left: -50px; top: -59px; cursor:pointer; } .popup { position: absolute; display: none; z-index: 100; border-collapse: collapse; } .popup td.corner { height: 15px; width: 19px; } .popup td#topleft { background-image: url(/citrix/common/images/bubble-1.png); } .popup td.top2 { background-image: url(/citrix/common/images/bubble-2.png); } .popup td#topright { background-image: url(/citrix/common/images/bubble-3.png); } .popup td.left2 { background-image: url(/citrix/common/images/bubble-4.png); } .popup td.right2 { background-image: url(/citrix/common/images/bubble-5.png); } .popup td#bottomleft { background-image: url(/citrix/common/images/bubble-6.png); } .popup td.bottom { background-image: url(/citrix/common/images/bubble-7.png); text-align: center;} .popup td.bottom img { display: block; margin: 0 auto; } .popup td#bottomright { background-image: url(/citrix/common/images/bubble-8.png); } .popup table.popup-contents { font-size: 11px; line-height: 1.2em; background-color: #fff; color: #666; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; } table.popup-contents th { text-align: right; text-transform: lowercase; } table.popup-contents td { text-align: left; font-size: 11px; } tr#release-notes th { text-align: left; text-indent: -9999px; background: url(/citrix/common/images/starburst.gif) no-repeat top right; height: 17px; } tr#release-notes td a { color: #333; } .rss_icon{ float:right; clear:both; position:relative; top:5px; } .rss_icon_topbloggers{ float:right; position:relative; top:2px; } .rss_icon_poptags{ position:relative; top:-19px; display:none; } .topblog_direct{ float:right; padding-right:100px; left:5px; } .topblog_direct_pro{ float:right; left:10px; position:relative; top:-5px; } .team_direct{ float:right; left:10px; position:relative; top:-5px; }