/*#zooms div.helper-picture.ui-draggable-dragging
{
    background : url("../../img/marker/waypoint.png")  ;
    width : 22px;
    height : 48px;
    
}

*/
/*
body
{
    overflow : hidden;
}
*/


#overlay-ctrl #overlay-search-ctn .subtitle {
    font-family: robotoLight;
    margin: 5px 0 0px;
    
}

#overlay-ctrl #overlay-search-ctn
{
    position : absolute;
    top : 120px;
    right : -270px;
    width : 250px;
    background-color : #013a74;
    background-color : rgba(1,58,116,0.9);
    color : #fff;
    padding : 10px;
    border-radius: 0 0 0 10px;
}
#overlay-ctrl #overlay-search-btn
{
    background-image : url("../../img/ihm/overlay/search.png");
    width : 35px;
    height : 35px;
    position : absolute;
    left : -35px;
    top : 0px;
}


#overlay-ctrl #searchLocationBox #search-name input
{
    width: 170px;
    text-align: left;
    margin: 4px 0px;
    padding: 2px 3px;
    border: solid 2px #ccc;
    border-radius: 0;
}

#overlay-ctrl #searchLocationBox .table
{
    width : 100%;
}

#overlay-ctrl #searchLocationBox .btn-blue
{
    width : 48px;
    
}



#overlay-ctrl #zooms > div.helper-picture
{
    background-image :  none;
}



.tooltipTP {
    width: 220px;
}


.tooltipTP #INPUT_name {
    width: 140px;
}


.tooltipTP #INPUT_name input{
    color: #808080;
}


.tooltipTP .position {
    color: #808080;
    text-align: center;
}

.tooltipTP .input-coord
{
    display : none;
}

.tooltipTP .editpos {
    background-image: url(../../img/ihm/global/edit_g.png);
    width: 12px;
    height: 18px;
    position: absolute;
    top: 1px;
    right: 0px;
    cursor: pointer;
}

.tooltipTP .editpos:hover,
.tooltipTP .editpos.active
{
    background-position : center bottom;
}




.tooltipTP .hxg-link-cb 
{
    margin : 10px 0;
}


.tooltipTP button.delete
{
    width: 130px;
}

.tooltipTP 
{
    padding : 20px;
}


.hxgTooltipContent .title
{

    background-color : #004283;
    height : 40px;
    line-height : 40px;
    font-family : robotoBold;
    font-size : 12pt;
    color :#fff;
    text-align : center;
    width : 100%;
    overflow: hidden;
    white-space: nowrap;
}

#toolTipNotam #tooltipNotamContent
{
    width : 315px;
}
/*
#toolTipNotam #tooltipNotamContent .notam {
    margin: 10px 0;
    padding : 5px 10px;
}*/
/*#toolTipNotam #tooltipNotamContent .notam:nth-child(2n+1) {
    background-image: url("../../img/ihm/route/line.png");
    background-size: 100% 100%;
}*/


#toolTipNotam .title {
    text-indent: 40px;
    font-size: 11pt;
}

#toolTipNotam .title .freq{
    padding : 0 5px 0 10px;
    
}
#toolTipNotam .title .service{
   font-size: 8pt;
    vertical-align: 1px;
    font-family : Roboto;
    
}

.btn-notam
{
    border-color: #b3b3b3;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 0 0;
    font-size: 11pt;
    height: 30px;
    width: 54px;
    vertical-align: top;
}

.btn-wait
{
    vertical-align: top;
    background-image : url("../../../serverFiles/img/icon/waiting.gif");
    background-repeat : no-repeat;
    background-position: center ;
    background-size : 24px 24px;
    height: 30px;
    width: 54px;
    border-color: #b3b3b3;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 0 0;
}


.btn-notam.last
{
    border-color: #fff;
}


.btn-notam.disabled
{
    color : #bbb;
}

.btn-notam.camera
{   
    background-image : url('../../img/tooltip/camera.png');
    background-position: center center;
    background-repeat: no-repeat;
}

#toolTipNotam #tooltipNotamButtons
{
    text-align :center ;
    
}
#toolTipNotam  #notamScroll
{
    height: 210px;
    margin: 10px;
    overflow: auto;
    padding: 5px;

}

#toolTipNotam .nearestad {
    font-family: robotoBold;
    margin: 10px;
    text-align: center;
}

#toolTipNotam .opmetmsg tr td:first-child {
    text-align: right;
    padding-right : 10px;
}

#toolTipNotam .opmetmsg tr td:last-child {
    text-align: left;
    color : #606060;
    font-family : roboto;
}

#toolTipNotam .opmetmsg tr td:last-child {
    color: #606060;
    font-family: roboto;
    text-align: left;
}

#toolTipNotam .opmetmsg .col2.codedmsg 
{
    font-family: robotoLight;
}

#toolTipNotam .opmetmsg tr td
{
    padding:3px 0px;
}


/*#toolTipNotam  #notamScroll  {

    background-image : url("../../img/ihm/search/scroll-horizontal.png");
    background-repeat : no-repeat;
    background-position : center bottom;
    
 
}
*/

#tooltipBranchInfoContent {
    width: 250px;
    text-align: center;
}

#tooltipBranchInfoContent textarea
{
    margin: 10px;
    width: 210px;
    height : 80px;
}


#tooltipBranchInfoContent .control {
    padding: 10px;
}

#tooltipBranchInfoContent .cb > *
{
    vertical-align : middle;
}


#tooltipRadialContent button
{
    margin : 5px 20px;
}


.hxgTooltipContent .rpinfo {
    line-height: 20px;
    width: 210px;
    text-align: center;
}
.hxgTooltipContent .rpinfo .name {
    font-family: robotoLight;
    font-size: 8pt;
    padding: 10px;
}

.hxgTooltipContent .rpinfo .coord {
    padding: 0 10px;
}

.hxgTooltipContent .rpinfo .type2,
.hxgTooltipContent .rpinfo .type1
{
    font-family : robotoBold;
    font-size : 11pt;
}

.hxgTooltipContent .opmet-lbl
{
    padding : 10px;
}

.hxgTooltipContent .rpinfo .type2
{
    color  : #f22;
}


#printNotam button
{
    margin : 0 20px;
}

#printNotam .CONTROL ,
#printNotam .CAPTION
{
    float : left;
}

#printNotam .CAPTION
{
  text-align : left;
}

#printNotam input
{
    vertical-align: middle;
}

#printNotam .printBox {
   line-height: 32px;
    margin: auto;
    width: 150px;
}


#printNotam .CAPTION {
    padding-left: 10px;
}



.tooltipNotamPrintBtn {
   background-image: url("../../img/tooltip/print_w.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 22px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 24px;
    cursor : pointer;
}



#tooltipNewTP .poiList {
    max-height: 305px;
    overflow-x: hidden;
    padding: 10px;
}

#tooltipNewTP .poiLine .coord
{
    float : right;
}

#tooltipNewTP .poiLine .dist,
#tooltipNewTP .poiLine .desc,
#tooltipNewTP .poiLine .img {
    float :left;
}

#tooltipNewTP .poiLine .coord,
#tooltipNewTP .poiLine .dist
{
    color : #808080;
}
/*
#tooltipNewTP .poiLine:hover .coord,
#tooltipNewTP .poiLine:hover .dist
{
    color : #fff;
}*/


#tooltipNewTP .poiLine .img {
    position: relative;
    text-align: center;
    width: 60px;
    margin-top: 8px;
}

/*
#tooltipNewTP .poiLine .img_bg {
    left: 16px;
    position: absolute;
    top: 0;
}

*/
#tooltipNewTP .poiLine .img_ft,
#tooltipNewTP .poiLine .img_bg {
    height: 28px;
    left: 15px;
    position: absolute;
    top: -2px;
    width: 28px;
}

#tooltipNewTP .poiLine .img_ap img
{
    height: 28px;
    width: 28px;
}


#tooltipNewTP .poiLine .img_ap .big img
{
    height: 31px;
    width: 13px;
}



#tooltipNewTP .poiLine .rpoPoint {
    bottom: -10px;
    position: absolute;
    width: 60px;
}


#tooltipNewTP .rpo .img {
    margin-top: 3px;
}

#tooltipNewTP  .desc {
    line-height: 20px;
    width: 260px;
    overflow: hidden;
    white-space: nowrap;
}

#tooltipNewTP .poiLine:hover
{
    cursor: pointer;
    background-color: #ABCAFF;
}


#tooltipNewTP .poiLine {
    height: 46px;
    padding: 5px 5px 0 0;
    width: 330px;

}


#flightSection {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1100;
}

#flightSection .blackBack {
    background-color: #fff;
    /*overflow-x: auto;
    overflow-y: hidden;*/
    padding-top: 10px;
}

#flightSection .scroll-x
{
    background-color : #fff;
}

#flightSection .mCSB_container {
    margin-bottom: 10px;
}

#flightSection #areaInfos {
    color: navy;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 40px;
}

#flightSection .controls {
    float: left;
    left: 13px;
    position: absolute;
    top: 40px;
}

#flightSection #axis {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 50px;
}


#flightSection .ctrl {
    
    
    height: 20px;
    position: absolute;
    right: 18px;
    top: 41px;
    width: 120px;
}

#flightSection #profilAlt {
    
    color: navy;
    height: 30px;
    left: 70px;
    line-height: 30px;
    position: absolute;
    text-align: left;
    top: 35px;
    width: 200px;
}

#flightSection svg .area {
    cursor: help;
}

#flightSection .gramet-ad:hover,
#flightSection .gramet:hover {
    fill: #aaa;
    cursor: pointer;
}

#flightSection #profilLines polyline, #flightSection #profilLines circle {
    cursor: url("../../img/cursor/drag.png") 10 10, crosshair;
}


#flightSection .disabled {
    color: navy;
    font-family: robotoBold;
}
#flightSection a, #flightSection a:visited {
    color: #999;
    cursor: pointer;
    font-size: 10pt;
    text-decoration: none;
    vertical-align: middle;
}

#area-info .header,
#flightSection .header
{

    background-color: #004283;
    color: #fff;
    font-family: robotoBold;
    font-size: 12pt;
    height: 40px;
    line-height: 40px;
    text-align: center;
    white-space: nowrap;

}

#area-info .closeBtn ,
#flightSection .closeBtn 
{
    background-image: url("../../img/ihm/popup/close.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 48px;
    position: absolute;
    right: 0;
    top: -24px;
    width: 48px;
}


#flightSection a:hover {
    color: #ccc;
}

#snapSectionBtn {
    height: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 1px;
    width: 35px;
}

#snapSectionBtn img
{
    cursor :pointer;
}


#flightSection .arrow {
    font-size: 8pt;
}

#flightSection .moreInfo {
    background-color: #fff;
    color: navy;
    font-size: 9pt;
    line-height: 20px;
    padding: 5px 20px 20px;
    position: absolute;
    top: 36px;
    z-index: 2000;
}


#flightSection .back {
    color: red;
    cursor: pointer;
    text-align: center;
}

#flightSection .moreInfo .scroll {
    overflow: auto;
}

.area-more-info .name {
    font-size: 10pt;
    font-family: robotoBold;
    margin: 0 20px;
}


.area-more-info .type,
.area-more-info .alt {
    font-size: 9pt;
    margin: 0 20px;
}




.area-more-info .col1 {
    font-family: robotoBold;
    width: 80px;
}

.area-more-info .col2 img {
    vertical-align  : bottom;
}


.area-more-info .moreInfo table {
    margin-left: 20px;
    margin-top: 5px;
    width: 90%;
}


#overlay-ctrl #area-info
{
    position: absolute;
    bottom: 0px;
    background-color: #fff;
    /*width: 1000px;*/
    z-index: 1150;
    height :  200px;
}

#overlay-ctrl #area-info .scroll-y
{
    padding : 10px;
    height : 150px;
}
    

#tooltipOpmet 
{
    width : 400px;
}
#tooltipOpmet .scroll {
    max-height: 200px;
    padding: 10px;
}


#tooltipMouseInfo 
{
    width : 280px;
}



.mouse-info .action li {
    list-style: none outside none;
    cursor: pointer;
}

.mouse-info .action li:hover,
.mouse-info .action .subtype:hover {
    background-color: #abcaff;
}

.mouse-info .action li.noaction {
    cursor: inherit;
}
.mouse-info .action li.noaction:hover {
    background-color: inherit;
}





.mouse-info .action img {
    height: 22px;
    width: 24px;
}

.mouse-info .action td {
    vertical-align: middle;
}


.mouse-info .action .type {
    font-size: 11pt;
    padding: 5px 12px;
}

.mouse-info .action .subtype {
    padding: 5px 5px;
    font-size: 11pt;
    cursor: pointer;
    width: 55px;
    text-align: center;
}

.mouse-info .action .pad {
    width: 8px;
}


.mouse-info .action .img {
    text-align: center;
    width: 36px;
}

.mouse-info .action .table tr {
    height: 34px;
}


.mouse-info .action ul {
    margin: 0;
    padding: 0;
}


.mouse-info .action {
    margin: 0 20px;
}

.mouse-info .areaList {
    max-height: 200px;
    margin: 0 10px;
}


.mouse-info .action li:first-child {
    border: medium none;
}
.mouse-info .action li {
    border-color: #808080;
    border-style: solid;
    border-width: 1px 0 0;
}

.mouse-info .area-ctn {
    border-color: #808080;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    font-size: 9pt;
    cursor: help;
    position: relative;
}
.mouse-info .mCSB_inside > .mCSB_container {
    margin-right: 15px;
}

.mouse-info .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mouse-info .area-ctn:hover {
    background-color: #ABCAFF;
}

.mouse-info .area-ctn:hover .center {
    background-color: #ABCAFF;
}

.mouse-info .area-ctn:first-child {
    border: none;
}


.mouse-info .area-ctn .arp {
    position: absolute;
    top: 7px;
    right: 10px;
    width: 60px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 8pt;
    text-align: right;
}

.mouse-info .area-ctn .height {
    position: absolute;
    bottom: 4px;
    right: 10px;
    text-align: right;
}

.mouse-info .area-ctn .disp,
.mouse-info .area-ctn .area,
.mouse-info .area-ctn .freq {
    float: left;
}

.mouse-info .area-ctn .disp {
    margin: 12px 12px 0 2px;
}

.mouse-info .area {
    line-height: 18px;
    padding: 4px 0;
    text-align: left;
    width: 132px;
}
.mouse-info .mCSB_container mCS_y_hidden mCS_no_scrollbar_y .area {
    width: 148px;
}


.mouse-info .freq {
    margin-left: 2px;
    margin-top: 7px;
    width: 40px;
    font-size: 8pt;
}

.mouse-info .moreinfo,
.mouse-info .limit {
    color: #808080;
    font-family: robotoLight;
    font-size: 8pt;
}

.mouse-info .section-title {
    background-color: #c9c9c9;
    color: #fff;
    font-family: robotoBold;
    font-size: 11pt;
    padding: 4px 6px;
    text-align: center;
}


.mouse-info .ctrl {
    text-align: center;
    margin: 5px 0 0;
}

.mouse-info .ctrl button {
        width: 160px;
    }


#tooltipMessage {
    /*padding: 10px;*/
    background-color: #fff;
}

/*
#tooltipMessage .polygon
{
    padding : 10px;
    background-color : #fff;
}

#tooltipMessage .ffamad
{
    padding : 10px;
    background-color : #fff;
}
    */
#tooltipMessage td.key
{
    text-align : right;
    padding-right :10px;
    font-family : robotoBold;
}

/*
#tooltipMessage.vor-content .hxgTooltipContent
{
    padding : 10px 0;
}
*/
#tooltipMessage.vor-content span
{
    margin : 10px;
}




#tooltipMouseInfo .hxgTooltipContent
{
    height : 380px;
}
.PREPA #tooltipMouseInfo .hxgTooltipContent
{
    height : 220px;
}


#tooltipMouseInfo .waitcontent
{
    background-image : url("../../../serverFiles/img/icon/waiting.gif");
    height : 350px;
    background-repeat : no-repeat;
    background-position : center center;
}

.PREPA #tooltipMouseInfo .waitcontent
{
    height : 190px;
}

body #picturePopup .hxgPopupContent {
    padding: 10px;
}



#tooltipMessage.pictureTooltip
{
    /*width: 400px;*/
    
    line-height : 18px;
}
/*
#tooltipMessage.pictureTooltip .hxgTooltipContent
{
    padding: 10px 0px;  
}*/

.pictureTooltip .loc-name
{
    /*width: 150px;*/
    text-align : center;
    font-size : 12pt;
    margin-bottom : 5px;
}

.pictureTooltip .loc-wiki {
    overflow: hidden;
    max-width : 400px;
    padding : 5px;
}

.pictureTooltip .loc-alt
{
  /*  width: 70px;
    display: inline-block;
    padding-right : 10px;*/
    float:left;
    
}


.pictureTooltip .loc-aeroinfo,
.pictureTooltip .loc-desc
{
    padding : 5px;
}
.pictureTooltip .loc-coord
{
/*
    width: 150px;
    display: inline-block;
    text-align : right;*/
    float:right;
}

.pictureTooltip .pic-author
{
    margin : 10px 0;
    
}
.pictureTooltip .imgdiv{
    height : 240px;
    text-align  : center;
    vertical-align : middle;
}

.pictureTooltip .imgdesc{
    padding : 5px;
}



.pictureTooltip .pageSelected {
    font-weight: bold;
}
.pictureTooltip .page
{
    cursor : pointer;
}

#tooltipMessage .aeroposition
{
    width : 210px;
} 

#tooltipMessage .aeroposition .time
{
    font-size : 8pt;
    font-style : italic;
    text-align :center;
    
} 


#tooltipGramet .hxgTooltipContent
{
    width: 900px;
    height: 635px;
    overflow: hidden;
}


#tooltipGramet .no-gramet
{
    font-size : 20pt;
    text-align : center;
    line-height : 600px;
}


#tooltipGramet .waitcontent
{
    background-image : url("../../../serverFiles/img/icon/waiting.gif");
    height : 700px;
    background-repeat : no-repeat;
    background-position : center center;
}

.area-legend
{
    width : 30px;
    height : 16px;
    border : solid 2px #f0f;
    position :relative;
}


.area-legend .inner
{
    display : none;
    border : solid 4px #f0f;
    height : 8px;
    
    height: 10px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 24px;
}


.area-legend .center
{
    background-color: #fff;
    height: 8px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 22px;
    display : none;
}




/*************************************** 3D *******************************************************/


#map3d
{
 
}

#popup3D .resize
{
    background-image: url("../../img/ihm/overlay/enlarge.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin : 0 20px;
}


#popup3D .down,
#popup3D .up,
#popup3D .play-btn
{
    background-image: url("../../img/ihm/overlay/arrows.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin : 0 10px;
}
#popup3D .up
{
    background-position : center bottom;
}

#popup3D .play-btn
{
    background-position : center center;
}

#popup3D.fullscreen .resize
{
    background-position : center bottom;
}

#popup3D .title {
    margin: auto;
}

#popup3D .hxgPopupContent
{
    
    padding: 0px;
}

#popup3D .hxgPopupCloseBtn
{
    right : 10px;
}
#popup3D.fullscreen .hxgPopupCloseBtn
{
    top : -7px;
    
}

#popup3D_root 
{
    width : 0px;
    height : 0px;
}
#popup3D_root .hxgPopupMask
{
    display : none;
}

#popup3D .title .alt
{
    font-size: 10pt;
    width: 90px;
    white-space: nowrap;
}

#map-info-message
{
    max-width : auto;
}

#map-info-message  .hxgPopupContent
{
    font-family: robotolight;
    text-align: left;
    color: #222;
    padding: 0px 20px 10px;
}

#map-info-message .FRA_MACH7_DEMO 
{
  width: 802px;
}

#map-info-message .FRA_MACH7_DEMO img
{
    height : 177px;
}

#map-info-message .FRA_MACH7_DEMO tr.img{
    height: 177px;
    text-align : center;
}

#map-info-message .FRA_MACH7_DEMO .label td {
    padding-bottom: 15px;
    text-align: center;
}

#map-info-message .FRA_MACH7_DEMO .sep
{
    width : 20px;
}