/* in webcraft */

/* This file contains Juniper overrides of Organic branding.css code. For compatibility with legacy markup. Blocks of code were copied in thier entirety. Styles overridden below each of the two sections.

CHANGE LOG: 

MH (2/21/09 )updated as per 2/21/09 styles from branding.css of organic + some styles from global.css from organic
EL (2/22/2009): IE6 hack. Adding hover behavior to #topbarlink1:hover, #topbarlink2:hover, #topbarlink3:hover to make up for removing flyouts and associated hover behavior. Mirrors IE6 hacks found in branding.css for #topbarlink4:hover, #topbarlink5:hover, #topbarlink6:hover.
MH (3/5/09) cleaned up comments. Added IE6 hacks from another external stylesheet.
MH - 8/26 - added a:visited color #912891
EL (10/23/2009): Updating newbranding.css for web refresh. Added this rule: #techpubs #modules #hero #heroContentShort .heroContentShort h1 to go with the changes to #leftnavwrap and #leftnav in newstyle.css for adding the gap between the short hero area and the leftnav.
EL (10/27/2009): removed #techpubs from 10/23 edit to generalize rule to other short-hero places that use newstyle/newbranding.

*/

@import url("branding.css");

/* override navbar behavior for flyouts - remove the arrow */
.navbarDrop a {background-image:none;}
.navbarDrop:hover a {background-image:none;}
.navOn a#topbarlink1, .navOn a#topbarlink2, .navOn a#topbarlink3 {background-image:none;}
.navOn a#topbarlink1:hover, .navOn a#topbarlink2:hover, .navOn a#topbarlink3:hover {background-image:none;}

/* EL (2/22/2009): IE6 hack. Adding hover behavior to topbarlinks 1-3 to make up for removing flyouts and associated hover behavior. Mirrors IE6 hacks found in branding.css for #topbarlink4:hover, #topbarlink5:hover, #topbarlink6:hover. */
#topbarlink1:hover, #topbarlink2:hover, #topbarlink3:hover {_background:url('../../shared/img/header/bkg-navbar-white.gif') repeat-x top left;}


/* line 107 - 115 in global.css as of 1/28/09 */
#hero #heroContent .alt {color:#fff; font-size:14px; margin:0px; height:172px; padding:30px 0px 0px 40px; width:590px;} 
#hero #heroContent .altShort {color:#fff; font-size:14px; text-transform:uppercase; line-height:40px; margin:0px; height:49px; padding:0px 0px 0px 40px;} 

/*removed position:relative; to accomodate flash negative margin ~ek*/
#hero {z-index: 1;}
#heroContent {margin-bottom: -31px;}
#heroContentShort {margin-bottom: 0px; background:url('../../shared/img/global/bkg-heroContentShort.gif') repeat-x; height:49px;}
#heroContentShort h1 {padding:8px 0px 0px 15px;}
#hero h1 {line-height:31px; color:#fff; font-weight:normal; font-size:20px; text-transform:uppercase;}
/* EL (10/27/2009): Added #modules...h1 rule to prevent left-hand background graphic from newstyle.css' general h1 rule's 1em bottom margin from showing under the short hero space. Problem appears only in IE6, tho; IE7 and IE8 are fine. */
#modules #hero #heroContentShort .heroContentShort h1 {
	_margin-bottom: .9em;
}


/* tables */
.jTable th {font-weight:bold; font-size:12px; text-align:left; padding:6px 15px 6px;}
.jTable th.rowHead {font-weight:bold; font-size:11px; background-color:#d8d8d8; margin-bottom:1px; border-right:2px solid white; padding:6px 8px 8px;}
.jTable td {font-size:11px; background-color:#ededed; padding: 6px 15px 8px;}
.jTable {border: 0px; padding:0px; margin:0px;}
.jTable td, .jTable th.rowHead {border-bottom: 1px solid white;}

/* default tags styling */
body {font-family:arial, sans-serif; font-size:11px; color:#4B4B4B; padding:0px; margin:0px; background:url('../../shared/img/global/bkg-body.gif') repeat-x top left; background-color:#d8d8d8;}
div, td, th {font-family:arial, sans-serif; font-size:11px; color:#4B4B4B;}
h2 {font-size:14px; text-transform:uppercase;}
/* MH 10/26 - hack for IE6 on entitlement */
div#warning h2 {_margin-left: 12px;}
h3 {font-size:12px;}
img {border:0px;}
a, a:active {color:#006fba; text-decoration:none;}
a:visited {color:#912891; text-decoration:none;}
.topCountryList li a:visited {color:#006fba; text-decoration:none;}
a:hover {color: #006FBA; text-decoration: underline !important;}
button {background:none; border:none; cursor:pointer; margin:5px 0 0 0; padding:0px; float:left;}
.button {cursor:pointer;}
fieldset {border:none; padding-left:0px; padding-right:0px;}
select, input, textarea {font-size:11px; text-align:left; font-family:Arial, Helvetica, sans-serif;}
#monthSelector option {padding:0 10px; height:16px; line-height:16px;}
textarea {color:#969696;}
.formNote {font-size:11px;}
.submitBtn {background:none; border:none;}
#moduleRight .scmDefault .h2Logo, .h2Logo {background:url('../../shared/img/global/logo-j.gif') no-repeat left top; display:block; padding-left:25px; display: inline-block; text-transform:uppercase; line-height:25px; font-size:14px; margin-top:10px;}
#moduleRight .scmDefault .rssIconDiv {padding: 5px 15px 0px 0px;}

/* CSC */
.gradientContainer, td.gradient {background:#e1e1e1 url(shared/img/global/bkg-gradient_gray170.gif) repeat-x left top;}


/* global classes */
.req {color:red;}
.bold {font-weight:bold;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center {margin:0px auto;}
.ruleV {width:1px; background:url('../../shared/img/global/bkg-rule-v-s.gif') no-repeat top left; min-height:320px; _height:400px; font-size:1px; overflow:hidden}
.white{color:#fff;}
.hr, .hr220 {background: url('../../shared/img/global/bkg-rule-h-m.gif') no-repeat center top; float:left; height:1px; margin:2px 0;font-size:1px;}
.hr220 {width:218px;}
.hr475 {background: url('../../shared/img/global/bkg-rule-h-m.gif') no-repeat center top; float:left; height:1px; width:475px; font-size:1px;}
.underline {text-decoration:underline;}
.even {}
.odd {background-color:#e7e7e7;}
p.odd, p.even {padding:10px; margin:0px;}
.vSep25 {height:25px; float:left;}
.vSep20 {height:20px; float:left; width:100%; font-size:1px;}
.vSep75 {height:75px; float:left;}
.rssIcon {float:right;padding-right:15px; padding-top: 12px;}
.clearMargBtm {margin-bottom: 0px  !important;}
.linkSection{margin:0 12px 5px 0; width:145px; float:left;}
.linkSection h3 {margin:0px; margin-bottom:2px; font-size:12px; font-weight:bold;}
.linkSection h2 {font-size:12px; color:#006FBA;font-weight:bold; margin-top:0px;}
.linkSection ul {padding:0px; margin:0 0 0 7px;}
.linkSection ul li {list-style:none; margin:5px 0;}
.linkSection ul li a {color:#006FBA; text-decoration:none; font-weight:normal;}

.moduleLeft, .moduleMiddle, .moduleRight {float:left; position:relative; z-index:3;}
.slidingBtmRight, .slidingBtmLeft {height:7px !important; width:475px; float:left; margin:0px; padding:0px;}
ul.inline li {float:left; margin-right:20px;}

/*used for specification list on product detail pages*/
ul.specs, ol.specs {padding-left:0; margin:10px 0 10px 18px;}

ul, .section ul.specs {padding-left:0; margin:0; list-style:none;}
ul li, .section ul.specs li {background:url('../../shared/img/global/li-square.gif') left 6px no-repeat; padding-left:7px;}

.body {float:left;}

/* logged in box in hero/masthead */
#loggedTop {position:absolute; top:130px; right:21px;}
#loggedTop {display:none;}
#loggedTop div, #loggedTop div a {color:#fff; font-size:12px; font-weight:bold;}
#loggedTop .hSep {margin:0 12px;}



/* line 261 - 265 in global.css as of 1/28/09 */
.hero {width: 935px; float:left;}
#hero .heroMessage, #hero .heroMessage a {color:#fff;}

.container {margin: 0px auto; width: 935px; background-color:#ffffff; position:relative;}


/* for the left nav background */ 
.contentWrapper {float:left; border:1px solid #c1c1c1; border-bottom:none; background: #fff url(../../shared/img/global/bkg-body-hack.gif) top left repeat-y;}
#navFeature .contentWrapper, #navOpen .contentWrapper, #navTabs .contentWrapper, #navSplitTabs .contentWrapper, #navModules .contentWrapper {background:url('../../shared/img/global/bkg-navLayoutContainer.gif') repeat-y;}


/* open home layout */
#openHome #hero { height:286px; margin-bottom:20px;}
#openHome #footer {margin-top:0px;}
#openHome .seperator {width:1px; background-color:#CCCCCC; float:left;}

/*IE6 hooks  */
body {text-align: center;}
.navBorder {_overflow:hidden;}
.container {text-align:left;}
.question {_width:475px;}
.readyModule {_width:475px;}
.navCol .section {_clear:none !important }
#dropB #moduleMiddle .modMidContNoPad, #navFeature #moduleMiddle .modMidContNoPad, #navModules #moduleMiddle .modMidContNoPad {_padding:0px;}
.moduleRightBottom, .slidingBtmRight, .slidingBtmLeft, .moduleRightTop {font-size:1px;}
#modLogin .modCont, #modules #modLogin, #dropD #modLogin {_width:220px;}
.moduleLogin input {_height:20px;}
#leftNav .addModLong {_width:177px}
.moduleLogin img {_margin-left:65px;}
#modules #moduleLeft {_width:329px;}
#modules .hero {_width:935px;}
.searchTxt {_width:158px;}
#navSplitTabs #body {_width:496px;}
#navSplitTabs .litContMod {_width:290px;}
.sideBy {_width: 258px;}
#modules .moduleRight .modCont {_width:220px;}
.modLogin label {_margin:0;}
#openHome #homeNavTabs {_height: 68px;}
#homeMods {_height:20px;}
#moduleRight .scmImageRF {_margin-right: -3px;}
#openHome .hero {_float:none;}
#heroContent {_margin-bottom: 0px;}
.eventTableDiv .eventTitle {_width: 380px; _margin-left:4px}
.eventTableDiv .eventDate {_width: 122px;}
.eventTitleLabel {_width: 417px;}
.eventTableDiv .question {_width: 712px; _float:none; _padding-left:18px}
#events .boxBottom, #eventsjFix .boxBottom {_width: 714px;}
.eventTableDiv .toggleBtn, .eventTableDiv .toggleBtnClose { _float:left; _position:relative; _left:0px}
.utBoxInBtmR {_font-size:1px }

/* 3/10/09 - MH */
div#main1, div#main {_margin-top:-56px;}

/* png fix */ 
img.png, div.navpanel img, .dropdownWrapper { _behavior: url("../htc/iepngfix.htc") }

