/**
 * Copyright (C) 2015 - 2018 Kosmos contact@kosmos.fr
 *
 * Projet: webapp
 * Version: 6.07.77
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
html, body
{
	background-color: transparent;
	margin: 0;
	padding: 0;
}

body {
	font: 500 .75em/1.5 arial, helvetica, sans-serif;
	padding: 1em;
}

body, td, input, select, textarea
{
	/* font-size: 11px; */
	font-family: arial, sans-serif;
}

body, .BackColor
{
	background-color: #e5e5e5;
}

.PopupBody
{
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-color: transparent;
	padding: 0;
}

#header
{
	cursor: move;
}

.PopupTitle
{
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	background-color: #4c5975;
	padding: 3px 10px 3px 10px;
}

.PopupButtons
{
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	border-top: #4c5975 1px solid;
	background-color: #4c5975;
	padding: 7px 10px 7px 10px;
}

.Button
{
	font-weight: 700;
	border: #666 1px solid;
	background-color: #fff;
}

#btnOk
{
	width: 100px;
}

.DarkBackground
{
	background-color: #eee;
}

.LightBackground
{
	background-color: #ffffbe;
}

.PopupTitleBorder
{
	border-bottom: #4c5975 1px solid;
}

.PopupTabArea
{
	color: #666;
	background-color: #4c5975;
}

.PopupTabEmptyArea
{
	padding-left: 10px;
	border-bottom: #4c5975 1px solid;
}

.PopupTab, .PopupTabSelected
{
	border-right: #4c5975 1px solid;
	border-top: #4c5975 1px solid;
	border-left: #4c5975 1px solid;
	padding: 3px 5px 3px 5px;
	color: #666;
}

.PopupTab
{
	margin-top: 1px;
	border-bottom: #4c5975 1px solid;
	cursor: pointer;
	cursor: hand;
}

.PopupTabSelected
{
	font-weight: 700;
	cursor: default;
	padding-top: 4px;
	border-bottom: #e5e5e5 1px solid;
	background-color: #e5e5e5;
}

.PopupSelectionBox
{
	border: #ff9933 1px solid !important;
	background-color: #fffacd !important;
	cursor: pointer;
	cursor: hand;
}

#tdBrowse
{
	vertical-align: bottom;
}

/**
 * Dialog frame related styles.
 */

.contents
{
	position: absolute;
	top: 2px;
	left: 16px;
	right: 16px;
	bottom: 20px;
	background-color: #e5e5e5;
	overflow: hidden;
	z-index: 1;
}

.tl, .tr, .tc, .bl, .br, .bc
{
	position: absolute;
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
}

* html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc
{
	background-image: url(images/sprites.gif);
}

.ml, .mr
{
	position: absolute;
	background-image: url(images/dialog.sides.png);
	background-repeat: repeat-y;
}

* html .ml, * html .mr
{
	background-image: url(images/dialog.sides.gif);
}

.rtl .ml, .rtl .mr
{
	position: absolute;
	background-image: url(images/dialog.sides.rtl.png);
	background-repeat: repeat-y;
}

* html .rtl .ml, * html .rtl .mr
{
	background-image: url(images/dialog.sides.gif);
}

.tl
{
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background-position: -16px -16px;
}

.rtl .tl
{
	background-position: -16px -397px;
}

.tr
{
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
	background-position: -16px -76px;
}

.rtl .tr
{
	background-position: -16px -457px;
}

.tc
{
	top: 0;
	right: 16px;
	left: 16px;
	height: 16px;
	background-position: 0 -136px;
	background-repeat: repeat-x;
}

.ml
{
	top: 16px;
	left: 0;
	width: 16px;
	bottom: 51px;
	background-position: 0 0;
}

.mr
{
	top: 16px;
	right: 0;
	width: 16px;
	bottom: 51px;
	background-position: -16px 0;
}

.bl
{
	bottom: 0;
	left: 0;
	width: 30px;
	height: 51px;
	background-position: -16px -196px;
}

.rtl .bl
{
	background-position: -16px -517px;
}

.br
{
	bottom: 0;
	right: 0;
	width: 30px;
	height: 51px;
	background-position: -16px -263px;
}

.rtl .br
{
	background-position: -16px -584px;
}

.bc
{
	bottom: 0;
	right: 30px;
	left: 30px;
	height: 51px;
	background-position: 0 -330px;
	background-repeat: repeat-x;
}

/* For IE6. Do not change it. */
* html .blocker
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 12;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/* The layer used to cover the dialog when opening a child dialog. */
.cover
{
	position: absolute;
	top: 0;
	left: 14px;
	right: 14px;
	bottom: 18px;
	z-index: 11;
}

#closeButton
{
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 5px;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
	background-position: -16px -651px;
}

* html #closeButton
{
	cursor: hand;
	background-image: url(images/sprites.gif);
}

.rtl #closeButton
{
	right: auto;
	left: 10px;
	margin-right: 0;
}

#closeButton:hover
{
	background-position: -16px -687px;
}

#throbberBlock
{
	z-index: 10;
}

#throbberBlock div
{
	float: left;
	width: 8px;
	height: 9px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 1px;	/* IE6 */
}

/*
	Color Gradient Generator:
	http://www.herethere.net/~samson/php/color_gradient/?cbegin=666&cend=4c5975&steps=4
*/

.throbber_1
{
	background-color: #666;
}

.throbber_2
{
	background-color: #888;
}

.throbber_3
{
	background-color: #aaa;
}

.throbber_4
{
	background-color: #ccc;
}

.throbber_5
{
	background-color: #4c5975;
}