@import url("/Content/shared/css/import/tools.css"); /* utilities */
@import url("/Content/shared/css/import/layout.css"); /* general layout elements */
@import url("/Content/shared/css/yui/menu/menu.css"); /* formatting for yui menus */
@import url("/Content/shared/css/yui/reset-fonts-grids/reset-fonts-grids.css"); /* formatting for yui grids */

/* General */
#doc3 {margin:0 auto;width:986px;}
body { background: #fff; padding-bottom: 1em; }
#hd, #ft, #globalNav  { max-width: 970px; min-width: 970px; width: 970px; margin: 0 auto; }
#globalNav { margin-bottom: 1px; }
.divider { height: 1px; width: 100%; border: 0; color: #D8D8D8; background: #D8D8D8; margin:1.5em 0; }
.divider3 { height: 1px; width: 100%; border: 0; color: #D8D8D8; background: #D8D8D8; margin:0.5em 0 1.5em 0; *margin:0.0em 0 0em 0;}
html>body .divider { margin: 1.5em 0 }


/* Eliminate link outlines in Mozilla */
a:active, a:focus { outline: 0; }

.bodRegion { background: #f5f5f5; }
.bodRegion .fiveCol { border-left: 0px solid #fff; border-right: 0px solid #fff; }

/* Header */
#hd { margin-top: 9px; }
#hd .middle { width: 970px; margin: 0 auto; position: relative; z-index: 0; }
#logo { width: 186px;  margin-bottom:36px; padding-left: 8px; *margin-bottom:22px;}

.util-nav {
   position: absolute; right: 0em; top: 1px;
   font-size: 90%;
}
.util-nav li { width: auto; }
.util-nav li.last { margin:0; padding:0;}
.util-nav li a { display: block; padding-right: 17px; color: #646669; text-transform:uppercase; *padding-right:16px; }
.util-nav .trigger {background: url("../images/icos/ico_arrow_left.gif"/*tpa=http://preview.jeppesen.com/main/shared/images/icos/ico_arrow_left.gif*/) 100% 2px no-repeat; margin-right: 18px; *background-position:100% 1px;}
.util-nav #triggerLogin.arwUp, .util-nav #triggerSearch.arwUp, #triggerLang.arwUp  {
   background: url("../images/icos/ico_arrow_top.gif"/*tpa=http://preview.jeppesen.com/main/shared/images/icos/ico_arrow_top.gif*/) center right no-repeat;
}
.util-nav #triggerSearch { color: #0981c3; margin-right:0; }

/*search and Login form container */
#topFormWrap{
   width: 100%; border-bottom: 1px solid #e6e6e8; float: right; text-align: right;
   background: url("../images/bg/bg_top_forms.gif"/*tpa=http://preview.jeppesen.com/main/shared/images/bg/bg_top_forms.gif*/) repeat-x 0em 2.9em;
   }
#topFormWrap div.top{width:100%;float:right; padding-bottom: 1em;}
#topFormWrap div.btm{height: 1.8em; float:right; width:100%; line-height:1.5em; position:relative;}
#topFormWrap div.btm a{padding-right:15px;background:transparent url("../images/icos/ico_arrow_right.gif"/*tpa=http://preview.jeppesen.com/main/shared/images/icos/ico_arrow_right.gif*/) no-repeat scroll right center;}
#topFormWrap div.btm .error{position:absolute;margin-left:-34em;line-height:1.5em;}
#layerLang, #layerLogin, #layerSearch { width: 60em; float: right; }

/* lang box */
#topFormWrap #layerLang div.top{width:100%; padding: .5em 0 1em 0; *padding: .6em 0 1em 0;}
#layerLang select { width: 12em; float: right; margin-right: 0.3em; height:1.6em; }
#layerLang .submitButton { float: right; top:1px;}
#layerLang .top .error { float: right; margin: .4em 1em 0 0; color: red; font-weight: bold; }
#layerLang div.btm { visibility:hidden; }
#layerLang .btm input, #layerLang .btm label { float: right;margin-left:0.5em; }
#layerLang .btm label { margin: 0 0 0 .5em; }

/*login form */
#uNameTxt, #pWordTxt, #searchTxt, #query {height:1.4em;}
#searchTxt{width:12em;}
#subBtn{position:relative;top:7px; *top: 4px;}
#layerLogin .top{float:left;width:100%;margin-bottom:.3em;}
#layerLogin .top label{margin-left:1em;}
#layerLogin .top .error { float: right; margin: .4em 1em 0 0; color: red; font-weight: bold; }
#layerLogin .btm{float:left;width:100%;margin:.3em 0;}
#layerLogin .btm label{position:absolute; right:18.5em;}
#layerLogin .btm input#idChk{position:absolute; right:17em; top:2px; *top:0;}
#layerLogin .btm a.errorLink{background:none;}

/*search form */
#searchSlct{width:12em;height:1.6em;position:relative;top:1px;}
#layerSearch .top{float:left;width:100%;margin-bottom:.3em;}
#layerSearch .btm{float:left;width:100%;margin:.3em 0;}
#layerSearch .btm a{padding-right:15px;background:transparent url("../images/icos/ico_arrow_right.gif"/*tpa=http://preview.jeppesen.com/main/shared/images/icos/ico_arrow_right.gif*/) no-repeat scroll right center;}

/*post login state*/
#layerLoggedin{width:50%; float:right;margin-bottom:.5em;}
.shiftDown{position:relative;bottom:-.7em;}
#layerLoggedin h2{color:#007dc3;display:inline;}
#layerLoggedin ul{display:inline;}
#layerLoggedin ul li{display:inline;margin-left:2em;}
#layerLoggedin ul li span{color:#ce2222;margin-left:.8em;}

#textSizer { height: 1.9em; float: right; padding: 0px 15px 0 8px; font-weight: bold; font-size: 115%; overflow: hidden; border-left: 1px solid #fff;}
#textLarger { font-size: 110%; padding-right: .25em; color: #fff !important; }
#textLarger sup { font-size: 65%; }
#textNormal { font-size: 95%; padding-right: .45em; color: #fff !important; }
#textSmaller { position: relative; font-size: 70%; color: #fff !important; }
#textSmaller sup { position:absolute; top: -.25em;}

/* Footer */
#ft {padding:3em 0em;}
.ft-nav { float: left; margin: 0 9px; }
.ft-nav li { display:inline; width: auto; padding-right: 13px; color: #797979; font-weight: normal; text-transform:uppercase !important; font-size: 84%; }
.ft-nav li.first {border:none;padding-top:1px;*padding-top:3px;}
.ft-nav li.last {padding-right:0;}
.ft-nav li a { display: block; padding-right: 4px; color: #797979; }

/* features */
#bd .stripPromotions { float:left; background: #fff; width: 970px;}
.features li { width: 227px; height: 16.5em; margin: 20px 18px 0 0; float: left; overflow: hidden; }
.features li.last {margin-right: 0;}
.features li h2 { margin: 1.4em .7em .5em .7em; }
.features li h2 a {
   color: #000;
}
.external {
   padding-right: 1.4em;
   background: url("../images/icos/ico_arrow_right.gif"/*tpa=http://preview.jeppesen.com/main/shared/images/icos/ico_arrow_right.gif*/) center right no-repeat;
}
.features li h2 span {
   padding-right: 1.4em;
   background: url("../images/icos/ico_arrow_right.gif"/*tpa=http://preview.jeppesen.com/main/shared/images/icos/ico_arrow_right.gif*/) center right no-repeat;
}
.features li p { padding: 0 .7em .9em .7em; }
.features li p.center {  }

/* General */
.appSuccess { color: #339900; font-weight: bold; font-size: 1.2em; margin: 1em 0; }

/* DEBUG */
.debug { position:absolute; width:100%; height:1px; overflow:hidden; color:#f00; left: 0; top: 194px; z-index:1000;}

/* Tools icons */
#tools { float: right; margin: 5px 10px 0 0; }
#tools a {
   background: url("../../corporate/images/icos/icos_swatch.gif"/*tpa=http://preview.jeppesen.com/main/corporate/images/icos/icos_swatch.gif*/); margin-left: 7px;
   display: block; float: left; width: 18px; height: 19px;
   }
#tools a span { display: none; }
#tools .toolMail { background-position: 0 -5px; }
#tools .toolPrint { background-position: -18px -5px; }
#tools .toolNoIco { background: none; width: auto; margin-right: 1em; }

/* multiline links with arrows */
a.contentlink {display:block;background:none;width:88%;}
a.contentlink span {width:.7em; padding-right: 12px;background: url("../images/icos/ico_arrow_right.gif"/*tpa=http://preview.jeppesen.com/main/shared/images/icos/ico_arrow_right.gif*/) center right no-repeat;}

/* Usability Stuff */
.bak { margin-left: -2px; width: auto; }
.noBullet { list-style: none; }
.youAreHere {
   background: #0073b4 url("../images/bg/bg_back_selected.gif"/*tpa=http://preview.jeppesen.com/main/shared/images/bg/bg_back_selected.gif*/) repeat-x top left;
   color: #fff !important; list-style: none; margin-left: -15px !important; padding-left: 15px;
   }


ul.bulleted { list-style-type: square; margin: 0 0 0 20px; }

/* Shared forms */
.rightFormRail {margin-left:2% !important;}
.countryContainer {position:relative;padding-bottom:4.5em;*padding-bottom:2em;}
.countryContainer .yui-u {height:100%;}
.countryContainer .yui-u select {position:absolute;bottom:0;}
#region {width:50%;*width:104%;}
#subregion, #addState {width:47%;*width:97.5%;}

.myProfile .countryContainer {padding-bottom:5.0em;*padding-bottom:2.75em;*float:left;*clear:both;}
.myProfile #addCountry, .myProfile #country {width:45.5%;*width:100%;}
.myProfile #addState, .myProfile #state {width:45%;*width:97.5%;}

#storeCheckout .countryContainer {padding-bottom:5.0em;*padding-bottom:2.75em;*float:left;*clear:both;}
#storeCheckout .countryPicker {left: 0; width:50%;*width:104%;}
#storeCheckout .statePicker {width:45%;*width:94%;}

#corporateForms .countryContainer {*float:left;*clear:both;}
#corporateForms .countryContainer .yui-u {width:50%;}
*:first-child+html #corporateForms .countryContainer .yui-u {float:left; padding-left:13%; }
*:first-child+html #corporateForms .countryContainer .first {padding-left:0;}
#corporateForms .countryPicker {left: 0; width:48%;*width:94%;}
*:first-child+html #corporateForms .countryPicker {width:48%;}
#corporateForms .statePicker {width:48%;*width:94%;}
*:first-child+html #corporateForms .statePicker {left:70%;width:48% !important;}
*:first-child+html #corporateForms .statePicker option {width:100% !important;}

#corporateForms #regForm .countryContainer {*float:left;*clear:both;}
#corporateForms #regForm .countryContainer .yui-u {width:31%; padding-right:1%;*width:33%;}
#corporateForms #regForm .countryPicker {left: 0; width:32%;*width:94%;}
#corporateForms #regForm .statePicker {width:32%;*width:94%;}

#corporateForms.myProfile .countryContainer {*float:left;*clear:both;}
#corporateForms.myProfile .countryContainer .yui-u {width:50%;*width:49%;}
#corporateForms.myProfile .countryPicker {left: 0; width:47%;*width:96%;}
#corporateForms.myProfile .statePicker {width:47%;*width:93%;}

#corporateLogin .countryContainer {*float:left;*clear:both;margin-bottom:0.5em;}
#corporateLogin .countryContainer .yui-u {width:34.5%;}
#corporateLogin .countryPicker {left: 0; width:32%;*width:94%;}
#corporateLogin .statePicker {width:32%;*width:94%;}

#progressBarContainer {display:none;position:absolute; z-index:10000; top:0; left:0; right:0; bottom: 0; opacity:0; filter:alpha(opacity=0);}
#progressBarMask {position:absolute;background:#000;z-index:10001;top:0; left:0; right:0; bottom: 0; opacity:.5; filter:alpha(opacity=50);}
#xpbar_frame {display:block;position:relative;z-index:10002;padding:20px;background:#fff;text-align:center;}
#xpbar_frame strong {color:#000;font-weight:bold;padding:20px;}
#xpbar {bottom:30px;}

.ArticleBottom 
{
	background-image: url(ArticleBottom.gif);
	height: 32px;
}