/* */body {
    background: #ffffff;
    font-family: Verdana, Helvetica, Arial;
    font-size: 80%;
    margin: 10px;
    padding: 0px;
    
    
}
	
p { 
	text-align: justify;
	padding: 5px 30px 5px 30px;
	color: #786A47;
	line-height: 1.5em;
}

li { 
	text-align: justify;
	padding: 0px 30px 5px 30px;
	color: #786A47;
	line-height: 1.5em;
}
	
a {
	text-decoration: none;
	background: transparent url(../images/dot.gif) repeat-x left bottom;
}

a:link ,a:visited {
	color: #5785A4;
}

a:hover {
	color: #1D8FDB;
}

input {
	background: #EEEEFF;
}

textarea {
	background: #EEEEFF;
}

select {
	background: #EEEEFF;
}

Main table

table.list {
    text-align: left;
    border: 1px solid #808080;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
    background: white;
}

table.list td {
    padding-left: 3px;
}

table.list th {
    background-color: #8080FF;
    padding: 2px;
    padding-left: 3px;
    border-bottom: 1px solid black;
    text-align: center;
    color: black;
}

table.list tr.even {
    background: #EEEEEE;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

table.list tr.odd {
    background: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    color: #000000;
}

table.list tr.hidden {
    background: #999999;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    font-style: italic;
    text-align: center;
}

table.list th.sortable {
	cursor: pointer;
	background-image: url(../images/arrow_off.png);
	background-repeat: no-repeat;
	background-position: center right;
}

table.list th.sorted {
	cursor: pointer;
	background-image: url(../images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: center right;
}

table.list th.sorted_asc {
	cursor: pointer;
	background-image: url(../images/arrow_up.png);
	background-repeat: no-repeat;
	background-position: center right;
}





DHTML box for add/edit forms

.box, .box_body, .box_head, .box_head h2 { 
	background: transparent url(../images/box.png) no-repeat bottom right; 
}

.box { 
	width: 600px;
	padding-right: 15px; the gap on the right edge of the image (not content padding) 
	margin: 20px auto; use to position the box
	z-index: 10;
	position: absolute;
	top: 100px;
	left: 230px;
}

.box_head { 
	background-position: top right;
	margin-right: -15px; pull the right image over on top of border
	padding-right: 40px; right-image-gap + right-inside padding
}

.box_head h2 {
	background-position: top left;
	margin: 0; reset main site styles 
	border: 0; ditto
	padding: 25px 0 15px 40px; padding-left = image gap + interior padding ... no padding-right 
	height: auto !important; height: 1%; IE Holly Hack
}

.box_body { 
	background-position: bottom left; 
	margin-right: 25px; interior-padding right 
	padding: 15px 0 15px 40px; mirror .cssbox_head right/left
}

specific elements

#page {
    width: 95%;
}

#title {
    font-size: 8px;
}

#username {
    font-size: 12px;
    text-align: right;
}

#content {
    background: #ffffff;
    border: 1px solid #cccccc;
    width: 95%;
    border-top: 0;
    clear: both;
    margin: 0px;
    padding: 15px;
}

#sourceforge {
}

#bug {
    font-size: 10px;
    text-align: right;
}

#menuTable {
	width: 150px;
	text-align: left;
}

.message {
    margin-top: 100px;
    margin-bottom: 100px;
    font-size: 150%;
    font-weight: bold;
    font-style: italic;
	text-align: center
}

.error {
    color: #FF0000;
}

.success {
	color: #FF0000;
}

.completed {
	font-style: italic;
	font-size: 80%;
}


.icon-evaluer {
    background-image: url(../images/montant_eval.png) !important;
}
.icon-charger {
    background-image: url(../images/bin_closed.png) !important;
}
.icon-user {
    background-image: url(../images/user.png) !important;
}

.icon-user-add {
    background-image: url(../images/user_add.gif) !important;
}


.icon-save {
    background-image: url(../images/save.gif) !important;
}

.icon-reset {
    background-image: url(../images/stop.png) !important;
}

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

.icon-add {
    background-image: url(../images/add.png) !important;
}
.icon-refresh-refresh {
    /*background-image: url(../icons/refresh.png) !important;*/
    background-image: url(../images/icon-reload.jpg) !important;
}
.icon-add-add {
    /*background-image: url(../icons/Plus-20.png) !important; \icons*/
    background-image: url(../images/add-new.png) !important;
}
.icon-drop-down {
    background-image: url(../icons/double-drop-down.png) !important;
}
.icon-drop-up {
    background-image: url(../icons/double-drop-up.png) !important;
}

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

.txtContext { height: 100%;}
.txtContext .placeholder { display:inline-block; vertical-align: middle; }


* ARRAY GRID *
style rows on mouseover
.x-grid-row-over .x-grid-cell-inner {
    /*font-weight: bold;*/
    cursor: auto;
}

shared styles for the ActionColumn icons
.x-action-col-cell img {
    height: 16px;
    width: 16px;
    cursor: auto;
}
.x-grid-row .x-grid-cell-inner {
	white-space: normal;
}
.x-grid-row-over .x-grid-cell-inner {
	/*font-weight: bold;*/
	white-space: normal;
}
    	

.Style4 {font-size: 10px}

.Style5 {
    color: #3f2100;
    font-weight: bold;
    font-size: 24px;
}




.x-grid3-dirty-cell {
	background-image:none;
}

.change-row {
	background-color: #fff799;
	border-color:#FA1505;
	border-color:#FF483D;
}





.x-grid3 .x-window-ml {
	padding-left: 0;
}

.x-grid3 .x-window-mr {
	padding-right: 0;
}

.x-grid3 .x-window-tl {
	padding-left: 0;
}

.x-grid3 .x-window-tr {
	padding-right: 0;
}

.x-grid3 .x-window-tc .x-window-header {
	height: 3px;
	padding: 0;
	overflow: hidden;
}

.x-grid3 .x-window-mc {
	border-width: 0;
	background: #cdd9e8;
}

.x-grid3 .x-window-bl {
	padding-left: 0;
}

.x-grid3 .x-window-br {
	padding-right: 0;
}

.x-grid3 .x-panel-btns {
	padding: 0;
}

.x-grid3 .x-panel-btns td.x-toolbar-cell {
	padding: 3px 3px 0;
}

.x-box-inner {
	zoom: 1;
}

	



application specific styles



.x-grid3 .x-window-ml {
	padding-left: 0;
}

.x-grid3 .x-window-mr {
	padding-right: 0;
}

.x-grid3 .x-window-tl {
	padding-left: 0;
}

.x-grid3 .x-window-tr {
	padding-right: 0;
}

.x-grid3 .x-window-tc .x-window-header {
	height: 3px;
	padding: 0;
	overflow: hidden;
}

.x-grid3 .x-window-mc {
	border-width: 0;
	background: #cdd9e8;
}

.x-grid3 .x-window-bl {
	padding-left: 0;
}

.x-grid3 .x-window-br {
	padding-right: 0;
}

.x-grid3 .x-panel-btns {
	padding: 0;
}

.x-grid3 .x-panel-btns td.x-toolbar-cell {
	padding: 3px 3px 0;
}

.x-box-inner {
	zoom: 1;
}


styles for rows
.ux-row-action-cell .x-grid3-cell-inner {
	padding:1px 0 0 0;
}
.ux-row-action-item {
	float:left;
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin: 0 3px 0 2px;
	margin: 1px 5px 0 2px;
	cursor:pointer;
	overflow:hidden;
}
.ext-ie .ux-row-action-item {
	width:16px;
}
.ext-ie .ux-row-action-text {
	width:auto;
}
.ux-row-action-item span {
	vertical-align:middle;
	padding:0 0 0 20px;
	line-height:18px;
}
.ext-ie .ux-row-action-item span {
	width:auto;
}

styles for groups
.x-grid-group-hd div {
	position:relative;
	height:16px;
}
.ux-grow-action-item {
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-position: 0 50% ! important;
	margin: 0 0 0 4px;
	padding: 0 ! important;
	cursor:pointer;
	float:left;
}
.ext-ie .ux-grow-action-item {
	width:16px;
}
.ux-action-right {
	float:right;
	margin: 0 3px 0 2px;
	padding: 0 ! important;
}
.ux-grow-action-text {
	padding: 0 ! important;
	margin:0 ! important;
	background:transparent none ! important;
	float:left;
}

eof


#west-content a {
	text-decoration:none;
}
#west-content a:hover {
	text-decoration:underline;
}
#west {
	width:280px;
}
#center {
	width:640px;
}
#adsense-top {
	margin: 10px 0 10px 0;
}
#west-content {
	font-family:arial, sans-serif;
}
#center-content {
	font-family:arial, sans-serif;
	margin:0 0 0 10px;
	color:#777777;
}
#center-content h2 {
	font-size:16px;
	text-align:center;
}
#description {
	color:#777777;
	text-align:justify;
}
#description em {
	font-style:italic;
	font-weight:bold;
}
#description p {
	margin: 2px 0 8px 0;
}
#change-log{
	padding:20px 0 0 20px;
}
#change-log ul {
	margin: 8px 0 0 1em;
	list-style:disc outside;
	text-align:justify;
}
 /* .x-small-editor .x-form-text { height:14px !important; } */ 
eof


body {
	color:#222222;
	background:#ffffff;
	margin:0;
	padding:0;
	border:0;
	font-size:13px;
}
.cleaner {
	clear:both;
	height:0;
	width:0;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
	border:0;
}

{{{
// layout
#ct-wrap {
	text-align:center;
}
#ct {
	margin:auto;
	width:920px;
	text-align:left;
}
#west {
	width:900px;
	float:left;
	clear:left;
	background-color: #a5d8e1;
}
#center {
	width:700px;
	float:left;
}
#east {
	float:right;
	clear:right;
	width:0px;
}
#north {
	float:none;
	clear:both;
	height:30px;
	padding:10px;
	color:white;
	background: #203d8e;
}
#north h1 {
	float:left;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
}
#navlinks {
	float:none;
	clear:both;
	height:24px;
	background:#ffc800;
	vertical-align:middle;	
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:12px;
	text-transform:lowercase;
	line-height:24px;
}
#navlinks li {
	display:inline;
}
#navlinks a {
	display:block;
	float:left;
	padding:0 15px;
	text-decoration:none;	
	color:blue;
}
#navlinks a:hover {
	background-color:#ffff40;
}
#south {
	height:30px;
	float:none;
	clear:both;
}
}}}
{{{
// containers
#themect {
	float:right;
	width:150px;
	margin:4px 0 0 0;
}
#langct {
	float:right;
	width:140px;
	margin:4px 10px 0 0;
}
#adrow {
	min-height:1em;
	clear:both;
	float:none;	
	position:relative;
}
.adsense {
	opacity:.55;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
}
#adsense-float {
	margin: 4px 4px 0 0;
	float:left;
}
#adsense-top {
	float:left;
	margin: 10px 0 10px 220px;
	opacity:.55;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
}
#adsense-west {
	margin: 25px 0;
	opacity:.55;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
}
#google-search {
	margin:20px 0;
}
#paypal {
	margin:20px 0;
}
#digg {
	margin:30px 0;
}
#addthis {
	float:left;
	clear:right;
	margin:10px 0 0 40px;
}














***
body {
	margin: 0;
	padding: 0;
	background-color: #EAECEE;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

#header {
	height: 120px;
	border-bottom: 3px solid #c0c0c0;
	background: #204080;
	text-align: center;
	color: #f0f0f0;
	margin: 0;
	padding: 0;
}

#header h1 {
	padding-top: 24px;
	font-size: 250%;
}

#header a {
	color : #f0f0f0;
}

#page {
	background: #ffffff;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border-right: solid 2px #a0a0a0;
	border-bottom: solid 2px #a0a0a0;
}

#sidebar {
	float: right;
	width: 200px;	
	border: 1px solid #d0d0d0;
	min-height: 240px;
	padding: 4px;
}

#sidebar h1 {
	display: block;
	font-size: 120%;
	border-bottom: 1px solid #d0d0d0;
}

#container {
	padding: 8px;
}

#content {
	min-height: 320px;
	font-size: 120%;
	width: 720px;
}

#footer {
	text-align: center;
	padding: 8px;
	margin: 8px;
	border-top: 1px solid #c0c0c0;
	clear : both;
}

.panel {
	border: 1px solid #d0d0d0;
	padding: 8px;
	margin: 8px 4px 16px 4px;
	background: #fafafa;
}

.panel h1 {
	font-size: 120%;
	display: block;
	background: #f0f0f0;
	padding: 6px;
	margin: -8px;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 8px;
}

.odd {
	background: #f0f0f0;
}

.even {
	background: #ffffff;
}

.dataTable {
	border-collapse: collapse;;
	width: 100%;
}

.dataTable th {
	background: #204080;
	color: #f0f0f0;
	padding: 6px;
	border: 1px solid #f0f0f0;
}

.dataTable td {
	border: 1px solid #d0d0d0;
	padding: 4px;
}

.caption {
	float: left;
	width: 100px;
}

.formCaption {
	float: left;
	width: 100px;
	padding-top: 4px;
}

.value {	
	margin-right: 8px;
}

.errorMessage {
	color: #ff0000;
	font-weight: bold;
}

.property {
	margin-bottom: 12px;
}




*******

.menuList {
    border-bottom: 1px solid #cccccc;
    margin: 0;
    padding-bottom: 19px;
    padding-left: 10px;
}

.menuList a:link, .menuList a:visited	{
    background: #e8ebf0;
    border: 1px solid #cccccc;
    color: #666666;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

.menuList a:link.active, .menuList a:visited.active	{
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #000000;
}

.menuList a:hover	{
    color: #ff0000;
}

.menuList li.selected a {
    background: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.menuList li.selected ul.submenu {
    display: block;
    position: absolute;
    margin: 25px 0 0 -10px;
}

.menuList li.selected ul.submenu a {
    background: #ffffff;
    border: none;
    border-left: 1px solid #cccccc;
    color: #999999 !important;
    font-size: .98em;
    font-weight: bold;
    line-height: 12px;
    margin-right: 4px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

.menuList li.selected ul.submenu a.selected {
    background: transparent;
    color: #000 !important;
}

.menuList ul a:hover, .menuList ul.submenu a:hover {
    color: #ff0000 !important;
}

.menuList ul, .menuList li	{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menuList ul.submenu {
    display: none;
    width: 90%;
}

















/* line 71, ../sass/accessories/scss/_pictos.scss */
.base-pictos {
  font-family: Pictos;
  color: transparent;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  -o-background-clip: text;
  -ms-background-clip: text;
  -khtml-background-clip: text;
  background-clip: text;
  position: absolute;
  top: 0;
  left: 0;
}

@import url("//fonts.googleapis.com/css?family=false:false");
/* line 3, ../sass/accessories/scss/_shapes.scss */
.base-shape {
  display: block;
  content: '';
}

/* line 7, ../sass/sink.scss */
.x-toolbar-sencha {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fc33a), color-stop(100%, #739b2e));
  background-image: -webkit-linear-gradient(top, #8fc33a, #739b2e);
  background-image: -moz-linear-gradient(top, #8fc33a, #739b2e);
  background-image: -o-linear-gradient(top, #8fc33a, #739b2e);
  background-image: -ms-linear-gradient(top, #8fc33a, #739b2e);
  background-image: linear-gradient(top, #8fc33a, #739b2e);
  border-bottom: 1px solid #567422;
}
/* line 11, ../sass/sink.scss */
.x-toolbar-sencha .x-logo {
  padding: 10px 10px 10px 31px;
  background: url(../images/logo.png) no-repeat 10px 11px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 0 1px 0 #4e691f;
}

/* line 23, ../sass/sink.scss */
body > .x-panel > .x-panel-body {
  background: #E4EAED;
}

/* line 27, ../sass/sink.scss */
.x-grid-body {
  border-bottom: 0 !important;
}

/* line 32, ../sass/sink.scss */
#examplePanel-body {
  background-color: #e4eaed;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 1, color-stop(100%, #f3f6f7), color-stop(100%, rgba(243, 246, 247, 0))), -webkit-gradient(linear, 0% 50%, 1 50%, color-stop(100%, #f3f6f7), color-stop(100%, rgba(243, 246, 247, 0))), -webkit-gradient(linear, 50% 0%, 50% 1, color-stop(100%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(243, 246, 247, 0))), -webkit-gradient(linear, 0% 50%, 1 50%, color-stop(100%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(243, 246, 247, 0)));
  background-image: -webkit-linear-gradient(top, #f3f6f7 1px, rgba(243, 246, 247, 0) 1px), -webkit-linear-gradient(left, #f3f6f7 1px, rgba(243, 246, 247, 0) 1px), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1px, rgba(243, 246, 247, 0) 1px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 1px, rgba(243, 246, 247, 0) 1px);
  background-image: -moz-linear-gradient(top, #f3f6f7 1px, rgba(243, 246, 247, 0) 1px), -moz-linear-gradient(left, #f3f6f7 1px, rgba(243, 246, 247, 0) 1px), -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 1px, rgba(243, 246, 247, 0) 1px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.3) 1px, rgba(243, 246, 247, 0) 1px);
  background-image: -o-linear-gradient(top, #f3f6f7 1px, rgba(243, 246, 247, 0) 1px), -o-linear-gradient(left, #f3f6f7 1px, rgba(243, 246, 247, 0) 1px), -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 1px, rgba(243, 246, 247, 0) 1px), -o-linear-gradient(left, rgba(255, 255, 255, 0.3) 1px, rgba(243, 246, 247, 0) 1px);
  background-image: -ms-linear-gradient(top, #f3f6f7 1px, rgba(243, 246, 247, 0) 1px), -ms-linear-gradient(left, #f3f6f7 1px, rgba(243, 246, 247, 0) 1px), -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 1px, rgba(243, 246, 247, 0) 1px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.3) 1px, rgba(243, 246, 247, 0) 1px);
  background-image: linear-gradient(top, #f3f6f7 1px, rgba(243, 246, 247, 0) 1px), linear-gradient(left, #f3f6f7 1px, rgba(243, 246, 247, 0) 1px), linear-gradient(top, rgba(255, 255, 255, 0.3) 1px, rgba(243, 246, 247, 0) 1px), linear-gradient(left, rgba(255, 255, 255, 0.3) 1px, rgba(243, 246, 247, 0) 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px, -2px, -2px, -2px;
}

/* line 43, ../sass/sink.scss */
.examples-list .x-grid-cell,
.examples-list .x-grid-rowwrap-div {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}







.myWindow . x-window-default{background:rgba(0, 0, 0, 0)}
.myWindow . x-window-header{background:rgba(205,105,89)}






#clsTabPhase {
  .x-panel-header-text : #478954 !important;
  .x-panel-header-text-default : #102549 !important;
  .x-panel-header-default : #e5f7f9 !important;
  .x-tab-inner : #e5f7f9 !important;
  .x-tab : #f58e65 !important;
}