/* main.css - Styles for CSC Support Site and software download pages */
/* main.css - Styles for CSC Support Site and software download pages */
/* Supercedes /support/assets/css/support-global.css for web 2.5 based pages */
/* please use this file for any styles on Support pages that do not have to be inline */
/* please use comments to explain where necessary */


#breadcrumb {
    color: #000000;
    float: right;
    font-size: 11px;
    height: 0;
    padding: 5px 0 0px;
    text-align: right;
    vertical-align: top;
    width: 415px;
}

html { overflow-y : scroll; }

#heroContentShort{width:935px;}

#body{margin-top:20px;}

.column1, .column2 {
	float:left; 
	width:225px;
	}
	
.column1 {
	padding-right:15px;
	padding-bottom:20px;
	}
	
.navinset a {background: none !important;}

fieldset.cscfieldset {
	border:1px solid #dedede; 
	width: auto;
	background:#f8f8f8 url('/support/assets/css/images/bkg-gradient_gray170.gif') left top repeat-x;
	moz-border-radius-bottomleft:4px;
	moz-border-radius-bottomright:4px;
	webkit-border-bottom-left-radius:4px;
	webkit-border-bottom-right-radius:4px
}

fieldset.cscfieldset legend {
    color: #5F5F5F;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-left: 6px;
    padding: 0 3px;
}
	
.small{font-size: 10px;}

/*right nav on sw dl pages */
p.noticetxt {
font-size:0.9em;
line-height:15px !important;
}
div.right_nav_separator {
margin:5px 15px 5px 15px;
border-bottom: 1px #000 dotted;
}

#tabNavWrapper {
margin-bottom: 10px;
margin-top: -10px;
}

td.nowrap{white-space:nowrap!important;} 
td.c_nowrap{text-align:center;white-space:nowrap!important;} 
table.striped {border-spacing:0;border:1px solid #c1c1c1;border-collapse:collapse;text-align:left;width:100%;}
table.striped th{padding:5px;height:24px;text-align:center;background-color:#d8d8d8;border:#ababab 1px solid;white-space:nowrap!important;font-size:11px;}
table.striped td{padding:5px;border-width:0 1px;border:#c1c1c1 1px solid;font-size:11px;}
.even {background-color:#e7e7e7;}
.odd {background-color:#fff;}

.needhelp {
  color:#ffffff;
  background-color:#7e99b1;
  padding:15px;
}

.needhelp ul{
  list-style-position:inside;
  list-style-image: url('/shared/img/global/li-arrow-white.gif') !important;
}

.needhelp p{
  margin-bottom:5px;
}

.needhelp ul li{
  background-image:url("");
  line-height:1.6em;
  margin-left:0;
}

.needhelp a:visited,.needhelp a:hover,.needhelp a:active,.needhelp a:link{
  font-size:11px;
  color:#ffffff;
  text-decoration:underline;
}

#side {
	width:175px;
	text-align:left;  
	font-weight:bold;
	cursor:pointer; 
	font-size:11px;
	border:1px solid #e8e8e8;
	color:#5f5f5f;
}
.accordion .l1 {
 	background:url(http://www.juniper.net/support/assets/img/leftnavblue.jpg); 
	background-repeat:repeat-x;
}
.accordion .l1 a{
	padding: 4px 0 4px 0;
	color:#fff;
}
.l2 {
	background:url();
	border-bottom: 1px solid #e8e8e8;
	margin-left:-5px;
	background-color:#f8f8f8;
}
.l2 a.trigger {
	color:#5f5f5f !important;
	padding:5px 0 5px 0px;
} 
.l2 a.open {
	background-image: url(http://www.juniper.net/customers/support/img/arrow_down.gif); 
	background-repeat: no-repeat;
	background-position: 150px 5px;
	
}
ul.m {
	list-style:circle inside;
}
.last-child{
	padding:2px 0 2px 11px; 
	margin-left:-7px;
	background:url();
	background-color:#f8f8f8;
}

.lc-sel {
background-color:#5f5f5f;
color:#fff;
}

.last-child:hover{
	text-decoration:underline;
}

.homealert {
	margin-left:250px;
	margin-bottom:-10px;
	border:2px solid #f6a257;
	background-color:#efefef;
	padding:5px;
	width:250px;
}

.cscsurvey {
	float: left;
	height:240px;
	margin-top: 8px;
	margin-bottom: 10px;
	width: 450px;
}

.cscsurvey fieldset {
background-color: #F8F8F8;
}

.form_table {
	padding: 8px;
}

.full_width_space {
	margin: 10px 0;
}

.squestion {
	font-weight: bold;	
}
	
.squestion, .inline_grid  {
	padding: 0 0 0 10px;
	margin: 10px 0;
}

.text_field { 
	margin: 10px 0 10px 10px;
}

#kb2	{
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	float: left;
	padding-left:-12px;
	height: 40px;
	margin-top: 8px;
}

.kbBox {
font-size:11px;
width:200px;
overflow:hidden;
font-style:italic;
}

#moduleBodyMain .moduleBodyMain {margin-top:-10px;}

.taskField fieldset table { width:467px;}

#taskNav {
width:177px;
margin: -9px 0 0 0;
}

#moduleRight .scmDefault strong {margin-left: 0px;}

#loggedTop {display:none !important; }

#taskNav ul{
list-style:none;
margin-left: 0;
padding:0;
}

#taskNav li:first-child {
border-top: 1px solid #e8e8e8;
}

#taskNav li{
padding:5px 10px 6px 15px; 
border-right: 1px solid #e8e8e8; 
border-bottom: 1px solid #e8e8e8; 
border-left: 1px solid #e8e8e8; 
background-color: #f8f8f8; 
background-image:url('');
}
#taskNav li a{
font-size:11px !important;
font-weight:bold; 
color:#5f5f5f !important;
text-decoration:none;
}

#taskNav li.taskon { 
background:url('http://www.juniper.net/shared/img/global/bkg-leftNavCurrent.jpg') repeat-x left top; 
color: #ffffff !important; ; 
text-decoration:none;
cursor:none;
}

#taskNav li.taskon a:link, #taskNav li.taskon a:visited{ 
color: #ffffff !important;
text-decoration:none!important;
}

#taskNav li a:hover {
text-decoration:underline;
cursor:hand;
cursor:pointer;
}


/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/support/assets/img/cluetip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
text-align:left;
  background-color: #ddd;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ccc;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 0;
  padding: 2px 5px 0;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #ccc;
  color: #706f74;
}
.cluetip-default #cluetip-title a {
  color: #706f74;
  font-size: 0.90em;
}  
.cluetip-default #cluetip-inner {
  background-color: #fff;
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 1px 5px 6px;
  color: #666;
}

/* default arrows */
.clue-right-default .cluetip-arrows {
  background-image: url(/support/assets/img/cluetip/arrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(/support/assets/img/cluetip/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(/support/assets/img/cluetip/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(../img/cluetip/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'gray' 
-------------------------------------- */

.cluetip-gray,.cluetip-gray_w,.cluetip-checksum {
text-align:left;
  background-color: #ddd;
}
.cluetip-gray #cluetip-outer,.cluetip-gray_w #cluetip-outer,.cluetip-checksum #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #706f74;
}
.cluetip-gray h3#cluetip-title,.cluetip-gray_w h3#cluetip-title {
  margin: 0 0 0;
  padding: 2px 5px 0;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #706f74 ;
  color: #fff;
}
.cluetip-checksum h3#cluetip-title {
  margin: 0 0 0;
  padding: 2px 5px 0;
  font-size: 1.0em;
  font-weight: bold;
  background-color: #706f74 ;
  color: #fff;
}
.cluetip-gray #cluetip-title a,.cluetip-gray_w #cluetip-title a,.cluetip-checksum #cluetip-title a {
  color: #fff;
  font-size: 0.90em;
}  
.cluetip-gray #cluetip-inner {
  background-color: #eaeaea;
  padding: 10px;
}
.cluetip-gray_w #cluetip-inner {
  background-color: #ffffff;
  padding: 10px;
}
.cluetip-checksum #cluetip-inner {
  background-color: #ffffff;
  padding: 5px;
}
.cluetip-gray div#cluetip-close,.cluetip-gray_w div#cluetip-close,.cluetip-checksum div#cluetip-close { 
  text-align: right;
  margin: 1px 5px 6px;
  color: #666;
}

/* gray arrows */
.clue-right-gray .cluetip-arrows,.clue-right-gray_w .cluetip-arrows,.clue-right-checksum .cluetip-arrows {
  background-image: url(../img/cluetip/arrowleft-gray.gif);
}
.clue-left-gray .cluetip-arrows,.clue-left-gray_w .cluetip-arrows.clue-left-checksum .cluetip-arrows {
  background-image: url(../img/cluetip/arrowright-gray.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-gray .cluetip-arrows,.clue-top-gray_w .cluetip-arrows,.clue-top-checksum .cluetip-arrows {
  background-image: url(../img/cluetip/arrowdown-gray.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-gray .cluetip-arrows,.clue-bottom-gray_w .cluetip-arrows,.clue-bottom-checksum .cluetip-arrows {
  background-image: url(../img/cluetip/arrowup-gray.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'orange' 
-------------------------------------- */

.cluetip-orange,.cluetip-orange_w {
text-align:left;
  background-color: #ddd;
}
.cluetip-orange #cluetip-outer,.cluetip-orange_w #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #f7941d ;
}
.cluetip-orange h3#cluetip-title,.cluetip-orange_w h3#cluetip-title {
  margin: 0 0 0;
  padding: 2px 5px 0;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #f7941d ;
  color: #fff;
}
.cluetip-orange #cluetip-title a,.cluetip-orange_w #cluetip-title a {
  color: #fff;
  font-size: 0.90em;
}  
.cluetip-orange #cluetip-inner {
  background-color: #eaeaea;
  padding: 10px;
}
.cluetip-orange_w #cluetip-inner {
  background-color: #ffffff;
  padding: 10px;
}
.cluetip-orange div#cluetip-close,.cluetip-orange_w div#cluetip-close { 
  text-align: right;
  margin: 1px 5px 6px;
  color: #666;
}

/* orange arrows */
.clue-right-orange .cluetip-arrows,.clue-right-orange .cluetip-arrows {
  background-image: url(../img/cluetip/arrowleft-orange.gif);
}
.clue-left-orange .cluetip-arrows,.clue-left-orange_w .cluetip-arrows {
  background-image: url(../img/cluetip/arrowright-orange.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-orange .cluetip-arrows,.clue-top-orange_w .cluetip-arrows {
  background-image: url(../img/cluetip/arrowdown-orange.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-orange .cluetip-arrows,.clue-bottom-orange_w .cluetip-arrows {
  background-image: url(../img/cluetip/arrowup-orange.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}


/***************************************
   =cluetipClass: 'red' 
-------------------------------------- */

.cluetip-red,.cluetip-red_w {
text-align:left;
  background-color: #ddd;
}
.cluetip-red #cluetip-outer,.cluetip-red_w #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ec5e38 ;
}
.cluetip-red h3#cluetip-title,.cluetip-red_w h3#cluetip-title {
  margin: 0 0 0;
  padding: 2px 5px 0;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #ec5e38 ;
  color: #fff;
}
.cluetip-red #cluetip-title a,.cluetip-red_w #cluetip-title a {
  color: #fff;
  font-size: 0.90em;
}  
.cluetip-red #cluetip-inner {
  background-color: #eaeaea;
  padding: 10px;
}
.cluetip-red_w #cluetip-inner {
  background-color: #ffffff;
  padding: 10px;
}
.cluetip-red div#cluetip-close,.cluetip-red_w div#cluetip-close { 
  text-align: right;
  margin: 1px 5px 6px;
  color: #666;
}

/* red arrows */
.clue-right-red .cluetip-arrows,.clue-right-red .cluetip-arrows {
  background-image: url(../img/cluetip/arrowleft-red.gif);
}
.clue-left-red .cluetip-arrows,.clue-left-red_w .cluetip-arrows {
  background-image: url(../img/cluetip/arrowright-red.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-red .cluetip-arrows,.clue-top-red_w .cluetip-arrows {
  background-image: url(../img/cluetip/arrowdown-red.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-red .cluetip-arrows,.clue-bottom-red_w .cluetip-arrows {
  background-image: url(../img/cluetip/arrowup-red.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'blue' 
-------------------------------------- */

.cluetip-blue,.cluetip-blue_w {
text-align:left;
  background-color: #ddd;
}
.cluetip-blue #cluetip-outer,.cluetip-blue_w #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #5d87a1 ;
}
.cluetip-blue h3#cluetip-title,.cluetip-blue_w h3#cluetip-title {
  margin: 0 0 0;
  padding: 2px 5px 0;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #5d87a1 ;
  color: #fff;
}
.cluetip-blue #cluetip-title a,.cluetip-blue_w #cluetip-title a {
  color: #fff;
  font-size: 0.90em;
}  
.cluetip-blue #cluetip-inner {
  background-color: #eaeaea;
  padding: 10px;
}
.cluetip-blue_w #cluetip-inner {
  background-color: #ffffff;
  padding: 10px;
}
.cluetip-blue div#cluetip-close,.cluetip-blue_w div#cluetip-close { 
  text-align: right;
  margin: 1px 5px 6px;
  color: #666;
}

/* blue arrows */
.clue-right-blue .cluetip-arrows,.clue-right-blue_w .cluetip-arrows {
  background-image: url(../img/cluetip/arrowleft-blue.gif);
}
.clue-left-blue .cluetip-arrows,.clue-left-blue_w .cluetip-arrows {
  background-image: url(../img/cluetip/arrowright-blue.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-blue .cluetip-arrows,.clue-top-blue_w .cluetip-arrows {
  background-image: url(../img/cluetip/arrowdown-blue.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-blue .cluetip-arrows,.clue-bottom-blue_w .cluetip-arrows {
  background-image: url(../img/cluetip/arrowup-blue.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'green' 
-------------------------------------- */

.cluetip-green,.cluetip-green_w  {
text-align:left;
  background-color: #ddd;
}
.cluetip-green #cluetip-outer,.cluetip-green_w #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #49a942 ;
}
.cluetip-green h3#cluetip-title,.cluetip-green_w h3#cluetip-title {
  margin: 0 0 0;
  padding: 2px 5px 0;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #49a942 ;
  color: #fff;
}
.cluetip-green #cluetip-title a,.cluetip-green_w #cluetip-title a {
  color: #fff;
  font-size: 0.90em;
}  
.cluetip-green #cluetip-inner {
  background-color: #eaeaea;
  padding: 10px;
}
.cluetip-green_w #cluetip-inner {
  background-color: #ffffff;
  padding: 10px;
}
.cluetip-green div#cluetip-close,.cluetip-green_w div#cluetip-close { 
  text-align: right;
  margin: 1px 5px 6px;
  color: #666;
}

/* green arrows */
.clue-right-green .cluetip-arrows,.clue-right-green_w .cluetip-arrows {
  background-image: url(/support/assets/img/cluetip/arrowleft-green.gif);
}
.clue-left-green .cluetip-arrows,.clue-left-green_w .cluetip-arrows {
  background-image: url(/support/assets/img/cluetip/arrowright-green.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-green .cluetip-arrows,.clue-top-green_w .cluetip-arrows {
  background-image: url(/support/assets/img/cluetip/arrowdown-green.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-green .cluetip-arrows,.clue-bottom-green_w .cluetip-arrows {
  background-image: url(/support/assets/img/cluetip/arrowup-green.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



div#nyroModalFull {
font-family:arial, sans-serif; font-size:11px; color:#4B4B4B;
}
div#nyroModalLoading {
border:4px solid #c1c1c1;
border:2px solid #000000;
-moz-border-radius:9px;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(/support/assets/img/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
border:2px solid #000000;
-moz-border-radius:9px;

}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 60px;
	height: 24px;
	text-indent: -9999em;
	background: url(/shared/img/global/btn-close.gif) no-repeat;
	outline: 1; 
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	padding: 20px;
	padding-bottom: 0;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background: url(../img/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
}
a.nyroModalNext:hover {
	background: url(/support/assets/img/next.gif) right 20% no-repeat;
}

.button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

.button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

.button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	.button span {
		margin-top: -1px;
	}
}

.button.submitBtn { 
	padding: 0 28px 0 0; 
	font-size:12px;
	margin-right:5px; 
	margin-top:5px;
	text-align: center; 
	background: transparent url(/support/assets/img/button.gif) no-repeat right -24px; 
}
	
.button.submitBtn span {
	padding: 4px 15px 0 10px; 
	height:25px; 
	background: transparent url(/support/assets/img/button.gif) no-repeat left top; 
	color:#fff; 
	font-weight:bold;
}

.button.submitBtn:hover span {
		text-decoration: underline;
}