/*
Screen styles for Juniper Networks
*/

/* Global Default Formatting */
html, body {
	height : 100%;
	background-color : #fff;
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 12px;
}

img { border : 0; border-style : none; }
body { margin : 0; padding : 0; }
a {color : #003366; }

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

h1 {
	font-size : 14px;
	font-weight : bold;
	color : #f60;
	text-transform : uppercase;
	margin : 0em 0em 1em 0em;
	padding : 3px 0px 5px 0px;
	border-top : #666 solid 1px;
	background : url("http://62.105.165.83/images/juniper/bg_verdotline.gif") repeat-x;
	background-position : bottom;
}

h2 {font-size : 14px; font-weight : bold; color : #333; margin-top: 0;}
h3 {font-size: 12px; font-weight: bold; color: #4c4c4c; margin-top: 0;}
h4 {font-size: 12px; font-weight: bold; color: #666; margin-top: 0;}

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: 0;
	margin-left : 0;
	padding-left : 0;
	list-style : none;
}

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

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

#content .linklist ul li { 
	padding : 4px 0 3px 0px;
	background-image : none;
}

#content .linklist h3 { 
	padding : 0px 0 0px 0px;
	margin: 0 0 2px 0;
}

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;
	/*white-space: nowrap;*/
	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*/

/* ---[ page structure ]------------------------- */

#main1 
{
	clear : both;
	margin : 0;
	padding : 0;
	background: url(/images/left-bg.gif) repeat-y top left;
}
		
#main2 {
	margin : 0;
	padding : 0;
	/*border : 1px dotted yellow;*/
}
	
#left {
	/* width should match left margin of #middle */
	float : left;
	width : 155px;
	margin : 0;
	padding : 0;
	/*border : 1px dotted red;*/
}
		
#right {
	float : right;
	width : 155px;
	margin : 0;
	padding : 0;
	/*border : 1px purple dotted;*/
}

#middle {
	/* for standard 3 column layout for lower level content pages with pagetype above h1 - most commonly used */
	margin : 0px 190px 0px 155px;
	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 */
}

#middle3columnlanding {
	/* for 3 column layout on pages with no pagetype above h1 - usually landing pages  */
	margin : 22px 190px 0px 155px;
	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 */
}
	
#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 155px;
	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 */
}

#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 155px;
	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 : 0px 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;
}

/* ---[ header ]-------------------------------- */

#header {
	height: 65px;
	border-bottom: 1px solid #000;
	background: #1F499B;
	color: #FFFFFF;
	}
#header a {
	color: #FFFFFF;
	}
#header.supp {
	height: 75px;
	color: #FFFFFF;
}
#search {
	text-align: right;
	position: absolute;
	top: 20px;
	right: 20px;
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 11px;
	color: #fff;
	}
#search form {
	margin: 0;
	padding: 0;
	}
#search label {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	background: url(/images/search-dash.gif) no-repeat 100% 50%;
	}
#search input {
	margin-left: 10px;
	}
#search .searchbox {
	font-size : 11px;
	width : 120px;
	text-align : left;
	margin-top : 5px;
	margin-left : 8px;
	}
#search input.searchbutton {
	margin: 0 0 0 5px;
	padding : 13px 0px 0px 0px; 
	}

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

#intl {
	width: 200px;
	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-chs a, #intl li#lang-chs {
	width: 22px;
	background-image: url(../images/lang-tw.gif); /* Syspres - added ".." to view image */
	}
#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_products.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;
	}
/* ---[ breadcrumb ]---------------------------- */

#breadcrumb {
	margin: 0;
	padding: 3px 5px 10px 5px;
	text-align: right;
	font-size: 10px;
	color: #666;
	}
#breadcrumb a { color: #666; }

/* ---[ left nav ]------------------------------ */

#leftnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	line-height: 1.3em;
	font-weight: bold;
	}
#leftnav li {
	display: inline; /* for gaps in IE5/Win */
	margin: 0;
	padding: 0;
	}
#leftnav li a {
	display: block;
	margin: 1px 0 0 0;
	padding: 4px 10px 4px 19px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #316AC5;
	border-bottom-color: #2656AC;
	border-right-color: #2656AC;
	background: #6281BD url(/images/lnav-bg.gif) no-repeat top left;
	}
#leftnav li.subnavhead a {
	color: #FCB914;
	background: #6281BD url(/images/nav-arrow.gif) no-repeat 7px 9px;
	}
#leftnav li ul li {
	font-weight: normal;
	}
#leftnav li ul li a {
	margin: 0;
	border-top-color: #8399C5;
	border-left-color: #8399C5;
	border-bottom-color: #fff;
	border-right-color: #C7D1E6;
	color: #000;
	background: #C7D1E6;
	}
#leftnav li ul li a, #leftnav li.subnavhead ul li a {
	padding-left: 35px;
	color: #000;
	background: #C7D1E6 url(/images/subnav-arrow.gif) no-repeat 25px 7px;
	}
#leftnav li.first {
	display: none;
	}
	
#leftnav p.title{
	background-position : 1px 4px;
	text-decoration : none;
	width : auto;
	display : block;
	margin : 0 5px 0 5px;
	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 : 0 5px 0 5px;
	padding : 0px 5px 0px 8px;
	color : #000;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

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

/* ---[ right nav ]----------------------------- */

#textsizer {
	font-size: 10px; 
	color: #666; 
	white-space: nowrap;
	margin: 15px 1px 2px 0;
	padding: 4px 0;
 	}
/* Hide from IE Mac \*/
#textsizer { text-align: center; }
/* End hide from IE Mac */

#right ul.useractions { 
	margin: 20px 1px 0 0;
	padding: 0;
	list-style: none;
	}
#right ul.useractions li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#right ul.useractions li img {
	display: block;
	margin: 0 0 4px 0;
	}
	
#rightnav { 
	margin: 0;
	padding: 0;
	font-size: 11px; 
	}
#rightnav ul {
	margin: 0 1px 2px 0;
	padding: 0;
	list-style: none;
	border: 1px solid #ADC1EA;
	}
#rightnav li {
	margin: 0;
	padding: 6px;
	}
#rightnav li.heading {
 margin: 0;
 padding: 4px 6px;
 font-weight: bold;
 font-size: 11px;
 color: #666666;
 border-bottom: 1px solid #ADC1EA;
 background: #D7DFEE;
 	}
#rightnav li.subhead {
	padding: 6px 6px 0 6px;
	color: #666;
	font-weight: bold;
	}

/* 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 */

/* ---[ footer ]-------------------------------- */

#footer {
	clear: both;
	padding: 2px 0;
	font-size: 10px;
	text-align: right;
	background: #1F499B;
	color: #eee;
	height: 22px;
	}
	
#footer .footerleft {
	text-align: left;
	padding: 5px 200px 5px 25px;
	float: left;
	}
	
.footerleft {
	background: url(../images/jyn_footer.gif) no-repeat top right;	/* Syspres - added ".." to view image */
	}
	
#footer .tests {
    visibility: hidden;
	float: left;
	padding: 5px 25px 5px 1em;
	}
	
#footer a.feedback {
	display: block;
	float: right;
	margin: 4px 0px 0px 25px;
	color: #ffffcc;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
	background-color: #4768a5;
	}
	
/* hidden footer links to various validators */
#footer .tests a {color : #ccc;}
#footer a {color : #eee;}

/* ---[ contextual formatting ]-------------------------------- */

#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 {
	font-size : 12px;
	font-weight : bold;
	color : #630;
	text-transform : uppercase;
	margin : 0;
	padding : 3px 0px 3px 0px;
	border-top : #666 solid 1px;
	background : url("http://62.105.165.83/images/juniper/bg_verdotline.gif") repeat-x;
	background-position : bottom;
	text-decoration: none;
}

.outerchunk .chunk h3 a {
	color : #630;
	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 : #630;
	text-transform : uppercase;
	margin : 0;
	padding : 3px 0px 3px 0px;
	border-top : 1px solid #666;
	background : url("http://62.105.165.83/images/juniper/bg_verdotline.gif") repeat-x;
	background-position : bottom;
	text-decoration: none;
}

.chunk h3 a {
	color : #630;
	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 : 0 0 1em 0;
	}

.label {
	font-weight : bold;
	color : #333;
	width : 0em;
	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 }



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;
	width: 98%;
}

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 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 th a {
	font-weight : bold;
	color : #fff;
	background-color : #4775A3;
 }
 
div.table th.rowhead {
	font-size: 11px;
	font-weight : bold;
	background-color : #e6e6e6;
	color : #4c4c4c;
	text-align : left;
 }
 
 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 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;
}

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 10px;
	margin-bottom : 6px;
	}

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

.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 : right;
	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;
}
	
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;
}

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;
}

/* 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;
    position: relative;
	padding: 10px;
    margin-bottom: 25px;
	border: #ccc 1px solid;
	z-index: 80;
}

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


.tab
{
   /*background-color: #4775A3;*/
	background: url("/images/tab-bg-unselected.gif") repeat-x;
    color: #FFFFFF;
    border: #ccc 1px solid;
    padding: 2px 5px 1px 5px;
	z-index: 100;
}

.tabHover
{
    /*background-color: #003366;*/
	background: url("/images/tab-bg-over.gif") repeat-x;
    color: #FFFFFF;
    border: #ccc 1px solid;
    border-bottom-width: 0 !important;
	z-index: 90;
}

.tabActive
{
    /*background-color: #F4F9FF;*/
	background: url("/images/tab-bg-selected.gif") repeat-x;
    color: #4c4c4c;
    padding: 3px 5px 2px 5px;
    border-bottom-width: 0 !important;
	z-index: 100;
}

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

/* For techpubs */
#swrelated {float:right; width:25%; padding:10px; margin-top:20px; background:#efefef;}


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