/*
* SLT Styles for Juniper Networks - by Naviscent LLC
* @lastupdated 02/10/2008 by alex@naviscent.com
*/

/* BEGIN copied from stylev.css */
html, body {
	height : 100%;
	background-color : #FFFFFF;
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 12px;
}

/* sri 08/08 - added h1 and h2 style for headings, also changed the stylesheet to include as h1 - 14px, h2 - 13px, h3 - 12px respectively*/
h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px;; color: #E66400; text-transform: uppercase; display:inline;}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px;} 

#rightnav { 
	margin: 0;
	padding: 0;
	font-size: 12px; 
}
#rightnav ul {
	margin: 0 1px 2px 0;
	padding: 0;
	list-style: none;
	border: 1px solid #ADC1EA;
}
#rightnav li {
	margin: 0;
	padding: 6px;
}
#rightnav small {
	color: #777777;
}
/* END stylev.css */

/* Content area */
/* sets style for the entire content area (delimited with comments in html files) , except nav bars and tabs */
.content_area {
		clear: both;
		overflow: auto;
		border:1px solid #A0A0A0;
		/* border-top-color: #DEDEDE; */
		/* sri 08/08 - removed border top so that there is no lines below the tabs*/
		border-top: 0;
		font: bold 12px; 

	/* fix IE6 float bugs by setting hasLayout */
		zoom: 1; 
}

/* used at the home page to add background image */	
.content_area_bg {
		background:url(/Templates/adv_template/images/blank.gif) bottom right no-repeat; 
		padding:0;
}

/* used by all pages where content is presented in sections */
.content_area { font-size: 12px; padding: 10px; }
.content_area .section h3 { padding: 7px 0; margin: 0 0 5px 0; font-size: 12px; color: #000000; border-top: 1px solid #000000; border-bottom: 1px dotted #000000; }
.content_area .row { margin: 0 0 20px 0; overflow: auto; } 
.content_area .section .inner { padding: 0 40px 0 0; }
.content_area .section.last .inner  { padding-right: 0; }
.content_area .top .section { float: left; width: 45%; margin: 0; }
/*sri 08/08 - changed margin-right to 9% from 10% to solve alignment problem in IE7*/
.content_area .top .section.first { margin: 0 9% 0 0; }
.content_area .row { clear: both; }
.content_area .other li { margin: 20px 0; } 

/* content block in the middle of home page */
.content_region {
	margin: 0px;
	padding: 20px 6px 6px 6px;
	display: block;
	font-size: 12px;
}
.content_region h3 { 
	padding: 7px 0; 
	margin: 0 0 5px 0; 
	font-size: 12px; 
	color: #000000; 
	border-top: 1px solid #000000; 
	border-bottom: 1px dotted #000000; 
}

/* content module box on the home tab */
td.promo_box {
	border: 1px solid #CCCCCC;
	background: url('/images/nav_bg_promo.jpg') #FFFFFF repeat-x bottom;
}
/* content inside content module box on the home tab */
.promo {
	margin: 0px;
	padding: 10px;
	display: block;
	font-size: 12px;
}
/* table inside content module box on the home tab */
.promo table {
	width: 100%;
	font-size: 12px;
}

/* bulleted list on the home tab and styles for UL and LI tags below */
.bullet_list {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
}
.bullet_list ul {
	margin: 5px 5px 5px 6px;
	padding: 5px 5px 5px 6px;
	font-size: 12px;
}
.bullet_list li {
	margin: 3px;
	padding: 0px 0px 5px 0px;
	font-size: 12px;
	font-weight: normal;
}

/* Note styles - used by many pages that have lists of links with meta info */
    .note { margin: 15px 0; }
	.note h3 { margin: 0; font-size: 12px; }
	.note .meta { color:#333333;} 
	.notegroup h3 { margin: 0; font-size: 12px; border-bottom: 1px dotted #000000; color: #000000; }

/* sri 07/08 - added for plain content to be expandable*/
	.mask {display:none;}	
	.notegroup a {display: block; padding: 0 0 0 15px; min-height: 12px; background: url(/images/arrow_orng_collapsed.gif) no-repeat left top; cursor: hand; cursor: pointer; *height: 12px; text-decoration:none}
	.expand a {display: block; padding: 0 0 0 15px; min-height: 12px; background: url(/images/arrow_orng_expand.gif) no-repeat left top; cursor: hand; cursor: pointer; *height: 12px; text-decoration:none}	

/* Contact list styles */
/*mark 09/15 - added content_table style for table styles*/
.contacts_list, .content_table {
	border-top: 1px solid #999999;
}
.contacts_list th, .content_table th {
	text-align: left;
	background-color: #DDDDDD;
	color: #777777;
	font-style: bold;
	font-size: 12px;
	padding: 0.5em;
}
.contacts_list td, .content_table td {
	border-bottom: 1px solid #DDDDDD;
	padding: 0.5em;
}

sri 08/08 - changed width from 100px to 200px for IE7
.contacts_list td:first-child {
	width: 200px;
}
.contacts_list td:first-child + td {
	width: 350px;
}

/* Tabs styles - see /includes/slt_tabs.html */
/*sri 08/08 - changed padding to 5px from 100px in order to have more tabs content*/
	.navtabs { height: 20px; padding: 0 5px 0 0; background: url(/images/gradient_tab_right.gif) right bottom no-repeat; } 
	.navtabs ul { float: left; margin: 0; font-size: 12px; list-style-type: none; padding: 0 0 0 28px; background: #FFFFFF url(/images/gradient_tab_left.gif) left bottom no-repeat; }
	.navtabs li { position:relative; z-index: 100; float: left; margin: 0 1px; background: url(/images/tab_left_ltblue.gif) no-repeat left bottom; }
	.navtabs li a { float: left; color: #FFFFFF; text-decoration: none; font-weight: bold; background: url(/images/tab_right_ltblue.gif) no-repeat right bottom; }
	.navtabs li a:link, .navtabs li a:visited, .navtabs li a:hover { color: #FFFFFF; cursor: pointer; }
	.navtabs li a span { float: left; height: 20px; line-height: 20px; margin: 0 8px; background: url(/images/tab_mid_ltblue.gif) repeat-x; }
/* sri 07/08 - commented space style so that there is no space between tabs and content */
/* .navtabs .space { height: 1px; width: 1em; overflow: hidden; clear: both; } */ 

/* MH - prevent tabs from wrapping by adding width to div below */
.navtabs div.space {width:660px;}
/* MH - IE hack - only works in IE6 */
.navtabs div.space {_margin: -10px;}

/* Selected/Hover Tab states*/
	.navtabs li.selected { background-image: url(/images/tab_left_gray.gif); }
	.navtabs li.selected a, .navtabs li.selected a:link, .navtabs li.selected a:visited { color: #E66400; background-image: url(/images/tab_right_gray.gif); }
	
	.navtabs li.selected a span { background-image: url(/images/tab_mid_gray.gif); }
	
	.navtabs li a span span { height: auto; margin: 0; padding: 0 20px 0 0; background: url(/images/arrow_menu_inactive.gif) no-repeat right center; }
	.navtabs li.selected a span span { background-image: url(/images/arrow_menu_active.gif); }
		
/* Tab dropdowns */
	.navtabs li ul { position: absolute; z-index: 100; top: 19px; left: -999em; margin: 0; padding: 5px; background: #FFFFFF; border: 1px solid #999999; border-top: none; } 
	.navtabs li.selected ul a { color: #999999; }
	.navtabs li.hover ul { display: block; left: 0; background-image: none; }
	.navtabs li.hover ul li { display: block; float: none; width: 20em; background: #FFFFFF; background-image: none; }
	.navtabs li.hover li a { display: block; float: none; padding: 1px 5px; background: #FFFFFF; font-weight: normal; background-image: none; }
	.navtabs li.hover ul li a:link, .navtabs li.hover ul li a:visited { color: #333; background: none; }
	.navtabs li.hover ul li a:hover, .navtabs li.hover ul li.selected a { color: #FFFFFF; background: #FF6600; }

/* Right navigation bar */

	#rightnav .rnav_heading_orange { 
		margin: 0; 
		padding: 5px 5px 5px 10px; 
		font-weight: bold;
		font-size: 12px; 
		color: #FFFFFF; 
		background: #FF961E;
	}
	#rightnav .rnav_heading { 
		list-style-type: none; 
		text-align:left; 
		margin: 0 0 0 -20px; 
		padding: 5px 5px 5px 10px; 
		border-bottom:1px solid #A0A0A0;
		font-weight: bold;
		font-size: 12px; 
		color: #000000; 
		background: url(/images/rightnav_brdr_mid.gif); 
	}
	
	#rightnav .rnav_list { 
		list-style-type: disc; 
		padding: 0 0 0 20px; 
	}

/* Search box */
	.search_box {background: url(/images/search_brdr_mid.gif); white-space: nowrap}
	.search_label {font: Verdana; font-size: 12px; font-weight: bold; color:#000000}
	

/* Images of Business Units leadership */
.float_right { 
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	border: none;
	padding: 2px;
}

/*
* Product page and Collateral page
*/
.slt_product_content { position: relative; background: #FFFFFF; }
.topic_boxes { position: relative; margin: 0 auto; border: 1px solid #FFFFFF; /* border to fix the mysterious vertical rule that appears in FF2 */ } 
.topic_boxes .box_col { position: relative; float: left; overflow: auto; width: 33%; }
.slt_product_content .box { position: relative; margin: 10px; padding: 10px; height: 90px; border: 4px double #CECECE; font-size: 12px; overflow: hidden; background: #FFFFFF; }
.slt_product_content .box h3 { font-size: 12px; }
.slt_product_content .box .extended { display: none; background: #FFFFFF; /* background color to fix IE6 opacity/bolding bug */ }
.slt_product_content .box .content { padding: 0 0 2em 0; clear: bloth; }
.slt_product_content .box .more { position: absolute; bottom: 5px; right: 7px; color: #003366; cursor: pointer; text-decoration: underline; }

/*
* Product subpage, announcement pages and
*/
.topics_sub { padding: 10px; font-size: 12px; } 
.topics_sub h2 {font-size : 13px; font-weight : bold; color : #333; margin-top: 0;}
.topics_sub .section { float: left; width: 30%; }
.topics_sub .section .inner { padding: 0 40px 0 0; }
.topics_sub .section.last .inner  { padding-right: 0; }
.topics_sub .section h3 { padding: 7px 0; margin: 0 0 5px 0; font-size: 12px; color: #000000; border-top: 1px solid #000000; border-bottom: 1px dotted #000000; }
.topics_sub .section ul { padding: 0 0 0 17px; margin: 0; }
.topics_sub .section ul li { margin: 3px 0; }
.topics_sub .section ul.expandable { list-style-type: none; padding: 0; }
.topics_sub .section ul.expandable li { padding: 0; margin: 7px 0; list-style-type: none; }
.topics_sub .section ul.expandable li span { display: block; padding: 0 0 0 15px; min-height: 12px; background: url(/images/arrow_orng_collapsed.gif) no-repeat left top; cursor: hand; cursor: pointer; *height: 12px; } /* IE min-height hack */
.topics_sub .section ul.expandable li.open span { background-image: url(/images/arrow_orng_expand.gif) }
.topics_sub .section ul.expandable li li { background: none; padding: 0;  }
/*sri 07/08 - commented this style so that the lists are displayed */
/* .topics_sub .section ul ul { display: none; } */

  
/* Styles from mainstyle.css */
.breadcrumb {  font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none; color: #000000; background-color: #FFFFFF}
A.breadcrumb:Active {color: #FFFFFF;}
A.breadcrumb:Hover {color: #000000;}
A.breadcrumb:Link {color: #000000;; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline}
A.breadcrumb:Visited {color: #000000;; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline}.rnavhead { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold ; color: #333333; background-color: #C2C7C7}

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

div#leftnav {background: #fff url(/image/bg_vertdot_sm.gif) repeat-y top right;}

div#leftnav a img {border:none;}

#leftnav h3 {font-size:12px; font-weight:bold; color: #fff; background-color: #006FBA; padding:2px 4px; margin:0;}

#leftnav ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	font-size: 11px;
	line-height: 1.3em;
	font-weight: bold;
	border-left: 1px solid #ddd;
	}
	
#leftnav li {
	display: inline; /* for gaps in IE5/Win */
	margin: 0;
	padding: 0;
	}
	
#leftnav li a {
	display: block;
	margin: 1px 1px 0 0;
	padding: 5px 10px 5px 19px;
	text-decoration: none;
	color: #006FBA;
	border-bottom: 1px solid #ddd;
	background: #eee url(/image/gra_blackrightarrow_sm.gif) no-repeat 0px 5px;
	}

a {color: #003366; font-family: Arial, Helvetica, sans-serif;}
body {color: #000000;background-color: #FFFFFF;}
A:Active {color: #cc9900;}
A:Hover {color: #003366;}
A:Link {color: #003366;}
A:Visited {color: #003366;}

.min {font-size: 8pt; font-family: Arial, Helvetica, sans-serif;}

body {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-position: 100%}

th {font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000FF; font-size: 10px; text-indent: 1px; background-color: #FFFFFF;}

.sortable th a{
text-decoration:underline;
}

.sortable .even {
}

.sortable .odd {
    background-color: #ECF6FC;
}

.sortable .arrowUp, .sortable .arrowDown {
 	padding: 0;
 	margin: 0;
}

.sortable .sortHeader .arrowUp {
	/* display: inline; */
	/* visibility: hidden; */   /* sri - changes in the display of arrowup */
	display: none;
}

.sortable .sortHeader .arrowDown {
	display: none;
}

.sortable .sortHeaderDown .arrowUp {
    display: none;
}
.sortable .sortHeaderDown .arrowDown {
    display: inline;
}
.sortable .sortHeaderUp .arrowUp {
    display: inline;
}
.sortable .sortHeaderUp .arrowDown {
    display: none;
}

/** Header formatting **/
.sortable #head1 {
    white-space: nowrap;
}

.sortable #head2 {
    white-space: nowrap;
}

.sortable #head3 {
    white-space: nowrap;
}

.sortable #head4 {
    white-space: nowrap;
}

.sortable #head5 {
    white-space: nowrap;
}