/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*===================================
/*   Basic page styles
/*===================================*/
body {
    font-family:'lucida grande',tahoma,arial,sans-serif;
    font-size:11px;
	background: #d2d9df;
}
a {
    color:#15428B;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

#header {
	background: url(../images/header.png) repeat-x;
	height: 124px;
	position: absolute;
	width: 100%;
}
#headerleft {
	float: left;
    background: url(../images/header_left.png) no-repeat center;
	width: 240px;
	height: 124px;
}
#headercenter{
	margin-left: 240px;
	margin-right: 240px;
    background: url(../images/header_center.png) no-repeat center;
	height: 124px;
}
#headerright {
	float: right;
    background: url(../images/header_right.png) no-repeat center;
	width: 240px;
	height: 124px;
	cursor: pointer;
}
#headercenter h1 {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px;
}

#start-div h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}
#start-div p {
    margin: 10px 0;
}
#start-div h3 {
    font-size: 11px;
    color: #555;
}
#start-div h4 {
    font-size: 12px;
    color: #555;
}

#apropos-div h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}
#apropos-div h3 {
    font-size: 11px;
    color: #555;
}
#apropos-div p {
    margin: 10px 0;
}
#apropos-div ul {
    color: #555;
	font-size: 100%;
}

#help-div h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}
#help-div p {
    margin: 10px 0;
}

#email-div h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}
#email-div p {
    margin: 10px 0;
}

#add-poi h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}
#download-data p {
    margin: 10px 0;
}

#download-data h2 {
    font-size: 12px;
    color: #555;
    padding-bottom:5px;
    border-bottom:1px solid #C3D0DF;
}
#add-poi p {
    margin: 10px 0;
}

#details-panel h2 {
    padding:10px 10px 0;
    font-size:12px;
    color:#15428B;
}
#details-panel p {
    padding:10px 10px 0;
}
#details-panel pre {
    border-top:1px dotted #ddd;
    border-bottom:1px dotted #ddd;
    margin-top:10px;
    padding:0 5px;
    background:#f5f5f5;
}
#details-panel .details-info {
    margin:15px;
    padding:15px;
    border:1px dotted #999;
    color:#555;
    background: #f9f9f9;
}

#partenaire {
	padding: 10px 10px 10px 10px;
}

#partenaireleft {
	float: left;
}

#partenaireright {
	float: right;
}

/*===================================
/*   Customized layout styles
/*===================================*/

/* treenode police */
.x-tree-node{
	color: black;
	font: normal 11px 'lucida grande',tahoma,arial,sans-serif;
	white-space: nowrap;
}

.x-tree-root-ct{
	zoom:1;
	padding: 5px;
}

.x-tree-node-leaf .x-tree-node-icon{/*background-image:url(../images/default/tree/leaf.gif);*/}


/* Remove the border around the tabs and override the default white background: */
.x-tab-panel-header-plain .x-tab-strip-top {
    background: #d2d9df url(../images/default/tabs/tab-strip-bg.gif) repeat-x scroll center bottom !important;
}

/* Custom CSS applied to a single panel in an accordion: */
.custom-accordion .x-panel-body {
    font-family:georgia,serif;
    padding:20px 80px !important;
    background:#ffe;
    font-size:18px;
    text-align:center;
    color:#15428B;
}
.custom-accordion .x-panel-header-text {
    font-weight:bold;
    font-style:italic;
    color:#555;
}

/* Custom style for the FormLayout footer so that it integrates into the border layout nicely: */
#form-panel .x-panel-footer {
    background:#DFE8F6;
    border-color:#99BBE8;
    border-style:none solid solid;
    border-width:0pt 1px 1px;
}

/* Customize the TableLayout html using standard CSS rules: */
#table-panel .x-table-layout {
    padding:5px;
}
#table-panel .x-table-layout td {
    vertical-align:top;
    padding:5px;
    font-size: 11px;
}

/* Toolbar icons for absolute form example: */
.icon-send {
    background-image:url(../images/email_go.png) !important;
}
.icon-save {
    background-image:url(../images/disk.png) !important;
}
.icon-print {
    background-image:url(../images/printer.png) !important;
}
.icon-spell {
    background-image:url(../images/spellcheck.png) !important;
}
.icon-attach {
    background-image:url(../images/page_attach.png) !important;
}
/* Custom rule to make the toolbar fit within a framed panel with no margin: */
.email-form .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top:1px solid #C2D6EF;
    border-left:1px solid #C2D6EF;
    border-bottom:1px solid #99BBE8;
    margin:-5px -4px 0;
}

/* Custom styles for the "Tabs with nested layouts" example: */
.inner-tab-custom .x-border-layout-ct {
    background: #fff;
}

/*===================================
/*  Rules for custom ux layouts
/*====================================*/
/* 
 * Ext.ux.layout.CenterLayout
 */
.ux-layout-center-item {
    margin:0 auto;
    text-align:left;
}
.ux-layout-center .x-panel-body,  /* if the container is a panel */
body.ux-layout-center {           /* if the container is the doc body (for viewport) */
    text-align:center;
}


/* update geopyrenees */
.x-border-layout-ct {
    background:#d2d9df;
}

.x-border-layout-ct{
	background:#d2d9df;
}

/*ul.x-tab-strip-top{
	background:#d2d9df;
	border-color:#d0d0d0;
    padding-top: 2px;
}*/

.mapicon{
	background-image: url(../icon/famfamfam/map.png) !important;
}

.house{
	background-image: url(../icon/famfamfam/house.png) !important;
}

.mapiconadd{
	background-image: url(../icon/famfamfam/map_add.png) !important;
}

.download{
	background-image: url(../icon/famfamfam/drive_go.png) !important;
}

.add{
	background-image: url(../icon/famfamfam/add.png) !important;
}

.email{
	background-image: url(../icon/famfamfam/email.png) !important;
}

.help{
	background-image: url(../icon/famfamfam/help.png) !important;
}

.information{
	background-image: url(../icon/famfamfam/information.png) !important;
}

#id_waiting_div {
	background-color : #ffffff;
	height :0; 
	width : 0px;
	border-width : 0px;
	border-color : #d0d0d0;
	border-style : solid;
	padding-top : 1px;
	padding-bottom : 0px;
	padding-left : 1px;
	padding-right : 0px;
}

#id_progress_div {
	width : 0px;
	height : 18px;
	border : 0px solid black;
	text-align : center;
	font-weight: bold;
	color : #000000;
	background-image : url(../images/background_divprogress.png);
	background-repeat : repeat-x;
}

#form {
	font-weight: bold;
}