/**************************************************************************
** PROJECT :		GESTION LAYER
** FILE NAME :		layer.css
** CREATED :		03/10/06							BY :	Ludo Ran
** CONTENT :		Feuille de styles relative au squelette du projet
**    
***************************************************************************/

/* GLOBAL RULES */

.lgd_body {
	width: 384px;
	/*height: 500px;*/
	/*max-height: 500px;
	height: expression(this.scrollHeight > 500? "500px" : "auto" );*/
	font: 11px arial;
	color: #707070;
	padding: 0;
	margin: 0;
	background: #ffffff;
	overflow: hidden;
}

.lgd_body table {
	font: 11px arial;
	margin: 0;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.lgd_body td { height: 22px;}
.lgd_body fieldset { text-align: center; padding: 0; margin: 0; }
.lgd_body input, .lgd_body label, .lgd_body select { float: left; font-size: 11px; }
.lgd_body select { width: 120px; }

/* CONTAINER RULES */

.lgd_body #container {
	width: 422px;
	/*height: 530px;*/
	color: #707070;
	background: #f4f4f4;
	padding: 1px;
	overflow: hidden;
}

.lgd_body #globalfield .slctbox { width: 120px; margin: 5px 0 0 2px; _border: 1px solid #cbd2d9; }
.lgd_body #globalfield .slctbox select { float: left; _width: 100%; font: 10px arial; _margin: -2px 0 -2px -2px; border: 1px solid #cbd2d9; }
.lgd_body #globalfield input, .lgd_body #globalfield textarea { border: 1px solid #cbd2d9; }

.lgd_body div.layercontent { float: left;width: 355px; height: 150px; margin: 2px 2px 0 2px; background: #ffffff; border-top: 1px solid #cbd2d9; border-right: 1px solid #cbd2d9; overflow: auto; 
	scrollbar-arrow-color: #858d9b; 
	scrollbar-track-color: #ecf3ff; 
	scrollbar-face-color: #c1cde1; 
	scrollbar-shadow-color: #858d9b; 
	scrollbar-highlight-color: #858d9b; 
	scrollbar-darkshadow-color: #ecf3ff; 
	scrollbar-3dlight-color: #ecf3ff; }
.lgd_body div.layercontent table { float:left; height:155px; vertical-align:top; margin: 2px 0 0 1px; }
.lgd_body div.layercontent td, .lgd_body div.layercontent th { height: 22px; border-right: 1px solid #cbd2d9; border-bottom: 1px solid #cbd2d9; }
.lgd_body div.layerbutton { float:left; width: 350px; height: 24px; margin: 2px 2px 0 2px; padding-left: 120px; overflow: auto; } 
.lgd_body div.layerbutton span.stladmit { float: right; margin: 0 25px; width: 60px !important; }
.lgd_body div.layerbutton span.stladmit input { width: 60px !important; height: 16px !important; font: 11px arial, sans-serif; color: #fff; background: transparent url(../images/button.gif) 0 0 no-repeat; border: none; cursor: pointer; }


.lgd_body img.icon { cursor: pointer; }

/* SINGLESYMBOL, GRADUATECOLOR, GRADUATESYMBOL, SINGLEVALUE, DIAGRAM RULES */

.lgd_body fieldset#singleSymbol, .lgd_body fieldset#graduateColor, .lgd_body fieldset#graduateSymbol, .lgd_body fieldset#singleValue,.lgd_body fieldset#diagram {
	display: none;
	width: 360px;
	height: 175px;
	margin: 2px;
	padding: 0;
	border: 1px solid #e0e4e9;
}

.lgd_body table.lgdtabtype { float: left; width: 330px; height: 15px; margin: 5px 0 0 5px; _margin-left: 2px; border-bottom: 1px solid #cbd2d9; border-left: 1px solid #cbd2d9; }
.lgd_body table.lgdtabtype thead { background: #f4f4f4; }
.lgd_body table.lgdtabtype tbody { background: #ffffff; }

.lgd_body div.classContenu { float: left; width:362px; _width:354px; height: 150px; padding:0; overflow: auto; border: 1px solid #ffffff; }
.lgd_body div.classContenu table { background: #ffffff; }
.lgd_body div.classContenu span.slctbox { width: 90px; margin: 5px 0 0 2px; _border: 1px solid #cbd2d9; }
.lgd_body div.classContenu span.slctbox textarea { float: left; _width: 100%; font: 10px arial; _margin: -2px 0 -2px -2px; border: 1px solid #cbd2d9; }

.lgd_body fieldset#singleSymbol .symbtitle { width: 80px; border: 1px solid #000000;} 
.lgd_body fieldset#singleSymbol .symbcontent { width: 336px; border: 1px dotted #000000;}
.lgd_body fieldset#singleSymbol span { float: left; }

.lgd_body td.tcol1, .lgd_body td.tcol2, .lgd_body td.tcol3, .lgd_body td.tcol4, .lgd_body td.tcol5 { height: 15px; margin:0; padding:0; border-top: 1px solid #cbd2d9; border-right: 1px solid #cbd2d9; }
.lgd_body td.tcol1 { width:50px; } 
.lgd_body td.tcol2 { width:100px; } 
.lgd_body td.tcol3 { width:90px; } 
.lgd_body td.tcol4 { width:50px; } 
.lgd_body td.tcol5 { width:20px; }

.lgd_body td.col1, .lgd_body td.col2, .lgd_body td.col3, .lgd_body td.col4, .lgd_body td.col5 { height: 60px; margin:0; border-top: 1px solid #cbd2d9; border-right: 1px solid #cbd2d9; }
.lgd_body td.col1 { width:50px; }
.lgd_body td.col1 img { cursor: pointer; }
.lgd_body td.col2 { width:100px; } 
.lgd_body td.col3 { width:90px; } 
.lgd_body td.col4 { width:50px; } 
.lgd_body td.col5 { width:20px; }
.lgd_body td.col5 img { cursor: pointer; }

.lgd_body fieldset#graduateColor .classtab select { width: auto; }
.lgd_body fieldset#graduateColor span.stladmit, .lgd_body fieldset#graduateSymbol span.stladmit { float: right; margin: 0 25px; width: 60px !important; padding: 0; }
.lgd_body fieldset#graduateColor span.stladmit input, .lgd_body fieldset#graduateSymbol span.stladmit input { width: 60px !important; height: 16px !important; font: 11px arial, sans-serif; color: #fff; background: transparent url(../images/button.gif) 0 0 no-repeat; border: none !important; cursor: pointer;  }
ab { width: 60px; border: 1px solid; }
.lgd_body fieldset#graduateColor span.slctbox, .lgd_body fieldset#graduateSymbol span.slctbox, .lgd_body fieldset#singleValue span.slctbox { width: 120px; margin: 5px 0 0 2px; _border: 1px solid #cbd2d9; }
.lgd_body fieldset#graduateColor span.slctbox select, .lgd_body fieldset#graduateSymbol span.slctbox select, .lgd_body fieldset#singleValue span.slctbox select { float: left; _width: 100%; font: 10px arial; _margin: -2px 0 -2px -2px; border: 1px solid #cbd2d9; }

.lgd_body fieldset#singleValue select { width: 150px; }
.lgd_body fieldset#singleValue .classtab select { width: 280px; }
.lgd_body fieldset#singleValue .symbcontent td{ width: 80px; border: 1px dotted #000000;}

.lgd_body fieldset#diagram div { height: 200px; }
.lgd_body fieldset#diagram select { width: 180px; }
.lgd_body fieldset#diagram .dgleft tbody, #diagram .dgright tbody { background: #ffffff; }
.lgd_body fieldset#diagram .dgleft td, #diagram .dgright td { border-right: 1px dotted; border-bottom: 1px dotted; }
.lgd_body fieldset#diagram .dgleft, #diagram .dgmiddle { float:left; width: 25%; }
.lgd_body fieldset#diagram .dgmiddle { vertical-align: middle; }
.lgd_body fieldset#diagram .dgmiddle input { width: 80px; }
.lgd_body fieldset#diagram .dgright { width: 40%; }


/* TABFOOTER RULES */

.lgd_body div.tabfooter { width: 350px; }
.lgd_body div.tabfooter span.stladmit { float: right; margin: 0 25px; width: 60px !important; padding: 0; }
.lgd_body div.tabfooter input { width: 60px !important; height: 16px !important; font: 11px arial, sans-serif; color: #fff; background: transparent url(../images/button.gif) 0 0 no-repeat; border: none; cursor: pointer;  }


#diveditStyle label {
	float: left ;
	clear: left ;
	width: 160px ; 
	font: 11px helvetica;
}
#diveditStyle input {
	float: left ;
	width: 120px ;
	height: 15px ;
	font: 11px helvetica ;
	margin-top: 3px;
	border: 1px solid #cbd2d9;
}

#diveditStyle span.slctbox { 
	float: left;
	width: 120px; 
	margin-top: 3px; 
	_border: 1px solid #cbd2d9; 
}

#diveditStyle span.slctbox select { 
	float: left; 
	width: 120px;
	_width: 101%; 
	font: 11px arial; 
	_margin: -2px 0 -2px -2px; 
	border: 1px solid #cbd2d9; 
}