@import url("newbranding.css");

/* Global Default Formatting */
/* Legacy Juniper.net styles - taken from style.css and stylev.css  */
/*
Change Log:
1/21/09 - 
	EL 2/22/2009: Added background-image: none to #leftnav li to override newbranding.css' ul li, which assigns a graphic bullet (li-square.gif).
	EL 2/22/2009: Added background-image: none to #rightnav li to override ul li's background image (li-squared.gif) in newbranding.css.
	EL (10/22 and 10/23/2009): Updating newstyle.css for web refresh. Deleted big chunks of code that were commented-out. To create the white gap between the short hero area and the leftnav, added the #leftnavwrap rule, changed #leftnav's background-color, and had to add #techpubs #modules #hero #heroContentShort .heroContentShort h1 to newbranding.css.
	EL (10/27/2009): For rule #leftnav li, changed color of border from eee to match global.css' .navBorder declarations for web refresh.
	EL (10/27/2009): For rule #content ul li, removed declaration _padding : 4px 0 4px 23px; to fix bullet spacing in most newstyle.css-using pages. For Partner Center pages, which need the added spacing, I've added the rule #content ul li and the declaration _left-padding: 23px; into the Partner Center pages' global-pc.html
	EL (10/27/2009): Added rule #techpubs #leftnav ul li.subnavhead a. Hides the arrow-leftNavChild.gif from #leftnav li a  by overriding the background assignment for the "here" marker on the Tech pubs home page in leftnav. Then added #techpubs #leftnav ul li.subnavhead #subsubnav li a to extant #leftnav ul li.subnavhead ul li a to get the arrows back into the subsubnav area. Deleted sri's commented code from #leftnav ul li.subnavhead a and changed her padding assignment to match global.css' #leftNav .currentInside.
	EL (10/27/2009): Removed #techpubs from the beginning of the three rules now named just #leftnav ul li.subnavhead, #leftnav ul li.subnavhead a, #leftnav ul li.subnavhead #subsubnav li a  to generalize the rules.
	EL (10/27/2009): Gave up on trying to use...
		#leftnav ul li.subnavhead a {background-image: none; _background: url('../../shared/img/global/bkg-leftNavCurrent.jpg') repeat-x left top; _display: block;}
		...to try to remove the arrow-leftNavChild.gif background from #leftnav li a. The code above introduced a strange hide-and-seek bug with the link text and the background gradient in IE7.

*/


hr {
	display : block;
	margin-top : 2px;
	margin-bottom : 3px;
	margin-left : 0;   
	text-align : left;  
	border : none;
	color : #ccc; 
	background-color : #ccc; 
	height : 1px;
}

h1 {
	font-size : 14px;
	font-weight : bold;
	color : #E66400; /* sri added */
	text-transform : uppercase;
	margin : 0em 0em 1em 0em;
	padding : 3px 0px 5px 0px;
}

h4 {font-size: 12px; font-weight: bold; color: #666; margin-top: 0; margin-bottom: 0px;}

h4 a {
	text-decoration : none;
	padding-left : 12px;
	background : url("../../images/gra_bluerightarrow_sm.gif") no-repeat;
	background-position : 0px 3px;
}

h5, h6 {font-size : 12px; font-weight : normal; color : #666; margin-top: 0; }

p {
	font-size : 12px;
	color : #000;
	line-height : 18px;
	margin : 1em 0 1em 0;
}

#content ul {
	margin-top : 0px;
	margin-left : 0;
	padding-left : 0;
	list-style : none;
}

#content ul li ul {margin-top: 0; }

#content ul li { 
	padding : 4px 0 4px 10px;  /* Edwin (10/27/2009): removed IE-specific declaration which had a left-padding of 23px. Added an override rule for #content ul li to global_pc.html in /assets/includes in the APPS-RESOURCES branch to have the 23px left padding that PC needs. */
	background-image : url("../../images/bullet_round.gif");
	background-repeat : no-repeat;
	background-position : 0 10px;
}

/* fix for ie6 bulleted list rendering bug in eol pages - mh 3/26/09 */
.ie6list li a {
_margin-left: 14px;
}

dl { font-size: 12px;}

dl dt {
font-weight : bold; 
color : #4c4c4c; 
}

dl dd {
margin-bottom : 1em;
padding : 1px 0px 1px 4px; 
}

/* fix for ie6 bug - see http://www.evolt.org/article/MSIE6_bug_with_floating_divs_and_spacers/17/23899/?format=print */		
/*another solution: give the container div a line-height of 1.1em or 1.2em - see http://www.dracos.co.uk/web/css/ie6floatbug/ */
h1, h2, h3, h4, h5, h6, p { position : relative; }
  
/* Classes for handy stuff*/

.nogap h2 {margin: 0;}
.nogap h3 {margin: 0;}
.nogap p {margin-top:0;}

.hide { display : none; }
.nowrap { white-space: nowrap; }
.spacer { clear: both; }
.hl { color: #FF6600; }

.cleaner {
	clear : both;
	height : 1px;
	font-size : 1px;
	border : none;
	margin : 0;
	padding : 0;
	background : transparent;
} 
    

/*Process Map*/

#processmap table{
	background-color : #fff;
	margin: 1em 0 0 .1em;
	width : 75%;
}

#processmap table tr th{
	color : #000;
	text-align : left;
	padding : 6px;
	vertical-align : top;
	border : #ccc 1px solid;
	background-color : #F4F9FF;
}

#processmap table tr th.step{
	font-weight : bold;
	color : #fff;
	background-color : #4775A3;
	text-align : left;
	padding : 6px;
	vertical-align : top;
	/*white-space: nowrap;*/
	border : #ccc 1px solid;
}

#processmap table tr td{
	text-align : left;
	padding : 6px;
	vertical-align : middle;
	background : url("../../images/gra_bluerightarrow_sm.gif") no-repeat;
	background-position : 0px 16px;
	/*white-space: nowrap;*/
}

/*end process map*/


#quicklinks {

	/* padding for the drop-down */
	background-color : #036;
	text-align : right;
	color : #fff;
	padding : 12px 10px 12px 0px;
}

#quicklinks label {
	padding-right : 5px;
	font-size : 11px;
}

#quicklinks form, #quicklinks form select {
	/* overrides the automatic line-break from the form tag */
	margin-top: 0px;
	display : inline;
	font-size : 10px;
}
	
/* Main Body Layout */

#main1 {
	clear : both;
	margin : 0;
	padding : 0;
}
		
#main2 {
	margin : 0;
	padding : 0;
}
	
#left {
	/* width should match left margin of #middle */
	float : left;
	width : 176px;
	margin : 0;
	padding : 0;
}
		
#right {
	float : right;
	width : 155px;
	margin : 0;
	padding : 5px; /* sri added */
}

#middle {
	/* for standard 3 column layout for lower level content pages with pagetype above h1 - most commonly used */
	margin : 0px 190px 0px 177px;
	background : transparent;
	padding : 0em 0em 5em 2.3em;
	border : 0px #fff solid;  /* IE needs this or it will not display the background image in main1 */
}

#middle3columnlanding {
	/* for 3 column layout on pages with no pagetype above h1 - usually landing pages  */
	margin : 22px 190px 0px 177px;
	background : transparent;
	padding : 0em 0em 5em 2.3em;
	border : px #fff solid;  /* IE needs this or it will not display the background image in main1 */
}
	
#middle2col {
	/* for 2 column layout, set right margin to 0px - no right div in template.
	- for pages with no right nav but have pagetype or appname such as lower level content */
	margin : 0px 10px 0px 177px;
	background : transparent;
	padding : 0em 0em 5em 2.3em;
	border : 1px 1px 1px 0 #fff solid;  /* IE6 needs this or it will not display the background image in main1 */
}

#middle2columnlanding {
	/* same as above -  for landing pages - more top margin to make up the the lack of a pagetype or appname - usually used for apps or forms */
	margin : 22px 10px 0px 177px;
	background : transparent;
	padding : 0em 0em 5em 2.3em;
	border : 1px #fff solid;  /* IE needs this or it will not display the background image in main1 */
}	

#middle1column {
	/* for pages with no left navigation */
	margin : 22px 10px 0px 10px;
	background : transparent;
	padding : 0em 0em 5em 2.3em;
}	

#middle3columnnoleft {
	/* for 3 column layout on pages with no pagetype above h1 - usually landing pages  */
	margin : 22px 190px 0px 10px;
	background : transparent;
	padding : 0em 0em 5em 2em;
	border : 1px #fff solid;  /* IE needs this or it will not display the background image in main1 */
}
					
#content {
	margin : 10px 0 0 0;
	padding: 0;
	overflow : hidden;
}
	
/* Left Navigation */

/* EL (10/23/2009): added #leftnavwrap for web refresh style. */
#leftnavwrap {
	background-color: #fff;
	padding-top: 15px;
	width: 177px;
}

#leftnav {
	width: 176px;
	border-top: 1px solid #eee;
	border-right: 1px solid #e8e8e8;
	background-color: #f8f8f8;  /* EL (10/23/2009): to match newbranding.css' .contentWrapper background image for leftnav column of color. */
	/*background: #FFFFFF none repeat scroll 0 0;*/
	padding-left : 0; /*sri added */
	font-size : 12px;  /* EL (10/23/2009): up from 11px for web refresh style. */
	font-weight : bold;
	}
	
/* body>#leftnav li  { width : 144px; } sri commented */
body>#leftnav li  { width : 176px; } /*sri added */

 
#leftnav ul {
	list-style : none;
	margin : 0;
	padding : 0;
	border : none;
}

#leftnav li {
	/* border-bottom : 1px solid #eee; sri commented */
	border-bottom: 1px solid #dedede; /* sri added */  /* Edwin (10/27/2009): Changed color of border from eee to match global.css' .navBorder declarations for web refresh. */
	margin : 0;
	padding : 0;
	background-image: none;
}

/* #leftnav li.subnavhead { border-bottom : 1px solid #ccc; } sri commented*/
#leftnav li.subnavhead {
	border-bottom : none;
	margin-right: 0px;
} /* sri added */

/* EL (10/27/2009): Adds web refresh's "here" marker to the leftnav. */
#leftnav ul li.subnavhead {
	background: url('../../shared/img/global/bkg-leftNavCurrent.jpg') repeat-x left top;
}

/* fixes gap problem but blows up in IE - don't get me started */
/*margin-top: -1px;*/


/* for intranet */
#leftnav ul li.navheading, #leftnav ul li.navheading a { 
	color : #fff; 
	/*background : url("../../images/gra_job_drop_nav2.gif") no-repeat #4878A0; */
	background : url("../../images/gra_job_drop_nav3.gif") no-repeat #f60; 
	background-position : -4px 15px;
	margin-left: -10px;
	padding: 15px 0px 5px 16px;
	font-size: 12px;
	border: none;
}

#leftnav ul li.subnavhead a {
	padding:5px 10px 6px 15px;  /* EL (10/27/2009): Changed padding to match web refresh' global.css' #leftNav .currentInside */
	color:#fffffd;  /* EL (10/23/2009): added color for web refresh style. */
}

#leftnav ul li.subnavhead ul li a, #leftnav ul li.subnavhead #subsubnav li a {  /* EL (10/27/2009): Added #leftnav ul li.subnavhead #subsubnav li a  to override the override from above's #leftnav ul li.subnavhead a which removed the child-arrow. */
	/*nimbus background: #E6E6E6 */
	font-weight: bold;  /* EL (10/23/2009): changed from normal for web refresh style. */
	background: #eee url(../../shared/img/global/arrow-leftNavChild.gif) no-repeat scroll 15px 4px;  /* EL (10/23/2009): replaced previous background-image and incorporated previous background-color declaration for web refresh style. */
	font-size: 11px;  /* EL (10/23/2009): added declaration for web refresh style. */
	color : #5f5f5f;  /* EL (10/23/2009): changed from #036 for web refresh style. */
	border-bottom : none;
	padding: 4px 10px 5px 25px;
}

/* For subnav without child links */

#leftnav ul li.subnavheadonly { background-color : #4878A0; color : #fff; }

#leftnav ul li.subnavheadonly a {
	background-color : #4878A0;
	color : #fff;
	background : url("../../images/gra_bwhtrightarrow_sm.gif") no-repeat;
	background-position : 1px 4px;
}

/* end subnavheadonly */

#leftnav li a {
	/* background : url("../../images/gra_blackrightarrow_sm.gif") no-repeat;  
	   background-position : 1px 4px;  sri commented */ 
    background : url("../../shared/img/global/arrow-leftNavChild.gif") no-repeat; /* sri added */ 
    background-position : 10px 4px; /* sri added */
	text-decoration : none;
	width : auto; 
	display : block;
	/* border-bottom : 1px solid #ccc; sri commented*/
	margin : 0px;
	padding : 6px 1px 6px 22px;
	/* color : #036; sri commented */
	/* color : #006FBA; */
	color : #454545; /* sri added */
}

#leftnav li a:hover { text-decoration : underline; }

/* Spacer below left navigation image */
/* #leftnav li.first { line-height : 8px; height : 8px; font-size : 2px; color: #fff; border-bottom : 1px solid #ccc; } sri commented*/
#leftnav li.first { display:none; }  /* sri added */

#leftnav p.title {
	background-position : 1px 4px;
	text-decoration : none;
	width : auto;
	display : block;
	margin : 0px;
	padding : 3px 3px 0px 8px;
	color : #000;
	font-size: 12px;
	font-weight : bold;
	color : #333;
}
 
#leftnav p {
	background-position : 1px 4px;
	text-decoration : none;
	width : auto;
	display : block;
	margin : 0px;
	padding : 0px 5px 0px 8px;
	color : #000;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

#leftnav .howtobuy {
	padding-right : 5px;
	padding-left : 5px;
	background-image : url("../../images/bak_global_sqres_sm.gif");
	padding-bottom : 5px;
	margin : 10px 0px -10px;
	padding-top : 5px;
}

#left img {display : none;} /* sri added - remove the old toon image*/

#left .howtobuy img {display : block;} /* sri added */

#left #leftnavwrap #leftnav img  {display : inline;} /* sri added - display other images in the left nav*/

/* IE6 - fixes the problem with the module chunks shifting 
#left #leftnavwrap #leftnav {_height: 900px !important;}*/

/* Right Nav */

#rightnav {
	clear : both;
	padding-top : 10px; /* sri changed from 30px to 10px */
	width : 150px;
	color : #333;
	font-size : 11px;
	 /* border: 1px blue dotted; */
	}

#rightnav ul {
	width : 150px;  /* ie mac needs this but hide from ie 5x win */
	list-style : none;
	/* border-bottom : 2px solid #fff; */
	margin : 0px 0px 6px 0px;	
	padding : 10px 2px 5px 0px; /* sri added padding top */
	/* background : #e4e6e6;  sri commented */ 
	border: 1px solid #c1c1c1;
    background-color: #e1e1e1;
	}
	
	
#rightnav li {
    margin : 0;
	padding : 4px 5px 3px 8px;
	background-image: none; /* EL (2/22/2009): Overrides ul li's background image (li-squared.gif) in newbranding.css. */
	}
	
#rightnav li.heading {
	padding : 3px 5px 3px 8px;	
	/* color : #333;  sri commented */
	color : #4B4B4B;; /*sri added */
	font-weight : bold;
	background: none; /* sri changed */
	border-bottom : 5px solid #fff;
	}	

#rightnav li.nopadding { margin : 0; padding : 0;}
	
#rightnav li.subhead { color: #666; font-weight : bold; }		

#rightnav ul.useractions { 
	background: #fff;
}
	
#rightnav ul.useractions li { 
	background-image : url("../../images/bak_global_sqres_sm.gif");
	background-repeat : repeat;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	margin-bottom: 2px;
}



/* Contextual Formatting */

#breadcrumb {
	font-size : 11px;
	color : #000;
	text-align : right;
	margin: 0;
	padding : 2px 5px 0px 170px;
	vertical-align : top;
	/*border: 1px dashed blue; */
}
	
#breadcrumb a, #footer a {color : #006FBA;}

#textsizer {
	font-size : 12px; 
	color : #333333; 
	padding-top : 30px; 
	white-space : nowrap;
 }
 
 #textsizera {
	float : right; 
	font-size : 12px; 
	color : #333333; 
	white-space : nowrap;
	margin-top: -3px;
 }
 
  #utilbox {
	/* float : right;*/
	font-size : 10px; 
	color : #333333; 
	margin-top : 34px; 
	padding : 4px 4px  4px 4px;
	margin-bottom : -10px;
	white-space : nowrap;
	background : #F4F9FF; 
	border : 1px solid #cccccc;
 }
  
  #utilbox a {color : #000;  }
  #utilbox a.hilight {	color : #FF6600;  }
  

 /*used for the PC home page, CSC*/
.outerchunk {
	width : 98%;
	border: dotted white 1px;
}

.outerchunk .midchunk {
	float : left;
	width : 48%;
}

.outerchunk .midchunk .cola {
	width : 96%;
	padding : 0;
}

.outerchunk .midchunk .colb {
	width : 100%;
	padding : 0 0 0 4%;
}


.outerchunk .chunk {
/* For the bit with the little photo on the landing pages */
}

.outerchunk .chunk h3, noscript h2 {
	font-size : 12px;
	font-weight : bold;
	color : #4B4B4B;
	/* text-transform : uppercase; sri commented */
	margin : 0;
	padding : 3px 0px 3px 0px;
	/* border-top : #666 solid 1px;
	background : url("../../images/bg_verdotline.gif") repeat-x; 
	background-position : bottom; */
	text-decoration: none; 
	text-transform: none;
}

.outerchunk .chunk h3 a {
	/* color : #630; */
	color : #006FBA; /* sri added */
	text-decoration : none;
}

.outerchunk .chunk p {
	position : static;
	margin-left : 0px;
	margin-top : 4px;
	padding : 0;
}

.chunk {
/* For the bit with the little photo on the landing pages */
}

.chunk h3 {
	font-size : 12px;
	font-weight : bold;
	color : #4B4B4B;
	/* text-transform : uppercase; sri commented */
	margin : 0;
	padding : 3px 0px 3px 0px;
	/* border-top : #666 solid 1px;
	background : url("../../images/bg_verdotline.gif") repeat-x;
	background-position : bottom; */
	text-decoration: none;
}

.chunk h3 a {
	color : #4B4B4B;
	text-decoration : none;
}

.chunk img { float : left;}

.chunk p {
	position : static;
	margin-left : 70px;
	margin-top : 4px;
	padding : 0;
}
 
/* Contacts - used in press releases, contactus, etc */

#content div.contact h2 { margin-top : 1.5em; }	

#content div.contact ul {
	margin-left : 0;
	font-size : 12px;
	padding: 0;
}

#content div.contact ul li {
	padding : 0;
	list-style : none;
	background-image : none;
	margin : 0;
}

/* Body Fonts */		
	
.appname, .pagetype, .prnav {
	font-size : 12px;
	font-weight : bold;
	color : #666;
	padding-top : 5px;
	padding-bottom : 3px;
	text-transform: uppercase;
}

.prnav a {
	font-weight : normal; 
	padding : 0 4px 0 4px;
	text-decoration : none;
}

/* Form Elements */	  

.required { color: #f60; } /* for the asterisk next to the form labels on required elements */

.error {
/* rule for error messages */
color : red;
}

#content form, #content form input, #content form select { font-size: 12px; }	
	
.dropdown {
	font-size : 12px;
	color : #333;
	font-weight : bold;
	background-color : #fff;
	margin-right : 1em;
	}
	
.formrow {
	padding : .5em 0 1em 0;
	}

.label {
	font-weight : bold;
	color : #333;
	width : 8em;
	float : left;
	text-align : right;
	white-space : nowrap;
	}

.labelalt {
     font-weight : bold;
     color : #333;
     width : 20em;
     float : left;
     text-align : left;
     white-space : nowrap;
     }
	
.accesskey { text-decoration : underline }

.widget { 
	margin-left : 9em; 
	}

 .comments {
		font-weight : bold;
		color : #333;
		margin-left : 1em; 
	}	

textarea {
	margin-right:1em;
	}

fieldset {
	width : 20%;
	border-style : solid;
	border-color : #fff;
	border-width : 1px; 
	}

/* fails in IE	
fieldset > legend { 
	display: block ;
	color: #333333; 
	}
	*/

fieldset legend { display: block ; color: #fff; }	

/*
input.button {
	background-color : #d64d21;
	border-bottom : #9c2400 2px solid;
	border-left : #de795a 2px solid;
	border-right : #9c2400 2px solid;
	border-top : #de795a 2px solid;
	color : #fff;
	height : auto;
	font-size : 10px;
	font-weight : bold;
	padding : 0;
	vertical-align : top;
	text-transform : uppercase;
	}
	*/

input.buttonsmall {
	/*font-familiy : verdana, arial, helvetica ! important;*/
	background-color : #d64d21;
	border-bottom : #9c2400 1px solid;
	border-left : #de795a 1px solid;
	border-right : #9c2400 1px solid;
	border-top : #de795a 1px solid;
	color : #fff;
	height : auto;
	font-size : 9px;
	font-weight : normal;
	padding : 0;
	vertical-align : top;
	text-transform : none;
	}		
	
optgroup {background-color: #ffffff;}

option.heading {font-weight: bold; }

.pagingwidget {
	margin : 0em; 
	padding : 0.3em 0 0.3em 0; 
	float : right; 
}
	
div.formhead {
	font-weight : bold;
	color : #4c4c4c;
}

.instructions {
font-size : 10px;
}	

/* Tables */

div.table {
/* border : 1px dotted purple; */
	background-color :#fff;
	margin: 1em 0 0 .1em;	
}

div.table caption {
	text-align: left;
	font-size : 12px;
	font-weight : bold;
	color : #4c4c4c;
	background-color : #fff;
}

div.table table {
/* border : 1px dotted purple; */
	width : 98%;
	font-size : 12px; /* font size for table cells */
	background-color :#fff;
	border-collapse: collapse;
	/*border-left : #ccc 1px solid;*/
}

div.table tr th {
	font-weight : bold;
	color : #fff;
	background-color : #4775A3;
	text-align : left;
	padding : 6px;
	vertical-align : top;
	/*white-space: nowrap;*/
	border : #ccc 1px solid;
 }

div.table tr th a {
	font-weight : bold;
	color : #fff;
	background-color : #4775A3;
 }
 
div.table tr th.subhead {
	font-weight : bold;
	color : #000;
	background-color : #eee;
		/*background-color : #f5f5f5;*/
	text-align : left;
	padding : 6px;
	vertical-align : top;
	/*white-space: nowrap;*/
	border : #ccc 1px solid;
 }

div.table tr th.subhead  a {
	background-color : #eee;
		/*background-color : #f5f5f5;*/
	font-weight : bold;
	color : #036;
 }

div.table th.rowhead {
	font-size : 11px;
	font-weight : bold;
	background-color : #f5f5f5;
	color : #4c4c4c;
	text-align : left;
 }
 
div.table tr td {
	padding : 6px;
	border : #ccc 1px solid;
	/*
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid; */
}

div.table tr.color td {
	background-color : #F4F9FF;
}

div.table tr.seemore {
	text-align : right;
}

div.table table table th {
	background-color : #E6E6E6;
	border-right : #ccc 1px solid;
	border-top : #ccc 1px solid;
	font-weight : bold;
	color : #4c4c4c;
	font-size : 11px;
}

div.table tr td ul  {
	margin : 0 0 0 3px;
	padding : 0;
	list-style : none;
}

div.table tr td ul li { 
	padding : 4px 0 4px 10px;
	background-image : url("../../images/bullet_round.gif");
	background-repeat : no-repeat;
	background-position : 0 10px;

}

div.table tbody th {
	font-weight : bold; 
	color : #4c4c4c; 
	background: #F4F9FF;
}

/* same as above, extept this doesn't define a width */

div.tableauto {
/* border : 1px dotted purple; */
	background-color :#fff;
	margin: 1em 0 0 .1em;	
}

div.tableauto caption {
	text-align: left;
	font-size : 12px;
	font-weight : bold;
	color : #4c4c4c;
	background-color : #fff;
}

div.tableauto table {
/* border : 1px dotted purple; */
	width : auto ! important;
	font-size : 12px; /* font size for table cells */
	background-color :#fff;
	border-collapse: collapse;
	border-left: #ccc 1px solid;
}

div.tableauto tr th {
	font-weight : bold;
	color : #fff;
	background-color : #4775A3;
	text-align : left;
	padding : 6px;
	vertical-align : top;
	/*white-space: nowrap;*/
	border : #ccc 1px solid;
 }

div.tableauto tr th a {
	font-weight : bold;
	color : #fff;
	background-color : #4775A3;
 }
 
div.tableauto tr th.subhead {
	font-weight : bold;
	color : #000;
	background-color : #eee;
		/*background-color : #f5f5f5;*/
	text-align : left;
	padding : 6px;
	vertical-align : top;
	/*white-space: nowrap;*/
	border : #ccc 1px solid;
 }

div.tableauto tr th.subhead  a {
	background-color : #eee;
		/*background-color : #f5f5f5;*/
	font-weight : bold;
	color : #036;
 }

div.tableauto th.rowhead {
	font-size : 11px;
	font-weight : bold;
	background-color : #f5f5f5;
	color : #4c4c4c;
	text-align : left;
 }
 
div.tableauto tr td {
	padding : 6px;
	border : #ccc 1px solid;
	/*
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid; */
}

div.tableauto tr.color td {
	background-color : #F4F9FF;
}

div.tableauto tr.seemore {
	text-align : right;
}

div.tableauto table table th {
	background-color : #E6E6E6;
	border-right : #ccc 1px solid;
	border-top : #ccc 1px solid;
	font-weight : bold;
	color : #4c4c4c;
	font-size : 11px;
}

div.tableauto tr td ul  {
	margin : 0 0 0 3px;
	padding : 0;
	list-style : none;
}

div.tableauto tr td ul li { 
	padding : 4px 0 4px 10px;
	background-image : url("../../images/bullet_round.gif");
	background-repeat : no-repeat;
	background-position : 0 10px;
}

div.tableauto tbody th {
	font-weight : bold; 
	color : #4c4c4c; 
	background: #F4F9FF;
}

table.noborders  {
    width : 98%;
	border-left : 0 !important;
	background-color : transparent !important;
}

table.noborders tr td {
      width : 98%;
	border : 0 !important;
}

table.noborders tr td ul {
	margin : 0 0 0 3px;
	padding : 0;
	list-style : none;
}

table.noborders tr td ul li { 
	padding : 0 0 0 10px;
	background-image : url("../../images/bullet_round.gif");
	background-repeat : no-repeat;
	background-position : 0px 6px;
}

dl.definitionlist {
	width : 500px; 
	font-size : 12px;
}

.definitionlist dt {
	float : left; 
	width : 160px;
	font-weight : bold; 
	color : #4c4c4c; 
	margin-bottom : 1em;
}

.definitionlist dd {
	margin-left : 170px; 
	margin-bottom : 1em;
	padding : 1px 0px 1px 4px; 
}

.loginbox {
	border : 1px solid #999;
	background : #f4f9ff;
	padding-bottom : 3px;
	font-size : 11px;
	}

.loginbox .loginhead {
	background-color : #9cf;
	font-size : 12px; 
	color : #000; 
	font-weight: bold;
	border-bottom : 1px solid #999;
	padding : 2px 2px 2px 8px;
	margin-bottom : 6px;
	}

.loginbox input {
	font-size: 10px;	
	width: 135px;
	margin-left: 5px;
	}

.loginbox input.buttongo {
	width: 65px;
	background-color : #d64d21;
	border-bottom : #9c2400 2px solid;
	border-left : #de795a 2px solid;
	border-right : #9c2400 2px solid;
	border-top : #de795a 2px solid;
	color : #fff;
	height : auto;
	font-size : 10px ! important;
	font-weight : bold;
	padding : 0;
	vertical-align : top;
	text-transform : uppercase;
	margin-top : 6px;
	}

.loginbox .formrow {
	padding : 5px 0 1px 0;
	white-space : nowrap;
	margin-left: 2px;
	}

.loginbox label {
	width : 53px;
    font-weight : normal;
	font-size : 11px ! important;
	color : #000;
	float : left;
	text-align : left;
	white-space : nowrap;
	padding-right : 2px;
	margin-left: 6px;
	}	
	
.loginbox span {
	display : block;
	padding : 5px 0 5px 10px;
}

/* temporary - remove this when partner app is pushed live */
dl.definitionlistb {
font-size : 12px;
}

.definitionlistb dt {
font-weight : bold; 
color : #4c4c4c; 
}

.definitionlistb dd {
margin-bottom : 1em;
padding : 1px 0px 1px 4px; 
}


/* highlight boxes on products landing pages */

div.hilightbox {
width : 98%;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
}

div.hilightbox img {
margin-top: 10px;
float : left;
}

div.hilightbox ul {
position: static;
margin-left: 100px;
padding-left: 100px;
list-style: none;
}

div.hilightbox ul li { 
font-size: 12px;
padding : 4px 0 4px 10px;
background-image: url("../../images/bullet_round.gif");
background-repeat: no-repeat;
background-position: 0 10px;
}

div.hilightbox div, div.hilightbox p, div.hilightbox h3 {
position: static;
margin-left: 100px;
padding-left: 100px;
list-style: none;
}

/* message boxes */
	
div#success {
background: #f0fff0; 
border: 1px solid #ddd; 
padding: 4px 12px  0 12px; 
margin: 4px 0px 4px 0px; 
font-size: 11px; 
}

div#success p {
padding-top: 0px; margin-top: 3px;
}

div#warning {
background: #fafad2; 
border: 1px solid #ddd; 
padding: 4px 12px  0 12px; 
margin: 4px 0px 4px 0px; 
font-size: 11px; 
}

div#warning p {
padding-top: 0px; margin-top: 3px;
_padding-left: 12px !important;
}
	
div#error {
background: #ffe4e1; 
border: 1px solid #ddd; 
padding: 4px 12px  0 12px; 
margin: 4px 0px 4px 0px; 
font-size: 11px; 
}		

div#error p {
padding-top: 0px; margin-top: 3px;
_padding-left: 12px !important;
}

div#notice {
background: #f4f9ff; 
border: 1px solid #ddd; 
padding: 4px 12px  0 12px; 
margin: 4px 0px 4px 0px; 
font-size: 11px; 
}

div#notice p {
padding-top: 0px; margin-top: 3px;
_padding-left: 12px !important;
}

/* TABS */


div.tabs
{
    position: relative;
	margin-top: 25px;
    top: 3px;
    white-space: nowrap;
    line-height: 23px;
    cursor: default !important;
    font-weight: 700 !important;
	z-index: 100;
}

.firstTabContent,.tabContent
{
	/* background-color: #F4F9FF; */
	background-color: #FFF; /* sri added */
    position: relative;
	padding: 10px;
    margin-bottom: 25px;
	/* border: #ccc 1px solid; */
	border-top: #ccc 1px solid;  /* sri added */
	z-index: 80;
}

.tab, .tab a
{
    /* background-color: #4775A3; */
	background: #bfbfbf url(../../shared/img/global/tab_bg_center_off.gif) repeat-x;
    color: #4B4B4B;
    border: #ccc 1px solid;
    padding: 2px 5px 1px 5px;
	z-index: 100;
}

.tabHover, tabHover a
{
    /* background-color: #003366; 
    color: #FFFFFF; sri commented*/
	color: #4B4B4B;	/* sri added */
    border: #ccc 1px solid;
    border-bottom-width: 0 !important;
	z-index: 90;
}

.tabActive, .tabActive a
{
    background:none;
    background-color: #FFF;
    color: #4c4c4c;
    padding: 3px 5px 2px 5px;
    border-bottom-width: 0 !important;
	z-index: 100;
}


/* styles from stylev.css */

/* pattern grid */

.pattern_box {float: left; height: 175px; width: 162px; margin: 20px 50px 0px 0px;}

.pattern_box a {font-weight : bold; color: #333;}

.pattern_box img {border: 1px solid #aaa;}

#content .patterngrid { margin: 10px 0 10px 0; padding: 0px; border: 0px #383 solid;}
#content .patterngrid ul { padding: 0; margin: 0 0 10px; list-style: none;}
#content .patterngrid ul img { border: 1px solid #aaa;}
#content .patterngrid li { width: 170px; float: left; position: relative; margin: 0px 10px 0 0px; padding-top: 2px; background-image : none;}
#content .patterngrid li a { font-weight : bold; color: #333; }
#content .patterngrid li.notfirst { margin-top: 15px;}

/* ---[ intl links ]------------------------------- */

#intl {
	width: 158px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#intl li {
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
	background: url(../../images/lang-en.gif) no-repeat top left;
	}
#intl li a {
	float: left;
	display: block;
	width: 32px;
	height: 17px;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../../images/lang-en.gif) no-repeat top left;
	}
	
/* override english image with other languages */	

#intl li#lang-kor a, #intl li#lang-kor {
	width: 28px;
	background-image: url(../../images/lang-kor.gif);
	}
#intl li#lang-ch a, #intl li#lang-ch {
	width: 22px;
	background-image: url(../../images/lang-ch.gif);
	}
#intl li#lang-jp a, #intl li#lang-jp {
	width: 28px;
	background-image: url(../../images/lang-jp.gif);
	}
	
/* ---[ top nav ]------------------------------- */

#nav {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #000;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav li#nav-1 {
	padding-left: 23px;
	}
#nav li a {
	float: left;
	display: block;
	padding: 2px 10px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	}
#nav li.active a { color: #FCB914; }
#nav li a:hover { color: #888; }

/* ---[ banner ]-------------------------------- */

#bannerproduct {
	position: relative;
	clear: left;
	height: 43px; /* was: 66 */
	padding: 0 0 0 155px;
	border-top: 1px solid #1F499B;
	border-bottom: 1px solid #1F499B;
	background: #b2b2b2 url(../../images/icn_products.gif) no-repeat top left;
	}
#bannerproduct h2 {
	margin: 0;
	padding: 10px 0 2px 30px;       /*  was: 33px 0 2px 30px;   */
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	border-left: 1px solid #000;
	}
	
#bannersolutions {
	position: relative;
	clear: left;
	height: 43px; /* was: 66 */
	padding: 0 0 0 155px;
	border-top: 1px solid #1F499B;
	border-bottom: 1px solid #1F499B;
	background: #b2b2b2 url(../../images/icn_solutions5.gif) no-repeat top left;
	}
#bannersolutions h2 {
	margin: 0;
	padding: 10px 0 2px 30px;       /*  was: 33px 0 2px 30px;   */
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	border-left: 1px solid #000;
	}
	
#bannersupport {
	position: relative;
	clear: left;
	height: 43px; /* was: 66 */
	padding: 0 0 0 155px;
	border-top: 1px solid #1F499B;
	border-bottom: 1px solid #1F499B;
	background: #b2b2b2 url(../../images/icn_support.gif) no-repeat top left;
	}
#bannersupport h2 {
	margin: 0;
	padding: 10px 0 2px 30px;       /*  was: 33px 0 2px 30px;   */
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	border-left: 1px solid #000;
	}

#bannerpartners {
	position: relative;
	clear: left;
	height: 43px; /* was: 66 */
	padding: 0 0 0 155px;
	border-top: 1px solid #1F499B;
	border-bottom: 1px solid #1F499B;
	background: #b2b2b2 url(../../images/icn_partners.gif) no-repeat top left;
	}
#bannerpartners h2 {
	margin: 0;
	padding: 10px 0 2px 30px;       /*  was: 33px 0 2px 30px;   */
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	border-left: 1px solid #000;
	}
	
#bannercompany {
	position: relative;
	clear: left;
	height: 43px; /* was: 66 */
	padding: 0 0 0 155px;
	border-top: 1px solid #1F499B;
	border-bottom: 1px solid #1F499B;
	background: #b2b2b2 url(../../images/icn_company.gif) no-repeat top left;
	}
#bannercompany h2 {
	margin: 0;
	padding: 10px 0 2px 30px;       /*  was: 33px 0 2px 30px;   */
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	border-left: 1px solid #000;
	}

#bannereducation {
	position: relative;
	clear: left;
	height: 43px; /* was: 66 */
	padding: 0 0 0 155px;
	border-top: 1px solid #1F499B;
	border-bottom: 1px solid #1F499B;
	background: #b2b2b2 url(../../images/icn_education.gif) no-repeat top left;
	}
#bannereducation h2 {
	margin: 0;
	padding: 10px 0 2px 30px;       /*  was: 33px 0 2px 30px;   */
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	border-left: 1px solid #000;
	}

#bannercontact {
	position: relative;
	clear: left;
	height: 43px; /* was: 66 */
	padding: 0 0 0 155px;
	border-top: 1px solid #1F499B;
	border-bottom: 1px solid #1F499B;
	background: #b2b2b2 url(../../images/icn_company.gif) no-repeat top left;
	}
#bannercontact h2 {
	margin: 0;
	padding: 10px 0 2px 30px;       /*  was: 33px 0 2px 30px;   */
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	border-left: 1px solid #000;
	}

#bannersitemap {
	position: relative;
	clear: left;
	height: 43px; /* was: 66 */
	padding: 0 0 0 155px;
	border-top: 1px solid #1F499B;
	border-bottom: 1px solid #1F499B;
	background: #b2b2b2 url(../../images/icn_howtobuy.gif) no-repeat top left;
	}
#bannersitemap h2 {
	margin: 0;
	padding: 10px 0 2px 30px;       /*  was: 33px 0 2px 30px;   */
	font-size: 28px;
	font-weight: normal;
	color: #fff;
	border-left: 1px solid #000;
	}
/* Funk Download Box */
#rightnav ul.headingdownload { 
	margin: 0 1px 2px 0;
	padding: 0;
	list-style: none;
	border: 1px solid #f60;
	}
#rightnav li.headingdownload {
 margin: 0;
 padding: 4px 6px;
 font-weight: bold;
 font-size: 11px;
 color: #666666;
 border-bottom: 1px solid #f60;
 background: #FFDCC4;
 	}
/* End Funk Download Box */

div#success img {
border: 1px solid #ddd;
}

div#warning img {
border: 1px solid #ddd;
}

div#error img {
border: 1px solid #ddd;
}

div#notice img {
border: 1px solid #ddd;
}

.content .content 
{
	padding: 10px;
    margin-bottom: 25px;
	background-color: #F4F9FF;
	border: #ccc 1px solid;
}

/* For J-sec */

#lefthighlight {border: 1px solid #d9d8d2; padding: 0px;  margin: 15px 6px 20px 6px;}
#lefthighlight div {font-size: 12px; background: #ebefde; padding: 7px 7px 7px 7px; border-bottom: 1px solid #d9d8d2; color:#333333;}
#lefthighlight ul {margin: 0; list-style-type: none; padding:7px; font-size:11px;}
#lefthighlight li {padding-bottom:7px; color:#333333; font-size:10px;}
#lefthighlight li strong {font-size: 11px;}



/* Form styles -- used in body 2 column format, form lives on the right side. Example: http://www-freitas.jnpr.net/partners/entitlement_loginAssistance-test.html */


/*Syspres added 3 div containers for body contents */

#leftcol { /* container for the left column*/
	height: auto;
	margin-right: 15px;
	margin: 0 0 0 0;
	border: 0px #000 solid;
}

#leftcol h2.col {
	font-size : 14px;
	font-weight : bold;
	color : #f60;
	text-transform : uppercase;
	margin : 1em 0em 1em 0em;
}

#rightcol { /* container for the right column*/
	/*width: 310px;*/
	float:right;
	margin: 0 0 0 10px;
	height: auto;
	border: 0px #000 solid;
}

p.small { /* for smaller text */
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;
	text-align: left;
	line-height: 13px;
	margin-bottom: 0px;
}


/********* holds the formholder styles **************/
#formholder {
	width: 310px;
	height: auto;
	float: left;
	display: block;
	background-color: #d7dfee;
}

#formholder .formrow {
margin-left: 5px;
padding: 5px;
width: 100px;
}

#formholder .titleform {
	float: left;
	padding: 9px;
	margin-bottom: 0px;
}

/* textbox title */
#formholder .label{
	display: block;
	width: 177px;
	margin-bottom: 3px;
	font: bold 11px Arial;
	color: #000;
	text-align: left;
}

/* Leftnav added for Solutions subnav */			
#leftnav ul li.subnavhead ul.solusubnavhead { 
/* Syspres specified a no-border property for the ul*/
	border-style: none;
	background: #C7D1E6;
}

#leftnav ul li.subnavhead ul.solusubnavhead li a { 
/* Syspres specified certain properties for the anchor link*/
	padding-left: 40px;
	background: #C7D1E6;
	border-style: none;
}

#leftnav ul li.subnavhead ul li a.submain {  
/* Syspres specified no-border properties to avoid the white line in the list items */
	background: #C7D1E6 url(../../images/subdown-arrow.gif) no-repeat 23px 8px;
	padding-left: 35px;
	border-top: solid 1px #7595c9;
	border-bottom:  solid 1px #C7D1E6;
}
/* Leftnav end added for Solutions subnav */


/* down arrow for App Acceleration products */
#leftnav li.subdownhead a {
	color: #FCB914;
	background: #6281BD url(../../images/nav-arrow.gif) no-repeat 7px 9px;
	}
	 
#leftnav li.subdownhead li a { 
	padding-left: 23px;
	color: #000;
	background: #C7D1E6 url(../../images/subdown-arrow.gif) no-repeat 13px 7px;
	border: none;
	}
	
#leftnav li.subdownhead ul li ul li a { 
	padding-left: 33px;
	background: #C7D1E6;
	}
	
#leftnav li.subdownhead ul { 
	background: #C7D1E6;
	}



/* for right nav */
.gradientContainer {background:#e1e1e1 url('../../shared/img/global/bkg-moduleRight.gif') repeat-x left top !important; float:left !important;}

ul.linkList a, .arrowLink {background:url('../../shared/img/global/arrow-hor-s.gif') no-repeat 0 5px; padding-left:8px; display:block; display:inline-block;}
ul.linkList li {background:transparent}
ul.linkList {margin:0px; padding:0 0 0 7px;}
ul.linkList li {line-height:14px;font-size:11px; margin:5px 0; background:transparent;}

.separatorRight { background:url('../../shared/img/global/line-sep-right.png') no-repeat  right; margin-right:20px; }

/* page tab navigation */
#tabNavWrapper {margin:5px 0 25px 0px !important; padding:0 !important; height:20px !important;}
.tabNavWrapper {background:url('../../shared/img/global/bkg-tab_on.gif') repeat-x bottom left !important;}
#tabNavWrapper ul {padding:0px !important; margin-left:0px !important;}
#tabNavWrapper li {list-style:none !important; float:left !important; height:20px !important; font-weight:bold; text-align:center !important; line-height:18px !important;padding-left:0px !important;}
#tabNavWrapper li a {color:#4B4B4B; padding-left:3px !important;}
#tabNavWrapper li.on {background:#fff url('../../shared/img/global/bkg-tab_on.gif') repeat-x top left !important;}

#tabNavWrapper li {background:url('../../shared/img/global/bkg-tab_off.gif') repeat-x top left !important;}
#tabNavWrapper li.fTabC, #tabNavWrapper li.tabC, #tabNavWrapper li.lTabC, #tabNavWrapper li.tabC_on, #tabNavWrapper li.fTabC_on, #tabNavWrapper li.lTabC_on {width:15px !important;}
#tabNavWrapper li.fTabC {background:#fff url('../../shared/img/global/sprite-tabs.gif') no-repeat -122px 0 !important;}
#tabNavWrapper li.fTabC_on {background:#fff url('../../shared/img/global/sprite-tabs.gif') no-repeat 0 0 !important;}
#tabNavWrapper li.tabC {background:#fff url('../../shared/img/global/sprite-tabs.gif') no-repeat -54px 0 !important;}
#tabNavWrapper li.tabC_l {background:#fff url('../../shared/img/global/sprite-tabs.gif') no-repeat -85px 0 !important;}
#tabNavWrapper li.lTabC {background:#fff url('../../shared/img/global/sprite-tabs.gif') no-repeat -140px 0 !important;}
#tabNavWrapper li.lTabC_on {background:#fff url('../../shared/img/global/sprite-tabs.gif') no-repeat -104px 0 !important;}
#tabNavWrapper li.tabC_on {background:#fff url('../../shared/img/global/sprite-tabs.gif') no-repeat -24px 0 !important;}
#tabNavWrapper li.on {border-bottom:none !important;}

/* for support tabs */
#content #tabs #tabNavWrapper ul li { _padding : 0px 0 0px 0px !important; }
#tabs .tabcont .scmDefault ul li a { _padding: 0 0 0 0px !important;}

/*-----------------------------------------------------------------*/
/*No JS tabs styling*/
#tabNavWrapper .tabListNoJS {float:left;margin:10px 0 !important; width:100% !important; border-bottom:1px solid #e8e8e8 !important;}
#tabNavWrapper .tabListNoJS li {text-align: left !important; float:none !important;}
#tabNavWrapper .tabListNoJS li a {color:#006FBA; font-weight:normal;}
#tabNavWrapper .tabListNoJS li.on {background: none !important;}

#tabNavWrapper .tabListNoJS li {background:none !important;}
#tabNavWrapper .tabListNoJS li.fTabC, 
#tabNavWrapper .tabListNoJS li.tabC, 
#tabNavWrapper .tabListNoJS li.lTabC, 
#tabNavWrapper .tabListNoJS li.tabC_on, 
#tabNavWrapper .tabListNoJS li.fTabC_on, 
#tabNavWrapper .tabListNoJS li.lTabC_on {display:none !important;}

#tabNavWrapper .tabListNoJS li.fTabC,
#tabNavWrapper .tabListNoJS li.fTabC_on,
#tabNavWrapper .tabListNoJS li.tabC,
#tabNavWrapper .tabListNoJS li.tabC_l,
#tabNavWrapper .tabListNoJS li.lTabC,
#tabNavWrapper .tabListNoJS li.lTabC_on,
#tabNavWrapper .tabListNoJS li.tabC_on {background:none !important;}
/*------------------------------------------------------------*/

/* for support product pages */
#psp .tabCont {zoom:1;}
#psp #main2 h2 {clear:both;}
#psp #main2 h2 {_clear:none;} 

/* for software page in csc */

div.chunk ul li a {
	display: block; 
	}

div.chunk ul li a.no {
	background-image: none; 
	background-repeat: no-repeat;
	display: block;
	margin:3px 0px 4px 0px;
	padding:0px 0px 0px 10px;
	color:#006699;
	font-family:Verdana; 
	font-size:9px;
	}
	
.chunk span a {
	font-size : 9px;
	color : #630;
	font-family: Verdana;
}
		
div.chunk ul {/* Syspres added a div container to hold the data at the left */
	width:49%;
	float: left;
}

.subtext {
	font-family: Verdana;
	font-size: 9px;
	color: #666666;
	margin:3px 0px 8px 0px;
	padding:0px 0px 0px 10px;
	}
	

div.cola span.sectionheader {
    display:block;
    clear:both;
	text-align:right; 
    _margin-top: -15px;
	padding-right: 25px;
} 

div.colb span.sectionheader {
    display:block;
    clear:both;
	text-align:right; 
    _margin-top: -15px;
	padding-right: 15px;
} 
