/*
* Jeppesen Coporate Main CSS V1.0
*/

/* ------------------------------ GENERAL PAGE LAYOUT ------------------------------ */

.center-body { width:986px; margin:0 auto; text-align:left; }
#hd { position:relative; height:60px; margin-top: 10px; z-index:9000; }
#site-nav { margin:10px auto; position:relative; z-index:8000; }
#site-bc { margin: 20px auto 10px auto; }
#bd { margin: 10px auto 20px auto; width: 978px; line-height: 1.5; }
#site-widget { margin: 20px auto; width:  978px; }
#ft { margin: 20px auto; width:  978px; }

/* --------------- Header Layout --------------- */

#hd #site-logo { position:absolute; top:0; left:0; color:#00337F; font-size:24px; margin:15px 0 4px;}
#hd ul#site-utils { position: absolute; top: 0; right: 0; }

/* ------------------------------ SITE UTILITIES ------------------------------ */

ul#site-utils li.util { background:transparent url(/main/corporate/img/jepp/util-separator.jpg) no-repeat scroll top left; float:left; position:relative; top:8px; }
ul#site-utils li.util .util-separator-end { background:transparent url(/main/corporate/img/jepp/util-separator.jpg) no-repeat scroll top right; position:absolute; top:0; right:0; width:1px; height: 50px; display:none; }
ul#site-utils li.util.first-util { background:none; }
ul#site-utils li.util .util-block { padding: 10px 20px 0px 20px; margin-left:1px; height:40px; position:relative; z-index:9000; white-space:nowrap; background:url(/main/corporate/img/jepp/util-bg.jpg) repeat-x;}
*html ul#site-utils li.util .util-block { width:0; }
ul#site-utils li.util .util-trigger { text-decoration:none; cursor:hand; cursor:pointer; background:url(/main/corporate/img/jepp/util-bg.jpg) repeat-x; }
ul#site-utils li.util .util-block .util-title { display:block; color:#646669; font-size:11px; white-space:nowrap; text-transform:uppercase; text-decoration:none;}
ul#site-utils li.util .util-block .util-desc { display:block; color:#999; white-space:nowrap; margin-top:3px; font-size:11px; }
ul#site-utils li.util .expander { background:url(/main/corporate/img/jepp/util-arrow.gif) no-repeat center right; padding-right: 15px; margin-right: 4px; }
ul#site-utils li.util.active .expander { background:url(/main/corporate/img/jepp/btn-close-small.gif) no-repeat center right; }
ul#site-utils li.util.active { background: transparent url(/main/corporate/img/jepp/util-separator.jpg) no-repeat scroll top left; z-index: 9900; }
ul#site-utils li.util.active .util-separator-end { display: block; }
ul#site-utils li.util .util-dialog { -moz-box-shadow:0 4px 0px rgba(64,64,64, 0.2); -webkit-box-shadow:0 4px 0px rgba(64,64,64, 0.2); box-shadow:0 4px 0px rgba(64,64,64, 0.2); display:none; position:absolute; margin-top:-10px; padding:0; font-size: 11px;}
ul#site-utils li.util .util-dialog .dl-bd { background:#fff; border:1px solid #ccc; padding:15px 20px 10px 20px; position:relative; top:0; }
*html ul#site-utils li.util .util-dialog .dl-bd { border-bottom-width: 4px; }
*:first-child+html ul#site-utils li.util .util-dialog .dl-bd { border-bottom-width: 4px; }
ul#site-utils li.util .util-dialog { width: 101%; }
ul#site-utils li.util .util-dialog ul { margin: 0; padding: 0;}
ul#site-utils li.util .util-dialog li { margin: 0; padding: 5px 0; border-top: 1px solid #e5e5e5; }
ul#site-utils li.util .util-dialog li.last { padding-bottom: 0; }

/* --------------- Language Utility --------------- */

ul#site-utils li.util .util-block .util-title-language { display:block; color:#646669; font-size:11px; white-space:nowrap; text-transform:uppercase; background:url(/main/corporate/img/jepp/flag-us.gif) no-repeat; padding-left:22px; }
ul#site-utils li.util .util-dialog .lang-option { background:url(/main/corporate/img/jepp/flag-us.gif) no-repeat; padding-left:22px; }
ul#site-utils li.util .util-dialog .lang-option-de { background:url(/main/corporate/img/jepp/flag-de.gif) no-repeat; padding-left:22px; }

/* --------------- Login Utility --------------- */

#login-error { border: 1px solid #FCEFA1; background-color:#FBF9EE; color: #CD0A0A; padding: 5px; margin: 0 0 5px 0;}
#login-error p { color: #CD0A0A; }
ul#site-utils li#site-login-util .util-dialog { width:220px; }
form#site-login label { font-weight: normal; }
form#site-login {margin: 0; }
form#site-login label.main-lbl { font-size: 1em; clear: both; display: block; }
form#site-login .site-login-input { font-size: 1.1em; clear: both; display: block; width: 100%; margin-bottom: 5px; }
form#site-login .ft-note { font-size: 0.9em; }
form#site-login .txtfield-login { width:170px; font-size:12px; border:1px solid #d1d1d1; padding:3px; margin-bottom:5px; }
form#site-login .checkbox { width:16px; height:16px; margin-left:0; margin-top:5px; }
form#site-login .btn-login { cursor:pointer; cursor:hand; margin:10px 0 15px 0; }
form#site-login .action-lnk { padding-right: 15px; margin: 2px 0; display: inline-block; background:url(/main/corporate/img/jepp/arrow-go.gif) no-repeat right; }

/* --------------- Search Utility --------------- */

ul#site-utils li#site-search-util { width: 250px;}
ul#site-utils li#site-search-util form { margin: 0;}
ul#site-utils li#site-search-util .util-dialog { width: 100%; margin-top: -15px;}
*html ul#site-utils #site-search-util .util-dialog { margin-top: -20px; }
*:first-child+html ul#site-utils #site-search-util .util-dialog { margin-top: -20px; }
ul#site-utils #site-search-util .util-block { padding-right: 10px; margin-right:1px; }
ul#site-utils #site-search-util .util-block label, #site-search-util #search-form-input { margin-top: -4px; }
ul#site-utils #site-search-util .util-block label { font-size: 11px; text-transform: none; }
ul#site-utils #site-search-util .util-block #searchBtn { top: 5px; position: relative; }
*html ul#site-utils #site-search-util .util-block #searchBtn { top:0; }
*:first-child+html ul#site-utils #site-search-util .util-block #searchBtn { top:0; }
ul#site-utils #site-search-util .search { width:160px; font-size:12px; border:1px solid #d1d1d1; padding:3px; margin-bottom:5px; margin-top:5px; background-color:#fff; }
ul#site-utils #site-search-util .util-dialog .dl-bd { border-top: none; padding: 15px 0px 0px;}
ul#site-utils #site-search-util .util-dialog .rs-item { padding: 5px 10px 5px 10px; border-top: 1px solid #DDD; }
ul#site-utils #site-search-util .util-dialog .rs-item:hover { background-color: #EEE;}
ul#site-utils #site-search-util .util-dialog .rs-item a { text-decoration: none; }
ul#site-utils #site-search-util .util-dialog .rs-ft, ul#site-utils #site-search-util .util-dialog .rs-hd ,ul#site-utils #site-search-util .util-dialog .rs-msg { padding: 10px 15px; background-color: #999; color: #fff; }
ul#site-utils #site-search-util .util-dialog .rs-ft {text-align: right; background-color: #666;}
ul#site-utils #site-search-util .util-dialog .rs-hd { padding: 5px 15px; background: url(/main/corporate/img/jepp/search-rs-hd.jpg) repeat-x scroll ;}
ul#site-utils #site-search-util .util-dialog .rs-hd span { padding-right: 12px; background: transparent url(/main/corporate/img/jepp/nav-arrow.gif) no-repeat scroll right 5px; font-weight: bold; }
ul#site-utils #site-search-util .util-dialog .rs-ft a { color: #fff; font-weight: bold; text-decoration: none; padding-right: 15px; background:url(/main/corporate/img/jepp/arrow-go.gif) no-repeat right;}
ul#site-utils #site-search-util .search-status { height: 12px; text-align: center; margin-top: -5px; z-index:10000; }
ul#site-utils #site-search-util .rs-summary { font-size: 0.8em; clear:both; padding-left: 18px; display: block;}

/* --------------- Content Style --------------- */

html, body { margin: 0; padding: 0; height: 100%;  }
body { background:#fff url(/main/corporate/img/jepp/main-bg.jpg) repeat-x !important; color: #666; font-family: arial,helvetica;}
/* font-size: 12px;  is tken off for current site compatibility */


/*----- Old Header --*/
.header-navset {
	font-size: 1.1em;
	position:absolute;
	right:0;
	top:1px;
}

*:first-child+html .header-navset {
	max-width: 650px;
}

.header-navset .nav-block {
	padding: 8px 5px;
}

.header-navset .nav-block .navlink {
	background:transparent url(/main/shared/images/icos/ico_arrow_right.gif) no-repeat scroll 100% 2px;
}

.header-navset .nav-block .desc {
	color: #999999;
	font-size: 0.9em;
}

.header-navset .separator {
	background: transparent url(/main/corporate/images/background/separator.jpg) no-repeat scroll 10px 0pt; 
	width: 20px; 
	height: 48px;
}

a.icon {color:#36C; padding-left:20px; display: inline-block; min-height: 16px; margin-bottom: 2px;}
a.jeppdirect {background:transparent url(../img/ico/jepp/jd_icon.gif) no-repeat scroll left top; }
a.pdf {background:transparent url(../img/ico/set01/doc_pdf.png) no-repeat scroll left top; }
a.form {background:transparent url(../img/ico/set01/clipboard_text.png) no-repeat scroll left top; }
a.phone {background:transparent url(../img/ico/set01/telephone.png) no-repeat scroll left top; }
a.jsp, a.html, a.htm {background:transparent url(../img/ico/jepp/jepp_icon.gif) no-repeat scroll left top; }
a.page {background:transparent url(../img/ico/set02/icon_html.gif) no-repeat scroll left top; }
.calendar {background:transparent url(../img/ico/set01/calendar_2.png) no-repeat scroll left top; }
a.listen { background:transparent url(/main/corporate/images/icons/listen-icon.gif) no-repeat scroll left center; }
a.watch { background:transparent url(/main/corporate/images/icons/watch-icon.gif) no-repeat scroll left center;}

/*---MSG BOX --*/
.message-box { padding:10px; border: 5px solid #4671A2; background-color: #FFFFFF; text-align: center;}
.message-box p {font-size:1.4em;font-weight: bold; margin-bottom: 5px;}
.message-box a {font-size:1.2em; font-weight: bold; margin: 5px}
a.accept {padding-left:20px; background:transparent url(/main/corporate/images/icons/led-theme/accept.png) no-repeat scroll left center;}
a.deny {padding-left:20px; background:transparent url(/main/corporate/images/icons/led-theme/cross.png) no-repeat scroll left center;}