/* 
------------------------------------------
Citrix Style Sheet
------------------------------------------
*/



	
/* HTML Elements 
-----------------------------------------------------*/

body {
	margin:0px; 
	padding:0px;
	text-align:center;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color:#000;
	background:#fff;
}
	
#wrapper {               
	width:768px;
	margin:0px auto 0px auto;
	text-align:left;
}

h1{                           /*   Same as .headline below (must edit both)    */
	font-size: 22px;
	line-height: 24px;
	color: #000;
	font-weight: normal;
	margin-bottom:0px;
	margin-top:0px;
}

h2{	

	font-size: 16px;
	line-height: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;						 /*   Same as .subheadlarge below (must edit both)    */
}html>body h2{font-weight:normal;}

h3{							 /*   Same as .subhead below (must edit both) */
	font-size: 14px;
	line-height: 16px;
	color: #666666;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;	
}

h4{							
	font-size: 14px;
	line-height: 16px;
	color: #666666;
	font-weight: bold;
	margin-top:20px; 
	margin-bottom:-17px;
}html>body h4{margin-bottom:-10px;}


body a:link, body a:visited{
	color: #1f5299;
	text-decoration: none;
}

body a:active, body a:hover{
	text-decoration: underline;
}

table {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}


ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(images/bullet_small.gif);
}





/* HEADER ELEMENTS
--------------------------------------------------------*/

#header{
	height:185px;
	width:768px;
}

#header_nonav{
	height:162px;
	width:768px;
}

#header_nobanner{
	height:104px;
	width:768px;
	
}

.banner{
	height:81px;
	width:760px;
	margin-left:5px;
}html>body .banner{margin-left:3px;}

.promo_container{
	width:760px;
}

.right_margin{
	margin-right:-3px;
}

.header_top{
	height:68px;
}

.secondary_nav_container{
	float:right;
	width:600px;
	height:22px;
	margin:18px 10px 0px 0px;
	padding-top:10px;
}html>body .secondary_nav_container{padding-top:5px;margin-top:28px;}

.secondary_nav_container_os{
	float:right;
	width:480px;
	height:22px;
	margin:18px 10px 0px 0px;
	padding-top:10px;
}html>body .secondary_nav_container{padding-top:5px;margin-top:28px;}

.search{
	float:right;
	margin-top:-5px;
}html>body .search{margin-top:-20px;}

.primary_nav_container{
	height:23px;
	margin-bottom:13px;
	width:768px;
}


.primary_nav_container_os{
	height:23px;
	background: url(images/shadow.gif) no-repeat bottom;
	margin-bottom:13px;
	width:770px;
}html>body .primary_nav_container_os{width:766px;}

.primary_nav_os{
	height:19px;
	width:770px;
	background: url(images/nav_bg2.gif) no-repeat center;
}html>body .primary_nav_os{width:766px;}





.nav_right_margin{
	margin-right:-6px;
}html>body .nav_right_margin{margin-right:0px;}







/* MAIN CONTENT ELEMENTS
--------------------------------------------------------*/

#container{
	width:759px;
	margin-left:10px;
}html>body #container{margin-left:8px;}

#content{
	float:left;
	clear:left;
	width:525px;
	padding-bottom:25px;
	text-align:left;
}

#content_nr{
	float:left;
	clear:left;
	width:760px;
	padding-bottom:25px;
	text-align:left;
}

.breadcrumbs{
	font-weight:bold;
	color: #999;
	font-size:11px;
	margin-bottom:17px;
	margin-top:5px;
}

.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited{
	text-decoration:none;
	font-weight:normal;
	color:#999;
	padding-right:3px;
}

.breadcrumbs a:hover{
	color:#000;
}

.content_left{
	float:left;
	width:244px;
}

.content_right{
	float:right;
	width:244px;
}




/* RIGHT_COL ELEMENTS
--------------------------------------------------------*/
#right_col{
	float:right; 
	clear:right;
	width:212px;
	margin-top:15px;
	font-size:11px;
}html>body #right_col{padding-bottom:25px;}



/* right nav */

.right_nav_container{
	width:212px;
	margin-bottom:11px;
}

.right_nav_label{
	width:212px;
	background: #fff url(images/right_nav_container_bg.gif) repeat-y; 
	margin-bottom:-4px;
}

.right_nav_label h1{
	margin:-4px 0px 0px 9px;
	font-size:13px;
	font-weight:bold;
	color:#333;
	background-color:#ffc000;
	width:194px;
}html>body .right_nav_label h1{margin-left:10px;}

.right_nav_label h1 a:link, .right_nav_label h1 a:visited{
	color:#333;
	text-decoration:none;
}

.right_nav_label h1 a:active,  .right_nav_label h1 a:hover{
	color:#000;
	text-decoration:none;
}

.right_nav_table{
	margin-left:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#780000;
	line-height:11px;
	padding-bottom:5px;
}html>body .right_nav_table{margin-left:10px;}

.right_nav_table a:link, .right_nav_table a:active, .right_nav_table a:visited{
	text-decoration:none;
	color:#780000;
}

.right_nav_table a:hover{
	text-decoration:underline;
}

.right_nav{
	width: 194px;
	background: url(images/right_nav_bg.gif) repeat-y;
	margin-left:9px;
	padding-left:3px; 
	padding-right:3px;
	margin-top:-3px;
	line-height:13px;
	font-weight:bold;
	
}html>body .right_nav{margin-top:0px;}

.right_nav a:link, .right_nav a:visited{
	color: #780000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	line-height:13px;
	display: block;
}html>body .right_nav a:link, .right_nav a:visited{line-height:13px;}

.right_nav a:hover, .right_nav a:active{
	color:#000000;
	text-decoration:none;
}


.third_level{
	padding:3px 0px 3px 0px;
	width:190px;
}html>body .third_level{padding:4px 0px 4px 0px;}

.third_level a:link, .third_level a:visited, .third_level a:active, .third_level a:hover{
	padding-bottom:6px;
	padding-left:0px;
	display:inline;
}html>body .third_level a:link, .third_level a:visited, .third_level a:active, .third_level a:hover{padding-bottom:0px;padding-right:8px;}

.fourth_level{
	width:170px;
	padding:4px 0px 4px 15px;
	
}html>body .fourth_level{padding-bottom:3px;}

.fourth_level a:link, .fourth_level a:visited, .fourth_level a:active, .fourth_level a:hover{
	padding-left:0px;
	padding-bottom:6px;
	display:inline;
}html>body .fourth_level a:link, .fourth_level a:visited, .fourth_level a:active, .fourth_level a:hover{padding-right:5px;}

.fifth_level{
	padding:4px 0px 4px 40px;
	
}

.fifth_level a:link, .fifth_level a:visited, .fifth_level a:active, .fifth_level a:hover{
	padding-left:0px;
	padding-bottom:6px;
	display:inline;
}html>body .fifth_level a:link, .fifth_level a:visited, .fifth_level a:active, .fifth_level a:hover{padding-right:5px;}


/* -------My Citrix Nav classes (5 levels)---------------*/


.mc_second_level{
	padding:3px 0px 3px 0px;
	width:190px;
}html>body .mc_second_level{padding:4px 0px 4px 0px;}

.mc_second_level a:link, .mc_second_level a:visited, .mc_second_level a:active, .mc_second_level a:hover{
	padding-bottom:6px;
	padding-left:0px;
	display:inline;
}html>body .mc_second_level a:link, .mc_second_level a:visited, .mc_second_level a:active, .mc_second_level a:hover{padding-bottom:0px;padding-right:8px;}




.mc_third_level{
	width:170px;
	padding:4px 0px 4px 15px;
	
}html>body .mc_third_level{padding-bottom:3px;}

.mc_third_level a:link, .mc_third_level a:visited, .mc_third_level a:active, .mc_third_level a:hover{
	padding-left:0px;
	padding-bottom:6px;
	display:inline;
}html>body .mc_third_level a:link, .mc_third_level a:visited, .mc_third_level a:active, .mc_third_level a:hover{padding-right:5px;}




.mc_fourth_level{
	padding:4px 0px 4px 30px;
	
}

.mc_fourth_level a:link, .mc_fourth_level a:visited, .mc_fourth_level a:active, .mc_fourth_level a:hover{
	padding-left:0px;
	padding-bottom:6px;
	display:inline;
}html>body .mc_fourth_level a:link, .mc_fourth_level a:visited, .mc_fourth_level a:active, .mc_fourth_level a:hover{padding-right:5px;}




.mc_fifth_level{
	padding:4px 0px 4px 40px;
	
}

.mc_fifth_level a:link, .mc_fifth_level a:visited, .mc_fifth_level a:active, .mc_fifth_level a:hover{
	padding-left:0px;
	padding-bottom:6px;
	display:inline;
}html>body .mc_fifth_level a:link, .mc_fifth_level a:visited, .mc_fifth_level a:active, .mc_fifth_level a:hover{padding-right:5px;}



/* bubble up */

.bubble_up_container{
	width:212px;
	background:  #fff url(images/bubble_up_bg.gif) repeat-y; 
	margin-bottom:-4px;
	margin-top:11px;
	line-height:14px;
}

.bubble_up_label{
	width:212px;
	background: #fff url(images/bubble_up_bg.gif) repeat-y; 
	margin-bottom:-4px;
}

.bubble_up_label h1{
	margin:-6px 0px -3px 9px;
	font-size:13px;
	font-weight:bold;
	color:#333;
	background-color:#f2f2f2;
	width:194px;
}html>body .bubble_up_label h1{margin:0px 0px 0px 10px;}

.bubble_up_label h1 a:link, .bubble_up_label h1 a:visited{
	color:#333;
	text-decoration:none;
}

.bubble_up_label h1 a:active,  .bubble_up_label h1 a:hover{
	color:#000;
	text-decoration:none;
}

.bubble_up{
	width:212px;
	background:  #fff url(images/bubble_up_bg.gif) repeat-y; 
	margin-bottom:-4px;
	margin-top:11px;
	line-height:14px;
}

.bubble_up h1{
	font-weight:bold;
	color:#000;
	font-size:11px;
	margin:1px 0px 0px 0px;
	line-height:14px;
}

.bubble_up_content{
	width: 170px;
	margin-left:21px;
	padding:5px 0px 5px 0px;
}

.bubble_up_headline{
	margin-top:15px;
}

.bubble_up_headline_bottom{
	margin-bottom:30px;
}

.bubble_up_space{
	margin-bottom:100px;
	border:1px solid red;
}


.bubble_up a:link, .bubble_up a:visited{
	color: #780000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.bubble_up a:hover, .bubble_up a:active{
	color:#000000;
	text-decoration:none;
}


 


/* FOOTER ELEMENTS
--------------------------------------------------------*/

#footer{

	width:759px;
	padding:0px;
	padding-bottom:30px;
	clear:both;
	margin:21px 0px 0px 0px;
	font-size:9px;
color:#999999;
}

.footer_bar{
border-top:5px solid #eeeeee;
margin-bottom:10px;
}




/* TOP - LEVEL PROMO POD ELEMENTS
----------------------------------------------------*/

/* Promo Pod Elements 
-----------------------------------------------------*/

/* right nav */

.promo_pod_wrapper{
width:760px;
margin-top:15px;
}

.promo_pod_container{
	width:250px;
	float:left;
}

.promo_pod_label{
	width:250px;
	background: #fff url(images/promo_pod_container_bg.gif) repeat-y; 
	margin-bottom:-4px;
}

.promo_pod h2{
	font-weight:bold;
	color:#000;
	font-size:11px;
	margin:-2px 0px 0px 0px;
}

.promo_pod{
	width: 206px;
	background: url(images/promo_pod_bg.gif) repeat-y;
	font-size:11px;
	padding-left:22px;
	padding-right:22px;
	margin-top:0px;
}html>body .promo_pod{margin-top:0px;}


.promo_pod h1{
	font-size:14px;
	color:#000;
	margin-top:-3px;
}

.promo_pod a:link, .promo_pod a:visited{
	color: #780000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	line-height:16px;
	display: block;
}html>body .promo_pod a:link, .promo_pod a:visited{line-height: 16px;}

.promo_pod a:hover, .promo_pod a:active{
	color:#000000;
	text-decoration:none;
}

.top_margin{
	margin-top:-13px;
}html>body .top_margin{margin-top:0px;}




/* POPUP ELEMENTS
--------------------------------------------------------*/

#wrapper_popup {
	width:550px;
	margin:0px;
	text-align:left;
}
	
#header_popup{
	height:68px;
	width:540px;
}

#container_popup{
	width:540px;
	text-align:left;
	padding-left:10PX;
}

#content_popup{
	width:540px;
}

#footer_popup{
	width:540px;
	border-top: 5px solid #ddd;
	padding:7px 0px 30px 0px;
	color:#999;
	font-size:9px;
	clear:both;
	margin-top:12px;
}




/* FONT ELEMENTS 
--------------------------------------------------------*/

.blurb{
	font-size: 11px;
	line-height: 12px;
	color: #333333;
}

.blurbheadline{
	font-size: 11px;
	line-height: 12px;
	color: #333333;
	font-weight: bold;
}

.bodycopy{
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

.subheadlarge{
	font-size: 16px;
	line-height: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;						 /*   Same as h2 above (must edit both)    */
}html>body h2{font-weight:normal;}

.subhead{							 /*   Same as h3 above (must edit both) */
	font-size: 14px;
	line-height: 16px;
	color: #666666;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:0px;	
}

.headline {
	font-size: 22px;
	line-height: 24px;
	color: #000000;
	font-weight: normal;
}

.quoteattribution {
	font-size: 11px;
	line-height: 12px;
	color: #333333;
	font-weight: bold;
}

.bodycopybold {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	font-weight: bold;
}
.subheadlight {
	font-size: 12px;
	line-height: 16px;
	color: #999999;
	font-weight: bold;
}

.navigation {
	font-size: 11px;
	color: #333333;
}

basefont {
	font-size: 12px;
	line-height: 14px;
	color: #000000;
}

.csquoteattribution {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	font-weight: bold;
	padding-right: 24px;
	padding-left: 24px;
}

.csquote {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	font-weight: bold;
	padding-right: 48px;
}

.fineprint {
	font-size: 11px;
	line-height: 12px;
	color: #666666;
	font-style: italic;
}

.csbullets {
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: #666666;
	list-style-position: outside;
	list-style-image: url(/site/resources/content/bullet_small.gif);
	list-style-type: square;
	margin: 0px 0px 0px 12px;
	padding: 0px;
}

.csbulletsheadline {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #666666;
	list-style-position: outside;
	list-style-image: url(/site/resources/content/bullet_small.gif);
	list-style-type: square;
}

.everythingabout {
	font-size: 12px;
	color: #333333;
	line-height: 15px;
	font-weight: bold;
}
.everythingaboutsub {
	font-size: 12px;
	color: #333333;
	line-height: 15px;
	font-weight: normal;
}

.caption {
	font-size: 11px;
	line-height: 12px;
	color: #333333;
	font-style: italic;
	font-weight: bold;
}

.floatheader {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	background:#f2f2f2;
}


/* FORM ELEMENTS
--------------------------------------------------------*/
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #780000;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #333333;
}

.formlabel{
	font-size: 11px;
	line-height: 12px;
	color: #666666;
}



/* MISC ELEMENTS
--------------------------------------------------------*/

.spacer{
	clear:both;
}

.right{
	float:right;	
}

.left{
	float:left;
}

.featurerolla {
	overflow: visible;
	visibility: hidden;
	z-index: auto;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 5px;
	color: #333333;
	width: 150px;
}
.featurerollb {
	overflow: visible;
	visibility: hidden;
	z-index: auto;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 5px;
	color: #333333;
	width: 150px;
}


.code {
	font-family: "Courier New", Courier, mono;
	font-size: 10px;
}
	
.misc_banner{
	margin-top:-83px;
	margin-right:-3px;
}html>body .misc_banner{margin-top:-80px;margin-right:0px;}



.bubble_bottom_margin{
	margin-bottom:-3px;
}html>body .bubble_bottom_margin{margin-bottom:0px;}

.right_cimg{
float:right;
padding:10px;
}