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