/* 
    Document   : gmapp
    Created on : 02-Aug-2009, 11:02:12
    Author     : Andreas Hadjigeorgiou
    Description: This stylesheet will override some styles of the extjs theme
                 to much with the client's design
*/

/* ExtJS Styles */
@import '../js/ExtJS/resources/css/ext-all.css';
@import '../js/ExtJS/resources/css/xtheme-gray-extend.css';
/* OpenLayers Styles */
@import '../js/OpenLayers/themes/white/css/styles.css';

@import '../js/ExtJS/resources/css/TreeCheckbox.css';
@import '../js/ExtJS/resources/css/TriStateNodeUI.css';

body {
    folt-family: tahoma;
    font-size:11px;
}

/* ******************************************************** */
/* MAP DESIGN  */
/* ******************************************************** */
div#topbox {
    float:left;
    width: 100%;
    background: url(../../webfiles/images/geomatic/map_top_bg.jpg) repeat-x;
    height: 94px;
}
div#logobox {
    float:left;
    width: 180px;
}
div#toolbox {
    float:left;
    width: 750px;
    height: 66px;
    margin: 20px 0px 0px 100px;

}
div#toolbox_left {
    float:left;
    width: 7px;
    height: 64px;
    background: url(../../webfiles/images/geomatic/toolbox_bg_left.jpg) no-repeat;
}
div#toolbox_mid {
    float:left;
    width: 780px;
    height: 64px;
    background: url(../../webfiles/images/geomatic/toolbox_bg.jpg) repeat-x;
}
div#toolbox_right {
    float:left;
    width: 7px;
    height: 64px;
    background: url(../../webfiles/images/geomatic/toolbox_bg_right.jpg) no-repeat;
}
/* ******************************************************** */

div#geomaticlogo {
    position: absolute;
    width: 78px;
    height: 49px;
    bottom: 0px;
    right: 0px;
    z-index:1000;
    /*background: url();*/
}

div#geomaticlogo img{
    width: 78px;
    height: 49px;
}

.x-form-field-wrap {
    float:left;
}

ul.x-tab-strip {
        height: 21px !important;
        height: 23px;
}
.x-dock-highlight {
/*		border: 1px dashed #99BBE8;*/
        background:#CBDDF3 none repeat scroll 0% 50%;
        opacity:0.45;
        FILTER: alpha(opacity=45);
}
.x-dock-tab-drop-highlight {
        position: absolute;
        z-index: 9999;
        top:0px;
}

div.searchfieldcont {
    float:left;
    width:90%;
    margin:10px;
    font-size:10px;
}

div.search-item {
    float:left;
    padding:3px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    /*height: 12px;*/
    overflow: hidden;
}

div.cust-search-item {
    float:left;
    padding:3px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    /*height: 12px;*/
    overflow: hidden;
}

.treeParentNodeBG {
    /*background-image: none !important;*/
    margin-right: 2px;
}

.tree-node-halfcheck input{
    /*color:aqua;*/
}

.x-tree-checkbox {
    margin-left: 2px;
}

#autoload-content p {
	margin: 8px 0;
}
#autoload-content p:first-child {
	margin: 0px 0 8px 0;
}
#help-win .x-window-body {
	background: white;
	padding:4px;
}

#about-win .x-window-body {
	background: white;
	padding:4px;
}

/* ***************LOADING*********************** */
.olControlLoadingPanel {
    background-image:url(../images/maploading.gif);
    background-position:center;
    background-repeat:no-repeat;
}


/* ************************************** */
/* Search Results */
/* ************************************** */
div.search-selected {
    float:left;
    width: 235px;
    margin: 10px 10px 0px 0px;
}

div.search-sel-close {
    float:left;
    width: 100%;
    text-align: right;

}
div.search-sel-close a {
    color: #999;
    text-decoration: underline;
    font-size:11px;
}
div.search-sel-close a:hover {
    text-decoration: none;
    font-size:11px;
}

a.clear_search_history {
    color: #999;
    text-decoration: underline;
}
a.clear_search_history:hover {
    text-decoration: none;
}

a.search-selected-item-a {
    float:left;
    width:100%;
    color:#333;
    text-decoration: none;
}

a.search-selected-item-a:hover {
    font-weight: bold;
    /*background-color: #999;*/
}

div.search-selected-item {
    padding: 5px;
    border: 1px solid #ccc;
    width: 225px;
}

div.search-sel-links {
    float:left;
    width:100%;
}
div.search-sel-links a {
    color: #999;
    text-decoration: underline;
    font-size:11px;
}
div.search-sel-links a:hover {
    text-decoration: none;
    font-size:11px;
}

div.olPopup {
    /*background: transparent !important;*/
    cursor: default;
}
/*
.olLayerGoogleCopyright {
    display: none;
}

.olLayerGooglePoweredBy {
    display: none !important;
}
*/
/* *************************** */
/* Navigation */
/* *************************** */
div.naviPosImg {
    float:left;
    width: 20px;
}
div.naviPosTxt {
    float:left;
    width: 190px;
    padding: 4px 3px 0px 7px;
    font-weight: bold;
}
div.naviPosRemove {
    float:left;
    width: 10px;
    margin: 3px 0px 0px 2px;
}
div.naviClear {
    float:left;
    width: 100%;
    text-align: right;
}
div#naviLoading {
    float:left;
    width:100%;
    text-align:center;
    margin-top: 40px;
}
div.naviClear a {
    color: #999;
    text-decoration: underline;
    font-size:11px;
}
div.naviClear a:hover {
    color: #999;
    text-decoration: none;
    font-size:11px;
}

ol, dl, ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
.navi-poinmts-list {
    margin-top: 5px;
}
.navi-poinmts-list dt {
    font-size:14px;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    vertical-align: middle;
    margin: 5px 0px 5px 0px;
}
.navi-poinmts-list dt img{
    margin-right: 10px;
    vertical-align: middle;
}
.navi-poinmts-list dd {
    float:left;
    margin-left: 0px;
    width: 100%;
}
.navi-poinmts-list dd a{
    border-top: 1px solid #ccc;
    padding: 3px 0px 3px 0px;
    display: block;
    color: #333 !important;
    text-decoration: none;
}
.navi-poinmts-list dd img{
    float:left;
    margin: -2px 5px 0px 0px;
}
.navi-poinmts-list dd span {
    float:left;
    width: 200px;
    cursor: pointer;
}
div.naviSwap {
    float:left;
    width:230px;
    text-align: right;
    height: 10px;
}

div.search-selected-to {
    float:left;
    width: 235px;
    margin: 3px 10px 0px 0px;
}

div.sButton {
    float:left;
    margin: 2px 2px 0px 0px;
    /*width: 75px;*/
    padding:3px 5;
    border: 1px solid #999;
    background-color: #CCC;
}
div#sButtonCont {
    float:left;
}
div#sButtonIcon {
    float:left;
}
div#sButtonText {
    float:left;
    margin-left: 7px;
}

div.sButton a{
    font-family: tahoma;
    font-size: 10px;
    color: #000;
    text-decoration: none;
    font-size:11px;
}

.x-layout-collapsed-south {
    background: red !important;
    display:none !important;
}


/**
 * Cursor styles
 */
div.olMap {
    /*cursor: -moz-grab;*/
    cursor: url(../images/openhand.cur), url(src/images/openhand.cur), default;
}

.olCursorWait {
    cursor: wait;
}
.olDragDown {
    cursor:  url(../images/closedhand.cur), url(src/images/closedhand.cur), default;
    /*cursor: -moz-grabbing;*/
}
.olDrawBox {
    cursor: crosshair;
}
.olControlDragFeatureOver {
    cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    /*cursor: -moz-grabbing;*/
    cursor:  url(../images/closedhand.cur), url(src/images/closedhand.cur), default;
}

.olControlNoSelect {
    cursor: pointer;
}

a.popupClose {
    background: url(../images/popup/close.jpg) no-repeat;
}
a.popupClose:hover {
    background: url(../images/popup/close_hover.jpg) no-repeat;
}


.x-list-wrap {background-color:#fff;}
.x-window-body {
    background-color: #FFF;
}