/*
 * Relation JS Library 2.0.0
 * Copyright(c) 2004-2010, Relation Kft.
 *
 * http://www.relation.hu
 */

/*-----  _relation/css/fileuploadfield.css  -----*/
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
  height: 22;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;  
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.x-form-file-wrap-small {
    position: relative;
    height: 22px;
}
.x-form-file-wrap-small .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
  height: 22;
}
.x-form-file-wrap-small .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;  
}
.x-form-file-wrap-small .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}


.x-form-file-wrap-medium {
    position: relative;
    height: 30px;
}
.x-form-file-wrap-medium .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
  height: 30px;
}
.x-form-file-wrap-medium .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;  
}
.x-form-file-wrap-medium .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}



.x-form-file-wrap-large {
    position: relative;
    height: 38px;
}
.x-form-file-wrap-large .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
  height: 38px;
}
.x-form-file-wrap-large .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;  
}
.x-form-file-wrap-large .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/*-----  _relation/css/relation.css  -----*/
/* várakozás alatt az ikon is várakozzon */
body.wait * {
	cursor: wait !important;
}

/* itt soroljuk fel a megjelenítendő ablakokat: */
/*
div.x-panel-tbar div.window-list {
	background-image: url(image/windowlist/window-list-bg.gif);
	border: none;
	padding: 0;
	height: 19px;
}
div.x-panel-tbar div.window-list td.x-btn-center {
	background: url(image/windowlist/window-list-normal.gif);
	padding: 0 5px;
}
div.x-panel-tbar div.window-list table.x-btn-over td.x-btn-center {
	background: url(image/windowlist/window-list-over.gif);
}
div.x-panel-tbar div.window-list td.x-btn-right {
	width: 2px;
	background: url(image/windowlist/window-list-normal-right.gif);
}
div.x-panel-tbar div.window-list td.x-btn-left {
	display: none;
}
div.x-panel-tbar div.window-list table.x-btn-active td.x-btn-center {
	background: url(image/windowlist/window-list-active.gif);
}
div.x-panel-tbar div.window-list table.x-btn-active td.x-btn-right {
	background: url(image/windowlist/window-list-normal-right.gif);
}
div.window-list table.x-btn-text-icon td.x-btn-center button.x-btn-text {
	background-position:0 1px;
	padding-right: 5px;
}
*/

/* a max méretű ablaknál alapból nincs átméretező, de a form-okban már nem szabad csak emiatt eltüntetni */
div.x-window div.x-panel div.x-resizable-handle,
div.x-window-maximized div.x-panel div.x-resizable-handle{
	display: block;
}
div.x-window div.x-panel div.x-resizable-over div.x-resizable-handle,
div.x-window div.x-panel div.x-resizable-pinned div.x-resizable-handle,
div.x-window-maximized div.x-panel div.x-resizable-over div.x-resizable-handle,
div.x-window-maximized div.x-panel div.x-resizable-pinned div.x-resizable-handle {
	filter:alpha(opacity=100);
	opacity:1;
}

/* Az alapértelmezett 4-es alsó margót átírjuk: */
div.x-form-item-margin-1 div.x-form-item { margin-bottom: 1px;}
div.x-form-item-margin-2 div.x-form-item { margin-bottom: 2px;}
div.x-form-item-margin-3 div.x-form-item { margin-bottom: 3px;}
div.x-form-item-margin-4 div.x-form-item { margin-bottom: 4px;}
div.x-form-item-margin-5 div.x-form-item { margin-bottom: 5px;}
div.x-form-item-margin-6 div.x-form-item { margin-bottom: 6px;}
div.x-form-item-margin-7 div.x-form-item { margin-bottom: 7px;}
div.x-form-item-margin-8 div.x-form-item { margin-bottom: 8px;}
div.x-form-item-margin-9 div.x-form-item { margin-bottom: 9px;}
div.x-form-item-margin-10 div.x-form-item { margin-bottom: 10px;}
div.x-form-item-margin-11 div.x-form-item { margin-bottom: 11px;}
div.x-form-item-margin-12 div.x-form-item { margin-bottom: 12px;}
div.x-form-item-margin-13 div.x-form-item { margin-bottom: 13px;}
div.x-form-item-margin-14 div.x-form-item { margin-bottom: 14px;}
div.x-form-item-margin-15 div.x-form-item { margin-bottom: 15px;}
div.x-form-item-margin-16 div.x-form-item { margin-bottom: 16px;}
div.x-form-item-margin-17 div.x-form-item { margin-bottom: 17px;}
div.x-form-item-margin-18 div.x-form-item { margin-bottom: 18px;}
div.x-form-item-margin-19 div.x-form-item { margin-bottom: 19px;}
div.x-form-item-margin-20 div.x-form-item { margin-bottom: 20px;}

/*  a váltakozó sorok színei:  */
div.x-grid3-row-alt {
	background-color:{háttérszín};
	border-color:#F8F8FF #F8F8FF #EEF;
}

/* szükség van olyan gombokra is, amiknél csak annyi háttér van, mint a toolbar-nál */
.x-btn-flat .x-btn-tl,
.x-btn-flat .x-btn-tr,
.x-btn-flat .x-btn-tc,
.x-btn-flat .x-btn-ml,
.x-btn-flat .x-btn-mr,
.x-btn-flat .x-btn-mc,
.x-btn-flat .x-btn-bl,
.x-btn-flat .x-btn-br,
.x-btn-flat .x-btn-bc {
	background-image: none;
}

.x-btn-flat-over .x-btn-tl,
.x-btn-flat-over .x-btn-tr,
.x-btn-flat-over .x-btn-tc,
.x-btn-flat-over .x-btn-ml,
.x-btn-flat-over .x-btn-mr,
.x-btn-flat-over .x-btn-mc,
.x-btn-flat-over .x-btn-bl,
.x-btn-flat-over .x-btn-br,
.x-btn-flat-over .x-btn-bc {
	background-image: url(../../_extjs/images/default/button/btn.gif);
}

/* segéd div a textarea méretének meghatározására */
div#x-textarea-subdiv {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	filter: alpha(opacity=0);
	opacity: 0;
/*	position:none;top:10px;right:10px;z-index:20000;background:red;*/
	position:none;top:10000px;right:10000px;z-index:20000;background:red;
}

span.req {
	color: #CC0000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}

/* <maximized bug> */
.x-window-maximized .x-window-bc { height:0; }
.x-panel .x-window-maximized { border-color: #99BBE8; border-style: solid; border-width: 0 1px; }
.x-panel .x-window-maximized-ct { border: none; }
/* </maximized bug> */

/* IE alatt az ikonok rossz helyen vannak, http://extjs.com/forum/showthread.php?p=266251#post266251 */
.ext-ie .x-menu-item-icon {left: -24px;}
.ext-strict .x-menu-item-icon {left: 3px;}
.ext-ie6 .x-menu-item-icon {left: -24px;}
.ext-ie7 .x-menu-item-icon {left: -24px;}

/* Ext.ux.IconCombo mandatory styles */
.x-icon-combo-icon {
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 16px;
    height: 16px;
}
.x-icon-combo-input {
    padding-left: 25px;
}
.x-form-field-wrap .x-icon-combo-icon {
    top: 3px;
    left: 5px;
}
.x-icon-combo-item {
    background-repeat: no-repeat !important;
    background-position: 3px 50% !important;
    padding-left: 24px;
}

/* Ext.ux.ColorField mandatory styles */
.x-form-field-wrap .x-form-color-trigger {
	background:transparent url(../../_relation/images/color-trigger.gif) no-repeat 0 0;
    cursor:pointer; 
}

.x-tree-node-el {
  line-height:20px;
}

.x-column-tree .x-tree-node {
    zoom:1;
}
.x-column-tree .x-tree-node-el {
    zoom:1;
}

.x-column-tree .x-tree-selected {
    background: #d9e8fb;
}
.x-column-tree  .x-tree-node a {
    line-height:18px;
    vertical-align:middle;
}
/*
.x-column-tree  .x-tree-node .x-tree-selected a span{
	background:transparent;
	color:#000;
}
*/
.x-tree-col {
    float:left;
    overflow:hidden;
    padding:0 1px;
    zoom:1;
}

.x-tree-col-text, .x-tree-hd-text {
    overflow:hidden;
    -o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    padding:3px 3px 3px 5px;
    white-space: nowrap;
    font:normal 11px arial, tahoma, helvetica, sans-serif;
}

.x-tree-headers {
    background: #f9f9f9 url(../../_extjs/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
	cursor:default;
    zoom:1;
}

.x-tree-hd {
    float:left;
    overflow:hidden;
    border-left:1px solid #eee;
    border-right:1px solid #d0d0d0;
}

.x-float-left {
	float:left;
}

.nxlabel {
  font-size: 12px;  
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;  
}




/*************************************************************************************/


body {
	font-family:'lucida grande',tahoma,arial,sans-serif;
	font-size:11px;
}




/*******************************************/
/*
.verticalTabs ul.x-tab-strip li{
	clear:both;
	margin:0;
	width:100%;
}

.verticalTabs .x-tab-strip a.x-tab-strip-close{
	display:none;
}

.verticalTabs ul.x-tab-strip li .x-tab-strip-inner {
	padding:6px 3px;
}

.verticalTabs .x-tab-left, .verticalTabs .x-tab-strip .x-tab-with-icon .x-tab-right, .verticalTabs .x-tab-strip-top .x-tab-right{
	background:none;
	padding:0;
}


.verticalTabs.leftTabs .x-tab-panel-header{
	float:left;
}

.verticalTabs.alignRight ul.x-tab-strip li {
	clear: both;
	margin: 0;
	text-align: right;
	width: 100%;
}
*/
/***********************************************/



/**************************************************/
/*
.verticalTabs .x-tab-strip-top .x-tab-strip-active .x-tab-right {
	background: transparent url(../images/tabs-sprite-white.gif) no-repeat 0 -51px;
} 
.verticalTabs .x-tab-strip-top .x-tab-strip-active .x-tab-left {
	background: transparent url(../images/tabs-sprite-white.gif) no-repeat right -351px;
} 
.verticalTabs .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
	background: transparent url(../images/tabs-sprite-white.gif) repeat-x 0 -201px;
}
*/
/**************************************************/
/*
.x-tab-panel-tbar table span {
	color:#15428B;
	font-family:tahoma,arial,verdana,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:15px;
}

.x-tab-panel-tbar .x-tool {
	position: absolute;
	right: 5px;
	top: 5px;
}

.x-tab-panel-tbar .x-tool-collapse-east {
	right: 28px;
}
.x-tab-panel-header {
	border: none;
}
*/
/*
  background:none repeat-x scroll 0 -1px transparent;
  line-height:15px;
  padding:5px 3px 4px 5px;  

  background-image:url("../../_extjs/images/default/panel/white-top-bottom.gif");
  border-color:#99BBE8;
  color:#15428B;
  font-family:tahoma,arial,verdana,sans-serif;
  font-size:11px;
  font-weight:bold;    
*/
/*
.x-layout-collapsed-south .x-tool {
	float: left;
}

.x-layout-collapsed .x-tool {
	width:20px;
	height: 20px;
	background-position: center center;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
}
.x-layout-collapsed .x-tool-over {
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
}
.x-layout-collapsed  img {
	margin-top: 4px;
	margin-left: -4px;
}
.x-layout-collapsed .x-tool-over img {
	margin-left: -34px;
}

.x-layout-collapsed span {
	display:block;
	float:left;
	height:20px;
	padding:4px 2px;
	margin-left: 4px;
	width:auto;
	color: #15428B;
	position: relative;
}
.x-layout-collapsed span i {
	font-style:normal;
	position: absolute;
	left: 0;
}
.x-layout-collapsed .x-tool-over span i {
	font-weight:bold;
}
.x-layout-collapsed span b {
	visibility: hidden;
}
*/
/******************************************** ezt meg egyszerusiteni kell: ***/
/*
.verticalTabs .x-tab-panel-header {
	float:left;
}

.verticalTabs ul {
	background: #CEDFF5 url(../images/verticaltabs/tab-strip-bg-rotate.gif) repeat;
	height:5000px;
}

.verticalTabs ul.x-tab-strip li {
	float:none;
	margin:0;
	width: 26px;
}

.verticalTabs .x-tab-right, .verticalTabs.x-tab-left {
	background-image: url(../images/verticaltabs/tabs-sprite-rotate.gif);
}


.verticalTabs .x-tab-right {
	background:transparent url(../image/verticaltabs/tabs-sprite-rotate.gif) no-repeat scroll -51px 0;
	padding-left:10px;
}

.verticalTabs .x-icon {
	background-position: 5 3;
	background-repeat: no-repeat;
	padding-top: 23px;
}
.verticalTabs img {
	margin-left: -1px;
}
.verticalTabs .x-tab-strip-active img {
	margin-left: -31px;
}

.verticalTabs ul.x-tab-strip { width: 100%; }
.verticalTabs ul.x-tab-strip li {
	clear: both;
	margin: 0;
	text-align: right;
	width: 100%;
} 

.rightTabs .x-tab-panel-header{
	float:right; 
}


.mdi-container .x-tab-panel-body { background-color: #CAD9EC; }// mint az ablak színe 
#MDIFormClient { z-index: 1 }
*/

/* A gombnal a pressed rosszul van beallitva: */
.x-btn-pressed .x-btn-left { background-position: 0 -147px; }
.x-btn-pressed .x-btn-right { background-position: 0 -168px; }
.x-btn-pressed .x-btn-center { background-position: 0 -189px; }
/* Raadasul a pressed kesobb van definialva, mint az over */
.x-btn-over .x-btn-left { background-position: 0 -63px; }
.x-btn-over .x-btn-right { background-position: 0 -84px; }
.x-btn-over .x-btn-center { background-position: 0 -105px; }

.my-btn-left .x-btn-mc {
   text-align: left;
}

.my-btn-left .x-btn-mc em {
   padding-left : 5px;
}

.my-btn-right .x-btn-mc {
   text-align: right;
}

.my-btn-right .x-btn-mc em {
   padding-right : 5px;
}

/* azok az input mezők, amik beleolvadnak a háttérbe */
.x-form-inline-invalid-field, textarea.x-form-inline-invalid-field,
.x-form-inline-field, textarea.x-form-inline-field {
    border: 1px solid transparent;
    _border: none; // IE6
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
/*	font-weight:bold;*/
    opacity: 1;
    color: black !important;
}

.x-form-inline-field, textarea.x-form-inline-field {
    background: transparent;
}

.x-form-uploadbutton .x-panel-body {
    background: transparent;
}

.x-stack-item-bg {
	background:#CAD9EC none repeat scroll 0 0;
}
.x-stack-menu-list-item {
	background:#FFFFFF none repeat scroll 0 0;
}
.x-ux-menu-list-item {
	-moz-user-select:none;
	-x-system-font:none;
	display:block;
	font-family:tahoma,arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:3px;
	white-space:nowrap;
}
* html .x-ux-menu-list-item {
	position:relative;
}
/*
.my-list-style ul {
  list-style-type: disc;
	list-style-position: inside;
  margin-top: 15px; 
  margin-bottom: 15px;   
} il {
  margin-top: 1px; 
}
*/
div#x-textarea-subdiv2 {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:12px;
	filter: alpha(opacity=0);
	opacity: 0;
	/*position:fixed;top:10px;right:10px;z-index:20000;background:red;*/
}

.x-ux-menu-item-active {
	background:#EBF3FD url(../../_extjs/images/default/menu/item-over.gif) repeat-x scroll left bottom;
	border:1px solid #AACCF6;
	cursor:pointer;
	padding:2px;
}



#measureit_back {
	z-index: 20000 !important;
}
#measureit_box,
#measureit_toolbar {
	z-index: 20001 !important;
}

div.raktar-kontener div.x-color-palette {
	background-color: white;
	height: 53px;
}

div.rekesz-tartalom {
	position: relative;
	background-color: #ddd;
}
div.rekesz-mintak {
	position: relative;
}
div.rekesz {
	position:absolute;
	border: 1px solid black;
	text-align: center;
	font-family:Arial,sans-serif;
	font-size: 14px;
	cursor: pointer;
	overflow: hidden;
}
div.rekesz-hover {
	background-repeat: repeat-x;
	background-image: url(gradient-glossy.png);
}
div.rekesz-aktiv {
	border: 3px solid black;
	margin: -2px;
	font-weight: bold;
	z-index:1;
}

div.hide_qtip div.qtip_info {
	display: none;
}
div.hide_text div.text {
	display: none;
}

/* hello */
div.x-toolbar div.x-form-check-wrap label {
	margin-top: -3px;
}

.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
    padding-top: 3px;
}

.x-item-disabled {
    opacity: 1;
    color: black !important;
    padding-top: 0;
}

.x-item-disabled 2{
    opacity: 0;
    color: none !important;
    padding-top: 0;
}

.ext-gecko .x-form-text , .ext-ie8 .x-form-text {
    padding-top:0; 
    padding-bottom:0;
} 

.x-form-item-label{
  -color: #151B54;
  color: #416AA3;
  margin-top: 1px;
}

.x-form-item label.x-form-item-label {
  padding-bottom:0;
}

/* Tools */
.ion-x-tool {
    background-image:url(../../_relation/images/triangle.png);
}

td.ux-grid-hd-group-cell {
    background: url(../../_extjs/images/default/grid/grid3-hrow.gif) repeat-x bottom;
}
/*
.x-layout-collapsed-east {
    width: 5px; !important;
}

*/
/*
.x-grid3-cell-inner {
    height:500px !important;
}
*/

.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
	border: 0 none;
	height: 16px;
	margin: 0;
  margin-top: 2px;
	padding: 0;
	vertical-align: top;
	width: 16px;
	background-position:center;
    background-repeat: no-repeat;
}

.price_name  {
  color: #555;
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  margin-bottom:6px;
  line-height: 125%;
  font-size:24px;
} 

.price_caption{
  text-align: center; 
  width: 100%; 
  height: 35px;
  color: #fff; 
  float: left; 
  list-style-type: none; 
  transition: all 0.25s; 
  position: relative; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top:8px;
  vertical-align: middle; 
  display: table-cell;
}

.price_caption1{
  padding-top:9px;
  background: #999;     
  font-size: 12px; 
}

.price_caption2 {
  height: 25px;
  padding-top:3px;
  font-size: 16px; 
  background: #666666; 
  text-transform: uppercase;
}

.price_caption3 {
  height: 25px;
  padding-top:3px;
  font-size: 16px; 
  background: #474747; 
  text-transform: uppercase;
}

.price_caption4 {
  height: 71px;
  padding-top:20px;
  font-size: 22px; 
  background: #FF790B; 
}

.price_caption5 {
  padding-top:9px;
  font-size: 12px; 
  background: #FF790B; 
}

.price_caption6 {
  padding-top:4px;
  font-size: 20px; 
  background: #999; 
}

.price_caption7 {
  padding-top:0px;
  font-size: 12px; 
  background: #999; 
  text-decoration: line-through;
  height: 13px;  
}

.price_caption8 {
  padding-top:0px;
  font-size: 18px; 
  background: #999; 
  color: #ff9900;   
  height: 22px;
}

.price_caption9 {
  background: #666666;     
  font-size: 12px; 
}

.price_caption10 {
  background: #666666;     
  font-size: 20px; 
  padding-top:20px;
  height: 71px;
}

.price_caption11 {
  padding-top:10px;
  font-size: 16px; 
  background: #666666; 
  text-decoration: line-through;
  height: 30px;  
}

.price_caption12 {
  padding-top:5px;
  font-size: 20px; 
  background: #666666; 
  color: #ff9900;   
  height: 41px;
}

.price_caption15 {
  background: #999;     
  font-size: 20px; 
  padding-top:4px;
  height: 35px;
}

.price_caption16 {
  padding-top:0px;
  font-size: 12px; 
  background: #999; 
  text-decoration: line-through;
  height: 13px;  
}

.price_caption17 {
  padding-top:0px;
  font-size: 18px; 
  background: #999; 
  color: #ff9900;   
  height: 22px;
}

.price_caption13{
  background: #f7f7f7;     
  font-size: 12px;
  height: 24px;
  color: #757575;  
  padding-top:4px; 
  text-align: left; 
  padding-left:4px;
}

.price_caption18{
  background: #f7f7f7;     
  font-size: 12px;
  height: 24px;
  color: #757575;  
  padding-top:4px; 
}

.price_caption19{
  padding-top:4px;
  background: #999;     
  height: 24px;
  font-size: 12px; 
}

.button_param {
  background-color: transparent;
  color: rgb(65, 106, 163);
  border: none;
  text-align: left;  
  padding-left: 0px;
  padding-right: 0px;
  margin-top: -1px;
  font-size: 12;
	cursor: pointer;
}

.button_param:hover {
  background-color: transparent;
  color: rgb(65, 106, 163);
  border: none;
  text-align: left;  
  padding-left: 0px;
  padding-right: 0px;
  margin-top: -1px;
  font-size: 12;
  text-decoration: underline;
	cursor: pointer;
}

.button_param_grid {
  background-color: transparent;
  color: black;
  border: none;
  text-align: left;  
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 11;
  font-family: arial, tahoma, helvetica, sans-serif;
	cursor: pointer;
}

.button_param_grid:hover {
  background-color: transparent;
  color: black;
  border: none;
  text-align: left;  
  padding-left: 0px;
  padding-right: 0px;
  font-size: 11;
  margin-top: 1px;
  margin-bottom: 1px;
  text-decoration: underline;
  font-family: arial, tahoma, helvetica, sans-serif;
	cursor: pointer;
}

.button_param_prop {
  background-color: transparent;
  color: blue;
  border: none;
  text-align: left;  
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 11;
  text-decoration: underline;
  font-family: arial, tahoma, helvetica, sans-serif;
	cursor: pointer;
}

.button_param_tree {
  background-color: transparent;
  color: blue;
  border: none;
  text-align: left;  
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 11;
  font-family: arial, tahoma, helvetica, sans-serif;
	cursor: pointer;
}

.button_param_tree:hover {
  background-color: transparent;
  color: blue;
  border: none;
  text-align: left;  
  padding-left: 0px;
  padding-right: 0px;
  font-size: 11;
  margin-top: 1px;
  margin-bottom: 1px;
  text-decoration: underline;
  font-family: arial, tahoma, helvetica, sans-serif;
	cursor: pointer;
}

.button_param_tab {
  background-color: transparent;
  color: rgb(65, 106, 163);
  border: none;
  text-align: left;  
  padding-left: 0px;
  padding-right: 0px;
  margin-top: -1px;
  font-size: 11;
	cursor: pointer;
}

.grid_info {
  position:absolute;
  bottom:20px;
  right:20px;
  background-color:white;
  color:silver;
  padding:4px;
  font-size:12;
}

.grid_info:hover {
  position:absolute;
  bottom:20px;
  right:20px;
  background-color:transparent;
  color:transparent;
  padding:4px;
  font-size:12;
  opacity:0.5;
}

/*-----  _relation/css/datepickerplus.css  -----*/
.x-date-right a.npy {
    background-image: url(../../_relation/images/datepickerplus/dbl-right-btn.gif) !important;
}
.x-date-left a.npy{
	background-image: url(../../_relation/images/datepickerplus/dbl-left-btn.gif) !important;
}

th.x-date-weeknumber-header a em span,
.x-date-weeknumber-cell a em span{
	color: #66f;
	font-size:10px;
	text-align:center;
}

th.x-date-weeknumber-header a:hover,
.x-date-weeknumber-cell a:hover {
	color: #66f !important;
	background:none !important;
	cursor:default !important;
}

.x-date-multiselect {
	height:100%;
}

.x-date-multiselect th.x-date-weeknumber-header a:hover,
.x-date-multiselect .x-date-weeknumber-cell a:hover {
	background-color: #ddecfe !important;
	cursor:pointer !important;	
}

.x-date-monthtable {
	border-left:1px solid #1b376c;
}

.x-date-pickerplus .x-date-dummy img {
	height:1px;
}



/* Fix for Firefox 3 */
.x-date-pickerplus .x-date-middle {
	width: 120px;
}

.x-date-pickerplus .x-date-left a {
	float:left !important;
}

.x-date-pickerplus .x-date-right a{
	float:right !important;
}

.x-date-pickerplus .x-date-dummy,
.x-date-pickerplus .x-date-dummy img,
.x-date-pickerplus .x-date-left,
.x-date-pickerplus .x-date-right {
	width:40px !important;
}

.x-date-pickerplus  .x-date-middle {
	font-weight:normal !important;
	height:26px;
}

.x-date-multiokbtn,
.x-date-multitodaybtn,
.x-date-multiundobtn {
	width:33%;
}

.x-datepickerplus-nationalholidays {
	background-color:#ececec !important;
}

.x-datepickerplus-weekends {
	background-color:#f4f4f4;
}

.x-datepickerplus-activedate a {
	background-color: #ddecfe;
	border:1px dashed #000088 !important;
	padding:1px 4px;	
}

.x-datepickerplus-eventdates a {
	background-color:#ccccff;
	border:1px solid #000088;
	padding:1px 4px;	
}


.x-date-inner .x-datepickerplus-eventdates-disabled a:hover {
    background: #EB5F01;
    color: #fff;
}

.x-date-inner .x-datepickerplus-eventdates-disabled a {
    background: #EB5F01;
    color: #ffffff;
    cursor:default;
}


/*Set the em-tag to totally override the a-tag to prevent IE from opening a new Tab when CTRL-Clicking*/
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em span {
	height:19px !important;
	cursor:pointer;	
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a:hover {
	padding:0 !important;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em {
	width:100% !important;
	padding:0 !important;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em span {
	padding:2px 5px;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em span {
	padding:1px 4px;	
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em span {
	height:17px !important;
}

.x-date-pickerplus-prevnexthide .x-date-nextday,
.x-date-pickerplus-prevnexthide .x-date-prevday {
	visibility:hidden !important;
}

/*
Reverse Ext 3.2.x Hack to display more than 1 months vertically on datemenu
*/
.ext-ie .x-date-menu,
.ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu,
.ext-strict .ext-ie7 .x-date-menu{	
    height: auto;
}

.x-datepickerplus-fieldprev {
	background-image:url(../../_relation/images/datepickerplus/prev-tgr.gif) !important;
	cursor:pointer;
}

.x-datepickerplus-fieldnext {
	background-image:url(../../_relation/images/datepickerplus/next-tgr.gif) !important;
	cursor:pointer;
}

.x-datepickerplus-prevnext-ext3,
.x-datepickerplus-prevnext-ext3-next {
	margin-left:17px;
}

/* ie6-8 fixes */

.ext-ie6 .x-datepickerplus-prevnext-ext3 {
	margin-left:0px !important;
	left:17px;
}

.ext-ie6 .x-datepickerplus-prevnext-ext3-date {
	margin-left:17px;
}

.ext-ie6 .x-datepickerplus-prevnext-ext3-next {
	margin-left:34px !important;
}

.ext-ie7 .x-datepickerplus-prevnext-ext3-date,
.ext-ie8 .x-datepickerplus-prevnext-ext3-date {
	margin-right:17px;
}

.ext-ie7 .x-datepickerplus-prevnext-ext3-prev,
.ext-ie8 .x-datepickerplus-prevnext-ext3-prev {
	margin-right:100px;
}
/*-----  tutorial/tutorial.css  -----*/
.tutorial{
  font-style: normal;
  font-size: 13px;
}
.tutorial_title {
  color: #083772;
  font-size: 18px;
  font-weight: bolder;
}
.tutorial_subtitle {
  font-size: 15px;
  color: grey;
}
.tutorial_code{
  font-family: Courier New;
  color: green;
}