/* General HTML Styles */

body { background:#fff; color: #666; font-size: 12px; font-family: "Roboto",Arial,helvetica;}
p { margin: 0 0 1em 0; line-height: 1.5em;}
h1, h2, h3, h4, h5 { margin: 0.2em 0; }
h1 { font-size: 2.0em; color: #00337F; color: #333F52;}
h2 { font-size: 1.6em; color: #333;}
h3 { font-size: 1.4em; color: #333;}
h4 { font-size: 1.2em; color: #333;}
h5 { font-size: 1.0em; color: #333;}
img { border: none;}
img.right {float: right; margin: 0 0 10px 10px;}
img.left {float: left; margin: 0 10px 10px 0;}
em { font-style: italic; font-weight: bold;}
ol, ul, li { list-style: none; margin: 0; padding: 0; overflow: visible; }
input[type=text], select, textarea { font-size: 11px; border:1px solid #7F9DB9;}
.content table, .prod-content table { border-collapse:collapse; border-spacing:0; margin: 0 0 0.7em; width: 100%; font-size: 1.1em; }
.content table.no-bdr td, .content table.no-bdr th, .prod-content table.no-bdr td, .prod-content table.no-bdr th { border: none; }
.content table td, .content table th, .prod-content table td, .prod-content table th { padding: 4px 6px; margin: 0px; border: 1px solid #ccc; }
.content table th, .prod-content table th { background-color: #e5e5e5; color: #356; border-bottom: 1px solid #999;}
.content table tr:nth-child(odd) > td { background-color:#f0f6ff; }
.content table tr.alt > td { background-color:#f0f6ff; }
a { color: #0C83C6; cursor: pointer; cursor: hand; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit; text-decoration: none !important; }
hr { height: 1px; border: none; border-top: 1px solid #DDD; margin: 10px 0; }

/* Jeppesen Specific Styles */

.page-title { margin: 20px 0 10px 10px; }

.box { border: 1px solid #AAA; }
.rounded { border-radius: 5px; }
.shadow { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
.content, .layout, .sidebar, .focal { background-color: #fff; border: 1px solid #AAA; border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
.content ul { margin: 0.7em 0 1.0em; padding-left: 1.5em; }
.content li { line-height: 1.5em; margin-bottom: 0.5em; }
.content ul > li { list-style: disc; }
.content ol > li { list-style: decimal; }
.content ol.lower-alpha li { list-style: lower-alpha; }
.content ol.upper-alpha li { list-style: upper-alpha; }
.content li > ul { margin: 0.7em 0; }
.content .no-list-style > li { list-style: none; }
.content .no-list-style > li span.bull { float: left; margin-left: -2em; margin-right: 0.8em; }
.focal { border: none; background-color: #666; }
.column ul:first-child, .column-first ul:first-child, .column-last ul:first-child { margin-top: 0;}
.content .num { font-weight: bold; color: #333; }
.content .indent { padding-left: 1.8em; }

.sidebar-breadcrumb { background: #F5F5F5 url(/main/corporate/img/jepp/sidebar-breadcrumb.jpg) no-repeat center bottom ; padding: 10px 0 18px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.sidebar-breadcrumb a { font-weight: bold; }
.sidebar .page-title { color: #666; font-size: 0.8em; margin: 10px 0 5px; text-align: center; }
.sidebar ul.page-nav { margin: 10px 0; padding: 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; list-style: none; }
.sidebar ul.page-nav li { border-bottom: 1px solid #eee; margin:0; list-style: none; }
.sidebar ul.page-nav li a, .sidebar ul.page-nav li.current { display: block; padding: 10px 20px; text-decoration: none; }
.sidebar ul.page-nav li a { background: url(/main/corporate/img/jepp/page-selector.gif) no-repeat 15px center; padding-left: 35px; }
.sidebar ul.page-nav li.current { font-size: 1.1em; background: url(/main/corporate/img/jepp/page-indicator.gif) no-repeat right top; color: #fff; font-weight: bold; margin-left: -18px; padding-left: 38px; border: none; text-shadow: 0 -1px 0 #353c4a; height: 15px; hasLayout: -1; }
.sidebar ul.page-nav li a:hover { background-color: #eee; }
.sidebar .content { border: none; border-radius: none; box-shadow: none; }
.sidebar .content ul { margin: 0.1em 0 1em; }
.sidebar .content li { background: transparent url(/main/corporate/img/common/sidebar_bull.gif) no-repeat left conter; padding-left: 6px; line-height: 1.5em; margin-bottom: 0.4em; }
.sidebar .content ul.no-bullet li { background: none; }

.footnote { background: #f5f5f5; color: #999 }
.footnote-breadcrumb a { color: #666; }
.footnote-breadcrumb { border-bottom: 1px solid #ccc;  }
.footnote-breadcrumb > div { float:left; padding: 10px 15px 10px 10px; }

.tabs { border: 1px solid #dfdfdf; border-radius: 5px;}
.tabs .nav { margin: 2px; }
.tabs .nav ul:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tabs .nav ul { display: inline-block; width: 100%; list-style: none; padding: 0; margin: 0px; background: #ddd url("/main/corporate/img/grd/grd100.666-ddd.gif") repeat-x 0 0; border-radius: 4px; border-top: 1px solid #ccc; border-bottom: 1px solid #999; }
.tabs .nav ul li { list-style: none; float: left; margin: 6px 8px; }
.tabs .nav ul li.clear { clear: both; margin:0; padding: 0; height: 0; line-height: 0.1; }
.tabs .nav ul li a { color: #356; font-size: 1.2em; text-decoration: none; padding: 4px 12px 4px 6px; display: block; background: url(/main/corporate/img/jepp/util-arrow.gif) no-repeat right center; border-bottom: 1px solid transparent;}
.tabs .nav ul li a:hover { color: #0C83C6; text-decoration: underline; }
.tabs .nav ul li a.active { padding: 4px 8px; background: #666; color: #fff; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.6); border-bottom: 1px solid #ddd; } 
.tabs .content { border: none; border-radius: none; box-shadow: none; padding: 10px 15px; margin-bottom: 0; }
.threeCol .tabs .nav ul li a { font-size: 1.0em; }

/* Temp: for trasition process */
.prod-content ul, .body-content ul { margin: 0.7em 0 1.0em; padding-left: 1.5em; }
.prod-content li, .body-content li { list-style: disc; line-height: 1.5em; margin-bottom: 0.5em; }
.prod-content li > ul, .body-content li > ul { margin: 0.7em 0; }
.sidebar-content ul { margin: 0.1em 0 1em; }
.sidebar-content li { background: transparent url(/main/corporate/img/common/sidebar_bull.gif) no-repeat left 0.7em; padding-left: 6px; line-height: 1.5em; margin-bottom: 0.4em; }
.prod-content, .body-content, .content-block { border: 1px solid #AAA; border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
.prod-content { position: relative; }
.sidebar-title { color: #666; font-size: 0.8em; margin: 10px 0 5px; text-align: center; }

table.coverageTable tr:nth-child(even) td {background-color: #efefef;}
table.coverageTable td,table.coverageTable th {text-align: center;padding: 5px;border: 1px solid #ddd;}
table.coverageTable th {background-color:#efefef;}
table.coverageTable td {width: 12%;}
table.coverageTable td:first-child {text-align: left;width: 28%;}

/* Messages */
.msg { padding: 8px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#333;}
.warn { background: #fffde1; border: 1px solid #e9dcaf;  }
.critical { background: #f7eae7; border: 1px solid #e9c7c1; }
.msg a { color: #333; }
.msg a:hover { color: #0C83C6; }
.msg .title { font-weight: bold; }
.critical .title { color: #e52904; }