td
{
    font-size: 9pt;
    line-height: 10pt;
}

img 
{
    border: none;
}
	



	
hr{
    color: rgb(192, 192, 192);
    height:1px;
    border-style:solid;
}
        .exerciseTitle {
border-left: 5px double #c0c0c0;
border-top: 5px double #c0c0c0;
border-right: 5px double #c0c0c0;
border-bottom: 5px double #c0c0c0;
font-weight: 400;
font-size: 11px;
color: #FFFFFF;
font-family: Verdana;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #808080;
                 }
.exercise { 
        border-left: 5px double #c0c0c0; 
        border-top: 5px double #c0c0c0; 
        border-right: 5px double #c0c0c0; 
        border-bottom: 5px double #c0c0c0; 
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 12px; 
        font-family: Verdana; 
        background-color:  #c0c0ce; 
        color: black;
        }
.solution { background-color: #eee8aa; 
        border-left: 3px double #c0c0c0; 
        border-top: 3px double #c0c0c0; 
        border-right: 3px double #c0c0c0; 
        border-bottom: 3px double #c0c0c0; 
        font: 9pt "Courier New", Courier, mono;
        overflow: hidden;
        padding: 5pt;
        /*width: 98%;*/
        padding-bottom: 2px; 
        color: black;
        }
.subject {
        border-left: 3px double #cccccc; 
        border-top: 3px double #cccccc; 
        border-right: 3px double #cccccc; 
        border-bottom: 3px double #cccccc; 
        padding: 2px,2px,2px,2px;
        font-size: 16px;
        font-family: Verdana;
        font-weight: 700;
        background-color: #FFFFFF; 
        color: Orange; 
        display: none}
.head { border-left: 4px double #c0c0c0; 
        border-top: 4px double #c0c0c0; 
        border-right: 4px double #c0c0c0; 
        border-bottom: 4px double #c0c0c0; 
        font-weight: 400; 
        font-size: 11px; 
        color: #FFFFFF; 
        font-family: Verdana; 
        background: url("..\images\bk_h1.gif"); 
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
        WIDTH:100%;
         }	
.note { border-left: 4px double #FFFFFF; 
        border-top: 4px double #FFFFFF; 
        border-right: 4px double #FFFFFF; 
        border-bottom: 4px double #FFFFFF; 
        font-weight: 400; 
        font-size: 11px; 
        color: #FFFFFF; 
        font-family: Verdana; 
        background: url("..\images\bk_main.gif"); 
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
        WIDTH:100%;
         }
.comment{
                font-family: Verdana;
                color: #006400;
                text-decoration: underline; 
        }
.step{
font-family: Verdana;
text-decoration: none;
font-weight: normal;
        }
.example{
                font-family: Verdana;
                color: #0066cc; 
                font-weight: 700;
                background-color: #FFFFFF; 
        }


.boxOff
{
        border-bottom: Gray 0PX SOLID;
        border-left: Gray 0PX SOLID;
        border-right: Gray 0PX SOLID;
        border-top: Gray 0PX SOLID;
}

.boxOn
{
        border-bottom: white 1PX SOLID;
        border-left: white 1PX SOLID;
        border-right: white 1PX SOLID;
        border-top: white 1PX SOLID;
}

.boxOver
{
        border-bottom: white 1PX SOLID;
        border-left: white 1PX SOLID;
        border-right: white 1PX SOLID;
        border-top: white 1PX SOLID;
}




pre
{
        background-color: #eee8aa;
        padding: 2pt 2pt 2pt 2pt;
        color:black;
        font: 10pt "Courier New", Courier, mono;
        white-space: pre;
        /*width: 99%;*/
        overflow:auto;
}

	
.button
{
	border-right: white thin dashed;
	border-top: white thin dashed;
	border-left: white thin dashed;
	color: white;
	border-bottom: white thin dashed;
	font-family: 'Lucida Console';
	background-color:  ButtonFace;
}



/*//////////////////////////////////////*/
/*	EXTJS4 styles custum*/
/*//////////////////////////////////////*/


.x-message-box .x-window-body {
	background-color: white;
	border-width: 0;
}

/*	WINDOWS */
.x-window-default {
    /*background-color: #FDE998; /*#666666;*/
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#DAD9D7),color-stop(100%,#FFFFFF));
    border-color: #333333;
}
.x-window-header-default-top {
    /*background-color: white; /*#666666;*/
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#DAD9D7),color-stop(100%,#FFFFFF)); /*-webkit-linear-gradient(top,#ce4b4b,#ce4b4b 45%,#ce4b4b 46%,#ce4b4b 50%,#ce4b4b 51%,#ce4b4b); /*-webkit-linear-gradient(top,#DCDCDC,#DCDCDC 45%,#DCDCDC 46%,#DCDCDC 50%,#DCDCDC 51%,#DCDCDC);*/
    color: white;
}
.x-window-header-default {
    border-color: #FFFFFF;
    /*background-color: white; /*#666666;*/
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#DAD9D7),color-stop(100%,#FFFFFF)); /*-webkit-linear-gradient(top,#ce4b4b,#ce4b4b 45%,#ce4b4b 46%,#ce4b4b 50%,#ce4b4b 51%,#ce4b4b);*/
    color: white;
}
.x-window-body-default {
	border-color: white; /*#666666;*/
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#DAD9D7),color-stop(100%,#FFFFFF));
	/*background: #ce4b4b;*/
}

.x-window-header-text-container-default {
	color: black;
}


.x-body {
	/*color: #FF0000;*/
	font-size: 13px;
	font-family: tahoma,arial,verdana,sans-serif;
}

.x-viewport,.x-viewport body {
	margin:3px;
	padding:3px;
}

.x-fieldset-header-text{
    font-size: small;
    font-weight: 400;
}

x-fieldset {
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#FFFFFF));
}


.expand-panel .x-panel-body {
    height:auto !important;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#FFFFFF));
    
   /* background-color: #A09B8D;*/
}


.x-form-item-label {
	color:#000000;
}

.custom-btn-bottom .x-btn-bottom .x-btn-inner {
    font-size: 13px;
    font-weight: bold
}


/*  GRIDS cutom*/

/*grid header*/
.custom-grid .x-grid-header-ct { 
    border: 1px solid #FFF; 
    font-size:medium; 

}

/*grid*/
.custom-grid .x-grid-cell {
    /*background-color: #ffa;*/
    border-bottom-color: #BFBCB4;
    border-top-color: #BFBCB4;
    color: #000;

    border-bottom-color: #BFBCB4; 
    border-bottom-style: dashed; 
    border-top-color: #BFBCB4; 
    border-top-style: dashed; 
	/*
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#BFBCB4),color-stop(100%,#FFFFFF));
    background-image: -webkit-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: -moz-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: -o-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: linear-gradient(left,#BFBCB4,#FFFFFF);
    */
}


/* Grid cells when the mouse cursor is over the row */ 
.custom-grid .x-grid-row-over .x-grid-cell {
	/*background-color: #ff6; */
	border-bottom-color: #000000;
	border-bottom-style: dashed;
	border-top-color: #000000;
	border-top-style: dashed;
    /*
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#DDDDDD),color-stop(100%,#000000));
	background-image: -webkit-linear-gradient(left,#DDDDDD,#000000);
	background-image: -moz-linear-gradient(left,#DDDDDD,#000000);
	background-image: -o-linear-gradient(left,#DDDDDD,#000000);
	background-image: linear-gradient(left,#DDDDDD,#000000);
    */
	color: #000000;
} 
 
/* Grid cells in the selected row */ 
.custom-grid .x-grid-row-selected .x-grid-cell { 
    background-color: #03be67a6;
    border-bottom-color: #03be67a6;
	border-bottom-style: solid;
	border-top-color: #03be67a6;
	border-top-style: solid;
	/*background-image: url(../images/goto.png); 
	background-repeat: no-repeat;
	background-position: left;    
	padding-left: 12px; */
	
    /*
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#DDDDDD),color-stop(100%,#6c757d));
	background-image: -webkit-linear-gradient(left,#DDDDDD,#6c757d);
	background-image: -moz-linear-gradient(left,#DDDDDD,#6c757d);
	background-image: -o-linear-gradient(left,#DDDDDD,#6c757d);
	background-image: linear-gradient(left,#DDDDDD,#6c757d);
    */
	
	color: #000000;
}


/* alternate grid style */
.extra-alt .x-grid-row .x-grid-cell { 
    background-color: #fff; 
    color: #000;
	background-image: url(../images/goto.png); 
    background-repeat: no-repeat; 
    padding-left: 12px; 
} 
 
.extra-alt .x-grid-row-alt .x-grid-cell {
	background-color: #000;
	color: #FFF;
	background-image: url(../images/goto.png);
	background-repeat: no-repeat;
	padding-left: 12px;
}

.custom-dirty .x-grid-dirty-cell { 
    background-color: #124c81; 
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#124c81),color-stop(100%,#124c81));
    
    color: #FFF; 
}

x-grid-cell x-grid-td {
    font: normal 10px/15px tahoma,arial,verdana,sans-serif;
    font-size: medium;
}

.custom-medium-font-size-grid .x-grid-cell {
	font: normal 10px/15px tahoma,arial,verdana,sans-serif;
    font-size: medium;
}



/* custom panels */

x-border-box {
    background-color: black; /* white; #666666;*/
    border-color: #333333;
}

.x-panel.my-panel {
    /*border: 2px solid gray;*/
}

.x-panel-default {
	/*background-color: #A09B8D; /* white; #666666;*/
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#FFFFFF));
    border:none;
	/*border-color: #333333;*/
    color: black;
}

.x-panel-default-framed {
	border-color: #F3F2EF; /*white;*/
}

.x-panel {
	/*background-color: #A09B8D;; /* white; #666666;*/
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#FFFFFF));
    
	/*background: url(../images/panel_bkrd.png) top left repeat-x;*/
}

.x-panel-body {
    border-color: white; /*#666666;#999999;*/
    /*background-color: #A09B8D;*/
    background-color: #A09B8D;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#FFFFFF));
    /*background-color: #CCCCCC; /* white; #666666;*/
    /*background-image: -webkit-linear-gradient(left,#FFFFFF,Silver);*/
}
.x-panel-body-default {
    border-color: white; /*#666666;#999999;*/
    background-color: #A09B8D;
    /*background-color: #A09B8D;*/
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#FFFFFF));
}


.x-panel-body-default-framed {
    border-color: white; /*#666666;#999999;*/
    background-color: #A09B8D;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#FFFFFF));
}

.x-panel-header {
	/*background: url(../images/panel_bckgrd.gif) center left repeat-x;*/
	/*background-color: #069;*/
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#FFFFFF));
	/*background-image: -webkit-linear-gradient(left,#F3F2EF,#464F3A);*/
	text-align: left;
	border:none;
        border-color:   #333333;
}
.x-panel-header-text {
  font: bold 12px tahoma, Arial, san-serif;
  color: black;
}


.x-panel-header-text-container {
	 /*background: url(../images/bk_mainold1.gif) center left repeat-x;*/
	 
	/*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#0033FF),color-stop(100%,#FFFFFF));
	background-image: -webkit-linear-gradient(top,#0033FF,#FFFFFF);
	background-image: -moz-linear-gradient(top,#0033FF,#FFFFFF);*/
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#c6c6c6));*/
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgb(176, 177, 178)), to(rgb(176, 177, 178)));
    border-radius: 10px;
	
	/*background-image: -o-linear-gradient(top,#0877F3,#FFFFFF);*/
	/*background-image: linear-gradient(top,#0033FF,#FFFFFF);*/
}



/* ACCORDION*/

.x-accordion-hd {
	background:-o-linear-gradient(top,#0877F3,#FFFFFF);
	-webkit-box-shadow:inset 0 0 0 0 #FFFFFF;
	-moz-box-shadow:inset 0 0 0 0 #FFFFFF;
	box-shadow:inset 0 0 0 0 #FFFFFF;
	border-width:0px 0 0px 0 !important;
	padding:4px 5px 5px 5px;
	border-top-color:#FFFFFF !important;
	color:#000000;
	font-weight:normal
}

.x-accordion-body{border-width:0 !important}



/*	toobar */
.x-toolbar-default {
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#FFFFFF));
    border: none;
    /*background-color: #F3F2EF;*/
    /*border-color: #333333;*/
    color: white;
    /*background:white;color:#FFFFFF;border:0px;*/
}




/*	Tabs */

.x-tab-bar-default {
    border-style: solid;
    border-color: #9F9779;
}

.x-tab-bar-default-top {
    /*background-image: none;
	background-color:*#666666;*/
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#9F9779),color-stop(100%,#3E3E3E));*/
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#FFFFFF));*/
    /*background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgb(38, 90, 136)), color-stop(100%, rgb(38, 90, 136)));*/
    /*
    background-image: -webkit-linear-gradient(top,#F3F2EF,#FFFFFF);
    background-image: -moz-linear-gradient(top,#F3F2EF,#FFFFFF);
    background-image: -o-linear-gradient(top,#F3F2EF,#FFFFFF);
    background-image: linear-gradient(top,#F3F2EF,#FFFFFF);
    */
    border-style: none;
}

.x-box-target {
	height: 0px;
}


.x-tab {
    /*background: url(../images/panel_bckgrd.gif) center left repeat-x;*/
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#3E3E3E),color-stop(100%,#3E3E3E));*/
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgb(38, 90, 136)), color-stop(100%, rgb(38, 90, 136)));
    font-size: 16px;
    color: orange;
    outline: 0 none;
    /*border-color: #9F9779;*/
}

.x-tab-default .x-tab-inner {
	color: #999087;
}

.x-tab-default .x-tab-inner {
    font-size: 16px;
    font-weight: bold;
    font-family: tahoma,arial,verdana,sans-serif;
    color: orange;
    line-height: 15px;
}

.x-tab-default-active /*.x-tab-inner*/ {
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #007bff), color-stop(100%, #007bff));
    border-radius: 5px;
	/*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#9F9779),color-stop(100%,#9F9779));*/
    /*background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgb(38, 90, 136)), color-stop(100%, rgb(38, 90, 136)));*/
    color: orange;
}

.x-tab-active {
    color: orange;
    border-color: #9F9779;
    
}

.x-tab * {
	color: #FFFFFF
}


/*	color Picker */

.x-color-picker {
    width:144px;
    height:90px;
    cursor:pointer;
	background-color:#333333
}
.x-menu-color-item{
    width:144px;
    height:90px;
    cursor:pointer;
	background-color:#333333
}

.x-color-picker a {
    border:1px solid #fff;
    float:left;
    padding:2px;
    text-decoration:none;
    /*-moz-outline:0 none;*/
    outline:0 none;
    cursor:pointer
}
.x-color-picker a:hover,.x-color-picker a.x-color-picker-selected {
    border-color:#666666;
    background-color:white; /*#666666;*/
}
.x-color-picker em {
    display:block;
    border:1px solid #aca899
}
.x-color-picker em span {
    cursor:pointer;
    display:block;
    height:10px;
    width:10px;
    line-height:10px
}



.x-menu-body {
    /*background: white;*/
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#b0b1b2),color-stop(100%,#434649));*/
    background-image: transparent;
   /* background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#BFBCB4),color-stop(100%,#FFFFFF));
    background-image: -webkit-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: -moz-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: -o-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: linear-gradient(left,#BFBCB4,#FFFFFF);*/
    padding: 0px;
    border: 0px;
}
.x-menu-item{
    /*background-image: transparent;*/
    /*background: linear-gradient(to right, #BFBCB4, white);*/
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#BFBCB4),color-stop(100%,#FFFFFF));*/
    /*color: white*/
}
.x-menu-item-active{
    /*
    color: #000;
    cursor: pointer;
    border-radius: 10px;
    */
    
    /*
    border-bottom-color: #BFBCB4;
    border-top-color: #BFBCB4;
    border-bottom-color: #BFBCB4; 
    border-bottom-style: dashed; 
    border-top-color: #BFBCB4; 
    border-top-style: dashed;
    border-left-color: #BFBCB4; 
    border-left-style: dashed; 
    border-right-color: #BFBCB4; 
    border-right-style: dashed;
	*/
	/*
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#BFBCB4),color-stop(100%,#FFFFFF));
    background-image: -webkit-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: -moz-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: -o-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: linear-gradient(left,#BFBCB4,#FFFFFF);
	*/
}


/*BUTTONS*/
x-btn{
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	cursor:pointer;
	
	white-space:nowrap;
	vertical-align:middle;
	background-repeat:no-repeat;
}

.x-btn.btn {
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#b0b1b2),color-stop(100%,#434649));*/
}
    
    
.x-btn.my-over {
    background: #CC9900;
}

/*Ext is not consistent */
.x-btn.x-btn-my-pressed {
    background: #DDDDDD;
}


/* icons for actioncolum */
.x-action-col-icon {
    height: 32px;
    width: 32px;
    margin-right: 2px;
}


/*OTHERS*/
.clock-display-field .x-form-display-field{
    font-size:16px;
    font-family:monospace;
    font-weight:bold;
    padding-top:15px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    width:100%;
    color:#AAAAAA !important;
    background:white; /*#666666;*/
}

.x-item-disabled .x-form-item-label,.x-item-disabled .x-form-field,.x-item-disabled .x-form-display-field,.x-item-disabled .x-form-cb-label,.x-item-disabled .x-form-trigger
{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity:0.3
}


/*Menu*/
.x-menu-item-icon {
    
    display: none; 
    width: 0px;
    
}

.x-menu-item-link{
	
	/*display: none; */
    /*width: 0px;*/
    
}

.x-btn {
    background-repeat: no-repeat;
    color: white;
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#337ab7),color-stop(100%,#337ab7));*/
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#265a88),color-stop(100%,#265a88));
    border-radius: 8px;
    background-color: #265a88;
    border-color: #245580;
    /*border-color: #337ab7;*/
}


.x-btn em a {
    text-decoration: none;
    display: block;
    color: inherit;
    background-image: inherit;
    width: 100%;
    zoom: 1;
}

.x-btn button {
    width: 100%;
    display: block;
    border: 0;
    color: inherit;
    background-image: inherit;
    background: none;
    outline: 0 none;
    overflow: hidden;
    vertical-align: bottom;
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
}

.x-btn .x-btn-inner {
    
    /*display: block;
    white-space: nowrap;
    */
    color: inherit;
    
    background-image: inherit;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    /*overflow: hidden;*/
    
}





.x-btn-group {
    position:relative;
    overflow:hidden;
    border: transparent none;
}

.x-btn-group-body {
    position: relative;
    zoom: 1;
    padding: 0 1px;
    border: transparent none;
    /*
    background-color: transparent;
    background-color: #FF6600;
    */
}


.x-btn-group-default {
    /*-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /* background-color: #b0b1b2;*/
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#b0b1b2),color-stop(100%,#434649));
    /*-webkit-box-shadow: #e3ebf5 0 1px 0 0 inset,#e3ebf5 0 -1px 0 0 inset,#e3ebf5 -1px 0 0 0 inset,#e3ebf5 1px 0 0 0 inset;
    -moz-box-shadow: #e3ebf5 0 1px 0 0 inset,#e3ebf5 0 -1px 0 0 inset,#e3ebf5 -1px 0 0 0 inset,#e3ebf5 1px 0 0 0 inset;
    box-shadow: #e3ebf5 0 1px 0 0 inset,#e3ebf5 0 -1px 0 0 inset,#e3ebf5 -1px 0 0 0 inset,#e3ebf5 1px 0 0 0 inset;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    */
}


.x-btn-group-default-framed {
    background: transparent;
    /*
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /* background-color: #F3F2EF;*/
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#F3F2EF),color-stop(100%,#000000));
    /*-webkit-box-shadow: #e3ebf5 0 1px 0 0 inset,#e3ebf5 0 -1px 0 0 inset,#e3ebf5 -1px 0 0 0 inset,#e3ebf5 1px 0 0 0 inset;
    -moz-box-shadow: #e3ebf5 0 1px 0 0 inset,#e3ebf5 0 -1px 0 0 inset,#e3ebf5 -1px 0 0 0 inset,#e3ebf5 1px 0 0 0 inset;
    box-shadow: #e3ebf5 0 1px 0 0 inset,#e3ebf5 0 -1px 0 0 inset,#e3ebf5 -1px 0 0 0 inset,#e3ebf5 1px 0 0 0 inset;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    */
}

.x-btn-group-header-default-framed {
    /*background:white; */
    margin: 2px 2px 2px 2px;
}

.x-btn-group-header-body-default-framed {
    /*background-color: white; */
    /*
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    padding: 1px 0;
    */
}

.x-btn-group-header-text-default-framed {
	font:normal 14px tahoma,arial,verdana,sans-serif;
	color:#FFF;
}


/***********************************/
/*  Tooltip                         */
/***********************************/
/*
.customToolTip {
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#BFBCB4),color-stop(100%,#FFFFFF));
    background-image: -webkit-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: -moz-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: -o-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: linear-gradient(left,#BFBCB4,#FFFFFF);
}


.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#BFBCB4),color-stop(100%,#FFFFFF));
    background-image: -webkit-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: -moz-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: -o-linear-gradient(left,#BFBCB4,#FFFFFF);
    background-image: linear-gradient(left,#BFBCB4,#FFFFFF);
    background: #BFBCB4;
}

 .x-tip .x-tip-header-text {
    font: bold 10px verdana, arial, tahoma, helvetica,sans-serif;
    color:#444;
    font-weight: bold;
    margin-bottom: 4px;
}

.x-tip .x-tip-body {
    font: normal 10px verdana, arial, tahoma, helvetica,sans-serif;
    color: #FFF;
}
*/








/***************************/
/*	EXT JS 4 custom styles*/
/***************************/

.my-panel-class {
    font-family: tahoma,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    //height:auto !important;
    //width: auto !important;

    /*border-color: #333333;
    /*border:thin;*/

    background-color: white; /*#333333;*/
}
 
.hand {
	background-image: url(../images/goto_off.png);
	background-repeat:no-repeat;
}
.meteo {
	background-image: url(../images/meteo-small.ico);	
	background-repeat:no-repeat;
}
.euro {
	background-image: url(../images/euro.png);
	background-repeat:no-repeat;	
}
.topic {
	background-image: url(../images/topic.png);	
	background-repeat:no-repeat;
}
.topicNode {
	background-image: url(../images/topic_node.png);
	background-repeat:no-repeat;
	font-weight:700;	
}
.Topic_NodeIcon {
	height: 25px;
	width: 25px;
}
.topic_goto_Grid .x-grid-cell {
background-image: url(../images/goto.png); 
background-repeat: no-repeat;
background-position: left;    
padding-left: 12px; 
}
.topic_pdf_Grid .x-grid-cell {
background-image: url(../images/pdf.png); 
background-repeat: no-repeat;
background-position: left;    
padding-left: 12px; 
}
.x-grid-row .custom-column { 
background-color: #ecf; 
color: #090; 
font-weight: bold; 
}


/* no icon menu class*/
.no-icon-menu .x-menu-item-icon { display: none; }



/*
classes for EXT JS componants used in tableau d'amortissement app
*/

.rightArrow{
    background-image: url(../images/goto.png);
}
.mensualite {
	background-image: url(../images/mensualite.png);
}
.ta {
	background-image: url(../images/ta.png);
}
.ta1 {
	background-image: url(../images/ta-1.png);
}
.max {
	background-image: url(../images/max.png);
}

.purcent {
	background-image: url(../images/purcent.png);
}

.nperiodes {
	background-image: url(../images/n_periodes.png);
}
.btn {
    /*background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#BFBCB4),color-stop(100%,#FFFFFF));   */
    /*background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#b0b1b2),color-stop(100%,#434649));*/
    /*background: transparent !important;*/
    text-align: left;
    /*color: white;*/
    border-radius: 10px;
    padding: 5px 7px;
    /*background: #9F9779; 
    background: rgba(F60, F60, F60, 0.8);
    */
}

.menuItem{
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FFC600),color-stop(100%,#000000));
    /*background: transparent !important;*/
    text-align: center;
    color: white;
    border: transparent 0px;
    border-radius: 4px;
}

.home {
	background-image: url(../images/home.png);
}
.help {
	background-image:url(../images/help.png);  	
}
.video{
	background-image:url(../images/video.png);  	
}
.graph {background-image:url(../images/graph.png);
}

.tool {background-image:url(../images/tools.png);
}

.refresh {background-image:url(../images/refresh.png);	
}
.google_plus{background-image:url(../images/google+.png);	
}

.main_menu{
	background-image:url(../images/fav.png);	
}
.article{background-image:url(../images/article.png)
}

.maths{background-image:url(../images/maths.png)
}
.computer{background-image:url(../images/mycomputer.png)
}
.instman{background-image:url(../images/instman.png)
}

.photos{ background-image: url(../images/photos.png)
}
.copyright{background-image:url(../images/copyright.png)
}
.menu{background-image:url(../images/menu.png)}
.save{background-image:url(../images/save.ico)}
.load{background-image:url(../images/load.ico)}
.recycle{background-image:url(../images/recycle.ico)}

.history {
	margin: 0px auto 0px auto;
	font: 12px/14px 'Lucida Grande', 'Arial', 'sans-serif';
	text-align: left;
	text-shadow: 0 -1px #aca899;
	color: #124c81;
	background: #CC9900;
	border-radius: 3px;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}

.education {
	background-image:url(../images/education.png)
}


 /* Custom Styles for nav tabs */
    ul.nav-tabs{
        border: 0px solid #ddd;
    }
    ul.nav-tabs li{
        margin: 0;
        border-top: 0px solid #ddd;
    }
    ul.nav-tabs li:first-child{
        border-top: none;
    }
    ul.nav-tabs li a{
        margin: 0;
        border-radius: 0;
    }
    ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
        color: #BECC00;
        /*background: #0088cc;
        border: 1px solid #0088cc;
            */
    }
    ul.nav-tabs.affix{
        top: 0px; /* Set the top position of pinned element */
    }

    /*Used in bootstrap to center vertically (add to used class)*/
    .vcenter {
    display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .grid_cell_selected{
        background-color: chocolate;
    }
    .grid_cell_not_selected{
        background-color: transparent;
    }

    .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
    padding: 2px;
}

.transparent-panel .x-panel {
    background-color: transparent !important;
    border: 2px solid red;
    background: red;
}
.customWinMask.x-mask {
    filter: alpha(opacity=.0);
    opacity: .0;
    background-color: transparent !important;
    border: 2px solid red;
}