/* CSS Document */
/* General page setup
---------------------------------------------------------------------- */

html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
    line-height: 150%;
    text-align: left;
    color: #000;
    background: #CEDCE6 none;
}

/* Generel table attributes and fonts
---------------------------------------------------------------------- */

table, td, select, input, label, textarea {
    font-size: 1em;
    color: #000;
}

th {
    font-size: 1em;
    text-align: left;
    font-weight: bold;
}

a {
    /*font-size:1em;*/
    color: #016FB8;
    text-decoration: none;
}

a:hover {
    /*font-size:1em;*/
    text-decoration: underline;
    color: #01538A;
}

.h3, .h4, .h5, .h6 {
    text-shadow: none;
}

h3, dl dt, .h3, h4, .h4 {
    font-size: 15px;
}

h2, .h2, h3, dl dt, .h3, h4, .h4, h5, .h5, h6, .h6 {
    line-height: 1.2em;
    margin: 15px 0;
}

h5, .h5, h6, .h6 {
    font-size: 13px;
    line-height: 18px;
}

h1, .h1, h3, dl dt, .h3, h5, .h5 {
    font-weight: 700;
}

h1 {
    font-size: 30px;
    letter-spacing: -1px;
    margin-top: 10px;
    line-height: normal;
}

h1, h2 {
    text-shadow: 1px 1px 0 #FFFFFF;
}

h2, .h2 {
    font-size: 20px;
    font-weight: bold;
}

h4, .h4 {
    font-weight: bold;
}

h6, .h6 {
    color: #B9CADA;
    font-weight: normal;
    font-variant: small-caps;
    border-bottom: 1px solid #B9CADA;
    text-align: right;
}

h6.h7 {
    border-bottom: medium none;
    text-align: left;
}

p {
    font-size: 1em;
    color: #333333;
    line-height: 1.4em;
    margin: 15px 0;
}

address {
    font-size: 1em;
    font-style: normal;
}

form {
    margin: 0;
    padding: 0;
}

a img {
    border: none;
}

strong, .strong {
    font-weight: bold;
}

em, .em {
    font-style: italic;
}

ul {
    list-style: none outside none;
}

ol li {
    list-style-position: inside;
}

aside ul li {
    margin-bottom: 5px;
}

.simplelist ul, .simplelist ol, ul.simplelist, ol.simplelist {
    /*color: #787975;*/
    color: #333333;
    line-height: 1.6em;
    padding-left: 16px;
}

.criteria .simplelist ul, .criteria .simplelist ol, .criteria ul.simplelist, .criteria ol.simplelist {
    color: #333333;
}

.bullets {
    list-style-type: disc;
}

.circle {
    list-style-type: circle;
}

.square {
    list-style-type: square;
}

.decimal {
    list-style-type: decimal;
}

.upper-alpha {
    list-style-type: upper-alpha;
}

.lower-alpha {
    list-style-type: lower-alpha;
}

.upper-roman {
    list-style-type: upper-roman;
}

.lower-roman {
    list-style-type: lower-roman;
}

.inside {
    list-style-position: inside;
}

.outside {
    list-style-position: outside;
}

.arrow-blue {
    list-style-image: url(../images/blue-link-arrow.png);
}

.arrow-blue li.no-arrow {
    list-style-image: none;
    margin-left: -16px;
    margin-top: 4px;
    color: #808080;
}

.anchor-right {
    clear: both;
    display: block;
    overflow: hidden;
    margin: 0 15px 0 0;
}

.anchor-right a {
}

span.float-right {
    float: right;
}

.arrow-top {
    height: 24px;
    width: 24px;
    line-height: 24px;
    background: transparent url(../images/mix.png) -60px 0 no-repeat scroll;
    cursor: pointer;
    display: block;
}

.clearfix {
    clear: both;
    float: none;
    height: 0px;
}

/* Base template setup - frontpage
---------------------------------------------------------------------- */
#top, #bottom, #left, #right {
    background: #0066CC none;
    opacity: 0.15;
    filter: alpha(opacity=25);
    position: fixed;
    z-index: 10000;
}

#left, #right {
    top: 10px;
    bottom: 10px;
    width: 10px;
}

#left {
    left: 0;
}

#right {
    right: 0;
}

#top, #bottom {
    left: 0;
    right: 0;
    height: 10px;
}

#top {
    top: 0;
}

#bottom {
    bottom: 0;
}

.menu-wrap {
    position: relative;
}

.menu-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 132px;
    background: #fff url(../images/menu-bg-rep.png) top left repeat-x;
    z-index: 2;
}

.mainpic {
    background: url(../images/header_fp/img_1.png) no-repeat scroll center top #FFFFFF;
    height: 312px;
    margin-top: 132px;
    position: absolute;
    width: 100%;
    z-index: 2;
}

#private .menu-bg {
    /*top:30px;
    height:127px;
    background-position:left -5px;*/
}

#private .mainpic {
    /*margin-top: 127px;*/
}

.fee {
    background: url(../images/header_fp/img_1.png) no-repeat scroll center top #FFFFFF;
}

.ie7 .mainpic {
    position: absolute;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    height: 312px;
    background: #fff url(../images/header_fp/img_1.png) center top no-repeat;
    z-index: 2;
}

.ie7 .mainpic.bf {
    background: #fff url(../images/header_fp/img_1.png) center top no-repeat;
}

.mainpic.subpage {
    height: 181px;
    background: #fff url(../images/header_sp/img_1.png) center top no-repeat;
    position: absolute;
    width: 100%;
}

.wrap {
    width: 980px;
    margin: 0 auto;
    position: relative;
    z-index: 89990;
    background: transparent none;
}

.wrap .top {
    width: 980px;
    height: 132px;
    text-align: left;
}

#private .wrap .top {
}

.logo {
    width: 85px;
    height: 144px;
    float: left;
    position: relative;
    z-index: 1;
}

.logo.ba {
    width: 201px;
    height: 145px;
    float: left;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(221, 221, 221, 1);
    -moz-box-shadow: 1px 1px 1px 0px rgba(221, 221, 221, 1);
    box-shadow: 1px 1px 1px 0px rgba(221, 221, 221, 1);
}

.logo.ba img {
    display: block;
}

#private .logo.ba {
    margin-top: 5px;
}

/* Menus
---------------------------------------------------------------------- */
.service-menu {
    float: right;
    margin-top: 35px;
    width: 675px;
}

.service-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.service-menu ul li {
    float: left;
    height: 24px;
}

.service-menu ul li.sep {
    background: transparent url(../images/service-menu-sep.png) top left no-repeat;
    width: 1px;
    margin-left: 10px;
    margin-right: 10px;
}

.service-menu ul li span {
    background: transparent none;
    display: block;
    height: 24px;
    width: 4px;
    float: left;
}

.service-menu ul li span.txt {
    width: auto;
    display: block;
    height: 18px;
    padding: 3px 6px;
}

.service-menu ul li a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    background: transparent none;
    padding: 0 4px 0 0;
    color: #808080;
    height: 24px;
    font-size: 14px;
}

.service-menu ul li.home span.txt {
    padding: 3px 30px 3px 6px;
}

.service-menu ul li.home a {
    background: transparent url(../images/icons/home-off.png) 16px 3px no-repeat;
}

.service-menu ul li.home.active a span.txt,
.service-menu ul li.home a:hover span.txt {
    background: transparent url(../images/icons/home-on.png) 12px 3px no-repeat;
}

.service-menu ul li.login span.txt,
.service-menu ul li.logout span.txt {
    padding: 3px 30px 3px 6px;
}

.service-menu ul li.login a {
    background: transparent url(../images/icons/login-off.png) 62px 3px no-repeat;
}

.service-menu ul li.login.active a span.txt,
.service-menu ul li.login a:hover span.txt {
    background: transparent url(../images/icons/login-on.png) 58px 3px no-repeat;
}

.service-menu ul li.logout a {
    background: transparent url(../images/icons/login-off.png) 70px 3px no-repeat;
}

.service-menu ul li.logout.active a span.txt,
.service-menu ul li.logout a:hover span.txt {
    background: transparent url(../images/icons/login-on.png) 66px 3px no-repeat;
}

.service-menu ul li.active a,
.service-menu ul li a:hover {
    background: transparent url(../images/service-menu-bg-rgt.png) top right no-repeat;
}

.service-menu ul li.active a span,
.service-menu ul li a:hover span {
    background: #fff url(../images/service-menu-bg-lft.png) top left no-repeat;
}

.service-menu ul li.active a span.txt,
.service-menu ul li a:hover span.txt {
    color: #fff;
    background: transparent none;
}

.service-menu ul li.mode-dev {
    background: transparent url(../images/icons/dev-mode.png) 6px 0px no-repeat;
}

.service-menu ul li.mode-test {
    background: transparent url(../images/icons/test-mode.png) 6px 0px no-repeat;
}

.service-menu ul li.mode-proto {
    background: transparent url(../images/icons/proto-mode.png) 6px 0px no-repeat;
}

.service-menu ul li.mode-dev span.txt,
.service-menu ul li.mode-test span.txt,
.service-menu ul li.mode-proto span.txt {
    padding: 3px 30px 3px 6px;
}

.main-menu {
    float: left;
    margin-top: 33px;
    margin-left: 25px;
    width: 754px;
}

.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.main-menu ul li {
    float: left;
    margin-right: 4px;
    position: relative;
}

.main-menu ul li:last-child {
    margin-right: 0;
}

.main-menu ul li a {
    display: block;
    text-decoration: none;
    color: #06c;
    font-size: 15px;
    font-weight: bold;
    background: transparent url(../images/blue-dwn-arrow.png) 100% 0% no-repeat;
    height: auto;
    line-height: 20px;
}

.main-menu ul li a span {
    display: block;
    float: left;
    width: 4px;
    background: transparent none;
    height: 27px;
}

.main-menu ul li a span.txt {
    display: block;
    float: left;
    width: auto;
    background: transparent none;
    padding: 3px 28px 3px 6px;
    height: 21px;
    line-height: 21px;
}

.main-menu ul li a:hover {
    display: block;
    text-decoration: none;
    color: #06c;
    font-size: 15px;
    font-weight: bold;
    background: transparent url(../images/white-dwn-arrow.png) 85% 50% no-repeat;
}

.main-menu ul li a:hover span {
    background: transparent url(../images/main-menu-lft-bg.png) top left no-repeat;
}

.main-menu ul li a:hover span.txt {
    background: transparent url(../images/main-menu-rgt-bg.png) top right no-repeat;
    color: #fff;
}

.main-menu ul li.mega.hovering a {
    display: block;
    text-decoration: none;
    color: #06c;
    font-size: 15px;
    font-weight: bold;
    background: transparent url(../images/white-dwn-arrow.png) 85% 50% no-repeat;
}

.main-menu ul li.mega.hovering a span {
    background: transparent url(../images/main-menu-lft-bg.png) top left no-repeat;
}

.main-menu ul li.mega.hovering a span.txt {
    background: transparent url(../images/main-menu-rgt-bg.png) top right no-repeat;
    background-position-x: 98%;
    color: #fff;
}

.sub {
    display: none;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 27px;
    left: 0px;
    min-width: 220px;
    max-width: 300px;
    /*background: transparent url(../images/dd-bg.png) bottom left no-repeat;*/
    /*padding-bottom: 10px;*/

    background-color: #dfecf8;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);

    z-index: 10000;
}

.mega.hovering .sub {
    display: block;
}

.sub li {
    clear: left;
}

.main-menu ul.sub li {
    border-bottom: 1px solid #a6caec;
    border-top: 1px solid #F7FBFE;
    clear: left;
    float: none;
    width: auto;
    padding: 0px;
    margin-right: 0px;
}

.main-menu ul.sub li:first-child {
    border-top: 0px solid #a6caec;
}

.main-menu ul.sub li:last-child {
    border-bottom: 0px solid #a6caec;
    margin-bottom: 2px;
}

.main-menu ul.sub li.last {
    border-bottom: 0px solid #a6caec;
    margin-bottom: 2px;
}

.ie7 .main-menu ul.sub li a {
}

.ie7 .main-menu ul.sub li:first-child {
    padding-top: 0px;
}

.main-menu ul.sub li a {
    font-size: 13px !important;
    background: transparent none !important;
    padding: 12px 15px 8px 15px;
    display: block;
}

.main-menu ul.sub li a:hover {
    background-color: #ffffff !important;
    color: #25384C;
    display: block;
}

.ie7 .main-menu ul.sub li a:hover {
    border: 1px solid transparent;
    padding: 11px 4px 7px 14px;
}

.subnav {
    height: 100%;
    /*border-left: 1px solid #DCDCDC;*/
}

.subnav ol li {
    list-style: none outside none;
}

.subnav .subnav-block {
    display: inline-block;
    margin: 6px 0 10px;
    vertical-align: top;
    line-height: 17px;
}

.subnav-block .user-name {
    color: #000000;
    font-weight: bold;
}

.subnav-block .user-name, .subnav-block .user-mail {
    display: block;
    margin: 0 20px 0 40px;
}

.subnav-block .user-mail {
    font-size: 13px;
    color: #666666;
}

.subnav .user-pic {
    float: left;
    width: 32px;
    height: 32px;
}

.subnav .user-info {
}

.subnav .subnav-list {
    display: block;
    list-style: none outside none;
    margin: 5px 0 0;
    padding: 0;
}

.subnav .subnav-list .subnav-list {
    padding: 0 0 0 5px;
    margin: 0;
    font-size: 90%;
}

.subnav .subnav-item {
    line-height: 27px;
    margin: 0;
    padding: 0;
}

.subnav .subnav-item .message_block p,
.subnav .subnav-item .alert_block p,
.messageboard_container .message_block p,
.messageboard_container .alert_block p,
.calendar_container .event_block p {
    margin-top: 0;
    margin-bottom: 0;
}

.subnav .subnav-item .message_block a, .subnav .subnav-item .message_block a:visited, .subnav .subnav-item .message_block a:link,
.subnav .subnav-item .alert_block a, .subnav .subnav-item .alert_block a:visited, .subnav .subnav-item .alert_block a:link,
.messageboard_container .message_block a, .messageboard_container .message_block a:visited, .messageboard_container .message_block a:link,
.messageboard_container .alert_block a, .messageboard_container .alert_block a:visited, .messageboard_container .alert_block a:link,
.calendar_container .event_block a, .calendar_container .event_block a:visited, .calendar_container .event_block a:link {
    color: #333333;
    padding: 4px 10px;
    display: block;
}

.subnav .subnav-item .message_block a:hover, .subnav .subnav-item .message_block a:focus,
.subnav .subnav-item .alert_block a:hover, .subnav .subnav-item .alert_block a:focus,
.messageboard_container .message_block a:hover, .messageboard_container .message_block a:focus,
.messageboard_container .alert_block a:hover, .messageboard_container .alert_block a:focus,
.calendar_container .event_block a:hover, .calendar_container .event_block a:focus {
    background: none repeat scroll 0 0 #EFF3FB;
    outline: medium none;
    color: #0066CC;
    text-decoration: none;
}

.subnav .subnav-item .more {
    display: block;
    text-align: right;
    margin-top: 4px;
    font-size: 10px;
    font-weight: normal;
}

.subnav .subnav-item .more:after {
    padding-left: 5px;
    width: auto;
    display: inline-block;
}

.subnav .subnav-element, .subnav .subnav-element:visited {
    display: inline-block;
    margin: 0 10px 2px;
    padding: 4px 10px;
    line-height: 19px;
    color: #0066CC !important;
    text-decoration: none !important;
}

.subnav .subnav-caption {
    display: inline-block;
    margin: 0 10px 2px;
    padding: 0 4px;
    line-height: 19px;
    color: #808080 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 90%;
}

.subnav span.subnav-element:hover,
.subnav span.subnav-element:focus {
    background: none repeat scroll 0 0 transparent;
}

.subnav .subnav-element.active,
.subnav .subnav-element:hover, .subnav .subnav-element:focus {
    background: none repeat scroll 0 0 #EFF3FB;
    outline: medium none;
}

.subnav .subnav-line {
    border-top: 1px solid #E5E5E5;
    font-size: 0;
    margin: 0;
}

.subnav li.subnav-line {
    margin-bottom: 10px;
}

.center {
    text-align: center;
}

.messageboard_container ul.message_block,
.calendar_container ul.message_block {
    padding: 0;
    margin: 0;
}

.messageboard_container ul.message_block ul {
    padding-left: 20px;
}

.subnav .subnav-element.glyphicons {
    line-height: 48px;
}

/* Pagination
---------------------------------------------------------------------- */

#pagination {
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
}

.pagination {
    font-size: 84.6%;
    line-height: normal;
    font-family: Arial, Gadget, sans-serif;
    display: inline-block;
    /*margin-left:20%;*/
}

.pagination a {
    text-decoration: none;
    border: solid 1px #B9CADA;
    color: #B9CADA;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagination a:hover {
    background-color: #DFECF8;
    color: #39597F;
    border: solid 1px #39597F;
}

.pagination .current {
    background: none repeat scroll 0 0 #FFF;
    color: #39597F;
    border: solid 1px #39597F;
}

.pagination .prev, .pagination .next {
    border-color: #FFF;
}

.pagination a.prev:hover, .pagination a.next:hover {
    background: none repeat scroll 0 0 transparent;
    border-color: #FFF;
    text-decoration: underline;
}

.pagination .current.prev, .pagination .current.next {
    color: #CCCCCC;
    border-color: #FFF;
    background: none repeat scroll 0 0 transparent;
}

.appl_nav {
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0;
}

.appl_nav_block {
    height: 57px;
    margin: 0 auto;
}

.appl_nav_block.items5 {
    background: url(../images/application-navigation.png) 0 -285px no-repeat scroll;
    width: 285px;
}

.appl_nav_block.items6 {
    background: url(../images/application-navigation6.png) 0 -342px no-repeat scroll;
    width: 342px;
}

.appl_nav_item {
    width: 57px;
    height: 57px;
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
}

.appl_nav_block.items5 .appl_nav_item {
    background: url(../images/application-navigation.png) 0 0 no-repeat scroll;
}

.appl_nav_block.items6 .appl_nav_item {
    background: url(../images/application-navigation6.png) 0 0 no-repeat scroll;
}

.appl_nav_block.items5 .appl_nav_item.pos1 {
    background-position: 0 -228px;
}

.appl_nav_block.items5 .appl_nav_item.pos1.active {
    background-position: -57px -228px;
}

.appl_nav_block.items5 .appl_nav_item.pos2 {
    background-position: 0 -171px;
}

.appl_nav_block.items5 .appl_nav_item.pos2.active {
    background-position: -57px -171px;
}

.appl_nav_block.items5 .appl_nav_item.pos3 {
    background-position: 0 -114px;
}

.appl_nav_block.items5 .appl_nav_item.pos3.active {
    background-position: -57px -114px;
}

.appl_nav_block.items5 .appl_nav_item.pos4 {
    background-position: 0 -57px;
}

.appl_nav_block.items5 .appl_nav_item.pos4.active {
    background-position: -57px -57px;
}

.appl_nav_block.items5 .appl_nav_item.pos5 {
    background-position: 0 0;
}

.appl_nav_block.items5 .appl_nav_item.pos5.active {
    background-position: -57px 0;
}

.appl_nav_block.items6 .appl_nav_item.pos1 {
    background-position: 0 -285px;
}

.appl_nav_block.items6 .appl_nav_item.pos1.active {
    background-position: -57px -285px;
}

.appl_nav_block.items6 .appl_nav_item.pos2 {
    background-position: 0 -228px;
}

.appl_nav_block.items6 .appl_nav_item.pos2.active {
    background-position: -57px -228px;
}

.appl_nav_block.items6 .appl_nav_item.pos3 {
    background-position: 0 -171px;
}

.appl_nav_block.items6 .appl_nav_item.pos3.active {
    background-position: -57px -171px;
}

.appl_nav_block.items6 .appl_nav_item.pos4 {
    background-position: 0 -114px;
}

.appl_nav_block.items6 .appl_nav_item.pos4.active {
    background-position: -57px -114px;
}

.appl_nav_block.items6 .appl_nav_item.pos5 {
    background-position: 0 -57px;
}

.appl_nav_block.items6 .appl_nav_item.pos5.active {
    background-position: -57px -57px;
}

.appl_nav_block.items6 .appl_nav_item.pos6 {
    background-position: 0 0;
}

.appl_nav_block.items6 .appl_nav_item.pos6.active {
    background-position: -57px 0;
}

.appl_nav_item:hover {
    opacity: 0.8;
}

/* application navigation */
.a35-appl-nav-block {
    height: 57px;
    margin: 0 auto;
    background: url(../images/application-navigation-background.png) 0 1000px no-repeat scroll;
}

.a35-appl-nav-block.items2 {
    background-position: 0 0;
    width: 114px;
}

.a35-appl-nav-block.items3 {
    background-position: 0 -57px;
    width: 171px;
}

.a35-appl-nav-block.items4 {
    background-position: 0 -114px;
    width: 228px;
}

.a35-appl-nav-block.items5 {
    background-position: 0 -171px;
    width: 285px;
}

.a35-appl-nav-block.items6 {
    background-position: 0 -228px;
    width: 342px;
}

.a35-appl-nav-block.items7 {
    background-position: 0 -285px;
    width: 399px;
}

.a35-appl-nav-block.items8 {
    background-position: 0 -342px;
    width: 456px;
}

.a35-appl-nav-block.items9 {
    background-position: 0 -399px;
    width: 513px;
}

.a35-appl-nav-block.items10 {
    background-position: 0 -456px;
    width: 570px;
}

.a35-appl-nav-block .a35-appl-nav-item {
    background: url(../images/application-navigation-points.png) 0 -57px no-repeat scroll;
    width: 57px;
    height: 57px;
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
}

.a35-appl-nav-block .a35-appl-nav-item.a35-item-first {
    background-position: 0 0;
}

.a35-appl-nav-block .a35-appl-nav-item.a35-item-last {
    background-position: 0 -114px;
}

.a35-appl-nav-block .a35-appl-nav-item.active {
    background-position: -57px -57px;
}

.a35-appl-nav-block .a35-appl-nav-item.a35-item-first.active {
    background-position: -57px 0;
}

.a35-appl-nav-block .a35-appl-nav-item.a35-item-last.active {
    background-position: -57px -114px;
}

.a35-appl-nav-block a.a35-appl-nav-item {
    color: #7E7E7E;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    width: 57px;
    height: 57px;
    line-height: 57px;
}

.a35-appl-nav-block a.a35-appl-nav-item:active,
.a35-appl-nav-block a.a35-appl-nav-item:hover,
.a35-appl-nav-block a.a35-appl-nav-item:focus {
    color: #7E7E7E;
    text-decoration: none;
}

/* Content
---------------------------------------------------------------------- */
.section {
    margin-top: 245px;
    background: #fff none;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #B8C9DA;
    width: 100%;
}

.section.subpage {
    margin-top: 119px;
}

.section.subpage.platform {
    margin-top: 164px;
}

.ie7 .section {
    margin-top: 265px;
}

.ie7 .section.subpage {
    margin-top: 141px;
}

.ie7 .section.subpage.platform {
    margin-top: 181px;
}

.section .inner {
    width: 980px;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
    background: transparent none;
}

.line:after {
    clear: both;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
    display: block;
    font-size: xx-large;
    height: 0 !important;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.main {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding-bottom: 37px;
    padding-top: 17px;
}

.platform .main {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
}

.unit:after {
    content: " ";
    display: block;
    /*position: absolute;*/
}

.unit {
    float: left;
}

.size1of1 {
    float: none;
}

.size1of4 {
    width: 25%;
}

body.ie7 .size1of4 {
    width: 24.99%;
}

.size1of3 {
    width: 33.33333%;
}

body.ie7 .size1of3 {
    width: 33.3%;
}

.size1of2 {
    width: 50%;
}

body.ie7 .size1of2 {
    width: 49.99%;
}

.size2of3 {
    width: 66.66666%;
}

body.ie7 .size2of3 {
    width: 66.6%;
}

.size3of4 {
    width: 75%;
}

body.ie7 .size3of4 {
    width: 74.99%;
}

.size1of5 {
    width: 20%;
}

.size2of5 {
    width: 40%;
}

.size3of5 {
    width: 60%;
}

.size4of5 {
    width: 80%;
}

.size1of6 {
    width: 16.666666% !important;
}

.size5of6 {
    width: 83.333333%;
}

body.ie7 .size1of6 {
    width: 16.6%;
}

.size1of7 {
    width: 14%;
}

.size1of8 {
    width: 12.5%;
}

.in {
    padding-left: 6.25%;
    padding-right: 6.25%;
}

.in5 {
    padding-left: 5px;
    padding-right: 5px;
}

.in15 {
    padding-left: 15px;
    padding-right: 15px;
}

.in30 {
    padding-left: 30px;
    padding-right: 30px;
}

.inl15 {
    padding-left: 15px;
}

.inr15 {
    padding-right: 15px;
}

.inr30 {
    padding-right: 30px;
}

.in1of1 {
    padding-left: 1.563%;
    padding-right: 1.563%;
}

.bottom0 {
    margin-bottom: 0 !important;
}

.bottom5 {
    margin-bottom: 5px !important;
}

.bottom15 {
    margin-bottom: 15px !important;
}

.bottom30 {
    margin-bottom: 30px !important;
}

.top0 {
    margin-top: 0px !important;
}

.top5 {
    margin-top: 5px !important;
}

.top15 {
    margin-top: 15px !important;
}

.top30 {
    margin-top: 30px !important;
}

.ab10 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.ab15 {
    padding-bottom: 15px;
    padding-top: 15px;
}

.ml0 {
    margin-left: 0 !important;
    overflow: hidden;
}

.ml5 {
    margin-left: 5px !important;
    overflow: hidden;
}

.ml15 {
    margin-left: 15px !important;
    overflow: hidden;
}

.mr0 {
    margin-right: 0 !important;
    overflow: hidden;
}

.mr5 {
    margin-right: 5px !important;
    overflow: hidden;
}

.mr15 {
    margin-right: 15px !important;
    overflow: hidden;
}

.m15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
    overflow: hidden;
}

.out10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.out15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.out30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

small, .small {
    font-size: 86.4%;
}

.nostrong {
    font-weight: normal !important;
}

.noborder {
    border: 0 none !important;
}

hr:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0 !important;
    line-height: 0;
    font-size: xx-large;
    content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

.line, hr {
    *zoom: 1;
}

hr {
    width: 100%;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #dcdcdc;
    height: 0;
}

p.manchet {
    font-size: 16px;
}

.pad {
    padding: 15px 25px 0 25px;
}

.news h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.news h5 {
    color: #0066CC;
}

.news .hd {
    font-size: 18px;
}

.news a {
    color: #0066CC;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 150%;
    text-decoration: none;
}

.news a:hover, .news a:focus {
    text-decoration: underline;
}

.news .g_button {
    color: #444444 !important;
    font-size: 11px !important;
    line-height: 27px !important;
    text-decoration: none !important;
}

.news .simplelist li {
    margin-bottom: 19px;
}

.pad .news .simplelist li {
    margin-bottom: 10px;
}

.news .pic {
    margin: 4px 0;
}

.news a .pic:hover, .news a .pic:focus {
    opacity: 0.8;
}

.nopadding {
    padding: 0 !important;
}

.leftline:before {
    background: none repeat scroll 0 0 #FFFFFF;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    width: 1px;
}

.aside {
    display: block;
    margin: 0;
    padding: 0;
}

.aside .leftline {
    border-color: #DDDDDD;
}

.leftline {
    border-left: 1px solid #EEEEEE;
    position: relative;
}

.contacts_map {
    margin: 0 auto;
    width: 300px;
    height: 300px;
    display: block;
}

.contacts_map .map {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #B8C9DA;
}

.normal {
    font-weight: normal !important;
}

/* table configuration
---------------------------------------------------------------------- */
table {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    width: 100%;
    font-size: inherit;
    border-collapse: collapse;
    border-spacing: 0;
}

table.simple {
    table-layout: fixed;
}

.simple td, .simple th {
    text-align: left !important;
}

.simple th {
    background: none repeat scroll 0 0 #EEEEEE;
    font-weight: 600;
}

.simple tr.even {
    background: none repeat scroll 0 0 #F9F9F9;
}

.simple th, .simple td {
    padding: 1em !important;
}

.simple td, .simple th {
    border-right: 1px solid #DCDCDC;
    box-shadow: 1px 0 1px #FFFFFF;
}

.simple td:first-child, .simple th:first-child {
    border-left: 1px solid #DCDCDC;
}

.simple tr:first-child {
    border-top: 1px solid #DCDCDC;
}

.simple tr, .simple td {
    border-bottom: 1px solid #DCDCDC !important;
    box-shadow: 0 1px 1px #FFFFFF;
}

.simple th.center, .simple td.center {
    text-align: center !important;
}

.simple th.state, .simple td.state {
    width: 25%;
}

.simple th.flagstate, .simple td.flagstate {
    width: 32%;
}

.simple th.promoter, .simple td.promoter,
.simple th.city, .simple td.city,
.simple th.state-small, .simple td.state-small {
    width: 17%;
}

.simple th.class, .simple td.class,
.simple th.season, .simple td.season,
.simple th.year, .simple td.year {
    width: 10%;
}

.simple td.state-small, .simple td.state, .simple td.year, .simple td.date, .simple td.city, .simple td.arh {
    font-size: 86.4%;
}

.simple th.actions, .simple td.actions {
    width: 18%;
}

.simple th.arh, .simple td.arh,
.simple th.date, .simple td.date,
.simple th.actions-small, .simple td.actions-small {
    width: 12%;
}

.simple td.actions {
    font-size: 94.4%;
}

.simple td.actions-small {
    font-size: 94.4%;
}

.simple tr:hover {
    background-color: #DFECF8 !important;
}

.simple.nohover tr:hover {
    background-color: inherit !important;
}

/* config for actions
---------------------------------------------------------------------- */
a.delete {
    background: transparent url(../images/icons/remove_24x24.png) 0 0 no-repeat scroll !important;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: left !important;
}

a.remove {
    background: transparent url(../images/icons/remove_24x24.png) 0 0 no-repeat scroll !important;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: left !important;
}

a.check, span.check {
    background: transparent url(../images/icons/check_24x24.png) 0 0 no-repeat scroll !important;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
}

.simple span.open {
    background: url(../images/icons/check_24x24.png) 50% 50% transparent;
    display: block;
    height: 24px;
    margin: 0 auto;
    width: 24px;
}

.simple span.closed {
    background: url(../images/icons/remove_24x24.png) 50% 50% transparent;
    display: block;
    height: 24px;
    margin: 0 auto;
    width: 24px;
}

.simple span.update {
    background: url(../images/icons/reload_24x24.png) 50% 50% transparent;
    display: block;
    height: 24px;
    margin: 0 auto;
    width: 24px;
}

.lineWrapper {
    border-bottom: 29px solid #B9CADA;
    margin: 0 0 40px -10000px;
    padding: 6px 0 30px 10000px;
}

.nolineWrapper {
    border-bottom: 29px solid #FFF;
    margin: 0 0 40px -10000px;
    padding: 6px 0 15px 10000px;
}

.cmd {
    height: 51px;
    width: 100%;
}

.cmd .g_button {
    margin: 11px 6px;
}

.factbox {
    padding: 10px 15px;
    margin: 6px 30px 15px;
    color: #39597F;
    font-size: 13px;
}

.blockquote {
    margin: 14px 40px;
    padding: 0 30px;
    color: #39597F;
}

.uppercase {
    text-transform: uppercase;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.factbox p {
    margin: 0;
}

.incidentbox {
    padding: 10px 15px;
    margin: 6px 10px 15px;
    color: #333333;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    font-size: 14px;
}

.incidentbox p {
    margin: 0;
}

.highlight {
    padding: 20px;
    margin: 30px 0;
    color: #39597F;
}

.color1 {
    background: none repeat scroll 0 0 #62CED5 !important;
}

.color2 {
    background: none repeat scroll 0 0 #58AFB7 !important;
}

.color3 {
    background: none repeat scroll 0 0 #44A1A7 !important;
}

.color4 {
    background: none repeat scroll 0 0 #0C8194 !important;
}

.lightyellow {
    background: none repeat scroll 0 0 #FFF6BF !important;
    border: 1px solid #FFD324;
    color: #514721;
}

.lightred {
    background: none repeat scroll 0 0 #FBE3E4;
    border: 1px solid #FBC2C4;
    color: #8A1F11;
}

.lightblue {
    background-color: #DFECF8 !important;
    border: 1px solid #B9CADA;
}

.lightgreen {
    background-color: #E6EFC2 !important;
    border: 1px solid #C6D880;
}

.white {
    background-color: #FFFFFF;
    border: 1px solid #B9CADA;
}

.lightgrey {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
}

.white {
    background: none repeat scroll 0 0 #FFF;
    background-color: #FFF !important;
    border: 1px solid #CCC;
}

.error, .alert, .notice, .success, .info {
    border: 1px solid #DDDDDD;
    margin-bottom: 1em;
    padding: 0.8em;
}

.error, .alert {
    background: none repeat scroll 0 0 #FBE3E4;
    border-color: #FBC2C4;
    color: #8A1F11;
}

.red, tr.red td {
    color: #C30;
}

.orange, tr.orange td {
    color: #F90;
}

.blue, tr.blue td {
    color: #06C;
}

.darkgrey, tr.darkgrey td {
    color: #333 !important;
}

.new-blue {
    color: #0071bb;
}

.notice {
    background: none repeat scroll 0 0 #FFF6BF;
    border-color: #FFD324;
    color: #514721;
}

.success {
    background: none repeat scroll 0 0 #E6EFC2;
    border-color: #C6D880;
    color: #264409;
}

.info {
    background: none repeat scroll 0 0 #D5EDF8;
    border-color: #92CAE4;
    color: #205791;
}

.search_block {
    float: right;
    margin: 12px 0;
    /*width:220px;*/
    display: inline-block;
    height: 27px;
    line-height: 27px;
}

.search_block {
}

div.lang {
    text-align: right;
    height: 24px;
    line-height: 24px;
    display: block;
}

div.lang a {
    cursor: pointer !important;
}

div.lang img:hover {
    opacity: 0.8;
}

.grey {
    color: #888888 !important;
}

.tipology {
    width: 24px;
    height: 24px;
    display: block;
}

.costal {
    background: transparent url(../images/icons/tipology.png) -24px 0 no-repeat scroll;
}

.fluvial {
    background: transparent url(../images/icons/tipology.png) -48px 0 no-repeat scroll;
}

.marina {
    background: transparent url(../images/icons/tipology.png) 0 0 no-repeat scroll;
}

/* Featureblock
---------------------------------------------------------------------- */
.featureunit {
    width: 20%;
    display: block;
    float: left;
    margin-bottom: 15px;
}

/*.featureunit:hover .flag_item,*/
.featureunit:hover img,
.featureunit:hover .awarded {
    opacity: 0.8;
}

.featureunit img {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #B8C9DA;
}

.featureunit .g_button {
    min-width: 32px;
    height: 16px;
    line-height: 16px;
    padding: 0 6px;
    font-weight: normal;
    margin: 10px 2px;
    cursor: pointer;
}

.featureunit h2 {
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    word-wrap: normal;
}

.featureunit p {
    font-size: 11px;
    margin: 4px 0 6px;
    height: 50px;
}

.featureunit .img_wrapper {
    position: relative;
    display: block;
    width: 130px;
    height: 87px;
}

.featureunit .awarded {
    background: transparent url(../images/logos/ba-logo_small.png) bottom right no-repeat scroll;
    width: 23px;
    height: 20px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    display: block;
}

/* Footer
---------------------------------------------------------------------- */
.footer {
    width: 100%;
    background: #CEDCE6 none;
    clear: both;
    position: relative;
    z-index: 2;
}

.footer .finner {
    width: 980px;
    margin: 0 auto;
    border-top: 1px solid #D8E3EB;
    padding-top: 54px;
    margin-bottom: 50px;
    font-size: 12px;
    font-weight: bold;
    color: #39597F;
}

.footer .txt p {
    font-weight: normal;
    color: #39597F;
}

.footer p {
    color: #39597F;
}

.pic img,
.footer .pic img {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #B8C9DA;
}

.footer img {
    border: 0 none;
}

.footer a img:hover {
    opacity: 0.8;
}

.footer span.fl {
    float: left;
    display: block;
}

.footer span.pipe {
    background: url(../images/service-menu-sep.png) no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 25px;
    margin: -7px 5px 0;
    width: 2px;
}

.footer .icn {
    height: 24px;
}

.footer .icn img {
    float: left;
    display: block;
}

.footer .icn span {
    display: block;
    padding: 9px 0 0 4px;
}

.hidden {
    display: none !important;
    height: 0 !important;
    line-height: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
}

/* Tabs
---------------------------------------------------------------------- */
.tabnav {
    border-bottom: 1px solid #ccc;
    clear: both;
    margin-top: 3px;
    height: 28px;
}

.tabs {
    padding: 0 20px;
}

.tabs .featurenavunit {
    float: left;
    display: inline-block;
    overflow: hidden;
}

.tabs .featurenavunit {
    color: #005c9c;
    cursor: pointer;
    display: inline-block;
    font: bold 13px Arial;
    margin-bottom: -1px;
    padding: 6px 8px;
}

.tabs .active {
    background: -webkit-linear-gradient(top, #eee, #fdfdfd);
    background: -moz-linear-gradient(top, #eee, #fdfdfd);
    border-color: #ccc #ccc #fdfdfd;
    border-radius: 2px 2px 0 0;
    border-style: solid;
    border-width: 1px;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}

.tabs .active a, .tabs .active a:link, .tabs .active a:visited {
    color: #222;
    cursor: auto;
}

.tabs .active a:hover, .tabs .active a:focus {
    text-decoration: none;
}

.tab_container {
    background: -webkit-linear-gradient(top, #fdfdfd, #fff);
    background: -moz-linear-gradient(top, #fdfdfd, #fff);
    padding-top: 10px;
}

.tab_content {
    width: 99%;
}
