/* Et JS library */

/* Default settings */
html {
   height:100%;
   width:100%;
   }
body {
   border:none;
   padding:0px;
   margin:0px;
   height:100%;
   width:100%;
   /* Default font */
	font-family: arial, sans-serif;
 	color: #333333;
	font-size: 1em;
}


/* General text styles */
.text_head {
	font-family: helvetica, arial, sans-serif !important;
 	color: #333333 !important;
	font-weight: normal !important;
	letter-spacing: 0.1em !important;
	font-size: 1em !important;
	text-decoration: none !important;
	font-style: normal !important;
}
.text_paragraph {
	font-family: "Times New Roman", Times, serif !important;
 	color: #333333 !important;
	font-weight: normal !important;
	letter-spacing: 0.2em !important;
	font-size: 1em !important;
	text-decoration: none !important;
	font-style: normal !important;
}
.text_body {
	font-family: arial, sans-serif !important;
 	color: #333333 !important;
	letter-spacing: 0.1em !important;
	font-size: 1em !important;
	text-decoration: none !important;
	font-style: normal !important;
}
.text_alert {
	font-family: franklin, arial, sans-serif !important;
	color: #990000 !important;
	font-size: 1em !important;
	text-decoration: none !important;
	font-style: normal !important;
}
.text_code {
	font-family: courier, serif !important;
	color: #000000 !important;
	font-size: 1em !important;
	text-decoration: none !important;
	font-style: normal !important;
}
.text_tiny {
	font-size: 0.6em !important;
}
.text_small {
	font-size: 0.8em !important;
}
.text_medium {
	font-size: 1em !important;
}
.text_large {
	font-size: 1.8em !important;
}
.text_huge {
	font-size: 2.2em !important;
}
.text_bold {
  font-weight: bold !important;
}
.text_italic {
	font-style: italic !important;
}
.text_white {
  color: #eeeeee !important;
}

/* State CSS */
.selected {
  background-color: #ffdddd !important;
  color: #000000 !important;
  font-weight: bold !important;
}
.disabled {
  color: #999999 !important;
  background-color: #cccccc !important;
}

/* Effect CSS */
.fadeble_slow {
	opacity:1;
	-webkit-transition: opacity 3s;
	-moz-transition: opacity 3s;     
	transition: opacity 3s; 
}
.fadeble_medium {
	opacity:1;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;     
	transition: opacity 1s; 
}
.fadeble_fast {
	opacity:1;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.fade {
	opacity:0;
}
/* Dynamic form CSS */
table.dynform { /* Form */
	/*
	border-top: solid 1px #bbbbbb;
	border-bottom: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	border-left: solid 1px #bbbbbb;
	*/
	border: solid 1px #cccccc;
	padding: 1.2em;
	cellpadding:0;
	cellspacing:0;
	background-color: #ffffff;
}
tr.dynform_container { /* Row */
}
td.dynform_prompt { /* Prompt */
	height:auto;
	witdh:50%;
	font-family: arial, sans-serif;
 	color: #333333;
	font-size: 0.95em;
}
td.dynform_input { /* Input */
	witdh:50%;
	height:auto;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}
td.dynform_field_input { /* Overload for field input */
}
td.dynform_textarea_input { /* Overload for textarea input */
}
td.dynform_select_input { /* Overload for select input */
}
td.dynform_single_select_input { /* Overload for single select */
}
td.dynform_multi_select_input { /* Overload for multi select */
}
td.dynform_winselect_input { /* Overload for winselect */
}
td.dynform_button_input { /* Overload for button */
}
td.dynform_separator { /* Overload for separator row */
	height:20px;
}
select.dynform_select { /* Select input */
	width:90%;
	height:20px;
	font-family: arial, sans-serif;
 	color: #333333;
    font-size: 0.9em;
	float: right;
	padding: 0px;
	border: solid 1px #999999;
}
input.dynform_checkbox { /* Checkbox */
	padding-left:5px;
	height:20px;
	float: right;
}
input.dynform_text_input { /* Text input */
	width:90%;
	height:20px;
	font-family: arial, sans-serif;
 	color: #333333;
    font-size: 0.9em;
	float: right;
	padding: 0px;
	padding-left: 5px;
	border: solid 1px #999999;
}
textarea.dynform_textarea { /* Text input */
	width:90%;
	height: 120px !important; /* Important required to overload jQ GUI */
	font-family: arial, sans-serif;
 	color: #333333;
    font-size: 0.9em;
	float: right;
	padding: 0px;
	border: solid 1px #999999;
}
.dynform_text { /* Text */
	font-family: Times, serif;
 	color: #333333;
	font-size: 0.9em;
}
button.dynform_button { /* Button */
	margin-left:1em;
	padding-left:1.5em;
	padding-right:1.5em;
	font-family: arial, sans-serif;
 	color: #333333;
    font-size: 0.9em;
	background-color: #dddddd;
	border: solid 2px #999999;
	border-radius: 1em;
	
}
button.dynform_button_select { /* Overload of button for select buttons */
}
button.dynform_button_action { /* Overload of button for select buttons */
	float:right;
}



/* Dynamic list CSS */
table.dynlist { /* List */
}
tr.dynlist_row { /* Search row */
	height:3em;
}
tr.dynlist_search { /* Search row overload row */
}
tr.dynlist_head { /* Head row */
	color: #eeeeee;
	background-color: #111111;
	font-family: Verdana, arial, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
}
tr.dynlist_odd { /* Odd overload row */
	color: #333333;
	background-color: #ffffff;
	font-family: Verdana, arial, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    /* Control shrinking of the row */
    -webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s; 
}
tr.dynlist_even { /* Even overload row  */
	color: #333333;
    background-color: #ffeeee;
	font-family: Verdana, arial, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    /* Control shrinking of the row */
    -webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s; 
}
tr.dynlist_foot { /* Foot overload row */
	height:3em;
}
td.dynlist_cell { /* List cell */
	padding-left: 1em;
	border-bottom: 1px solid #553333;
	vertical-align: top;
	padding-top: 1em;
}
td.dynlist_cell_search { /* Search overload cell */
	padding-left: 1em;
}
td.dynlist_cell_head { /* Head overload cell */
	padding-left: 1em;
}
td.dynlist_cell_odd { /* Odd overload cell */
}
td.dynlist_cell_even { /* Even overload cell */
}
td.dynlist_cell_foot { /* Foot overload cell */
	background-color:#999999;
}
td.dynlist_cell_foot { /* Foot overload cell */
	background-color:#999999;
}
button.dynlist_button { /* Button */
	background-color: #dddddd;
	border: solid 1px #999999;
	border-radius: 0.5em;
	padding-left: 0.7em;
	padding-right: 0.7em;
}
button.dynlist_imgbutton { /* Optional button CSS */
    border: none;
    background: none;
}
img.dynlist_button_image { /* Button image */
    height: auto;
    max-height: 2em;
}
img.dynlist_image { /* Image */
    height: auto;
    max-height: 2em;
}
input.dynlist_checkbox { /* Checkbox */
}
input.dynlist_input { /* Input */
	width:95%;
}
select.dynlist_select { /* select */
	width:95%;
}
/* Expanded container / div */
div.expand {
	display: none;
	border: none;
	height: auto;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #553333;
	/* Control the expantion of the row */
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s; 
}

/* Expanded row state */
td.expanded {
	border: none;
}
div.expanded {
	display: block;
}

/* Dynamic tree */
div.dyntree {
	display: inline;
   }
div.dyntree_search {
	display: box;
   }
div.dyntree_container {
	display: box;
   }
input.dyntree_search_input {
   }
button.dyntree_search_button {
   }
div.dyntree_node_1 {
	display: box;
   }
div.dyntree_node_1_label {
	display: box;
	border-bottom: solid 1px #ffffff;
   }
div.dyntree_node_1_label:hover {
	/* border-bottom: solid 1px #000000; */
	background-color: #eeeeee;
   }
div.dyntree_node_1_childs {
	display: box;
   }
img.dyntree_node_1_img {
   max-width: 1em;
   max-height: 1em;
   }
img.dyntree_node_1_symbol {
   max-width: 1em;
   max-height: 1em;
   }
font.dyntree_node_1_text {
   }
font.dyntree_node_1_text:hover {
   }
font.dyntree_node_1_checkbox {
   }
/* State */
.nodeSelected {
	background-color: #ffdddd !important;
	color: #000000;
   }
.nodeClosed {
	display: none;
   }

/* Dynamic menu TAB style */
div.dynmenu_tab {
	display: block;
	background-color: #ffffff;
	border-bottom: 1px solid #333333;
	height: 1.8em;
	margin-top: 1px;
   }
div.dynmenu_container {
	display: inline-block;
	position: relative;
	top: -1px;
	left: 1em; /* Left space */
	border-right: solid 1px #333333;
	border-top-right-radius: 0.5em;
}
div.dynmenu_tab_1 {
	display: inline-block;
	background-color: #eeeeee;
	border-left: solid 1px #333333;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	height: 1.8em;
	line-height: 1.8em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}
div.dynmenu_tab_1:hover {
	background-color: #ffeeee;
   }
div.dynmenu_tab_2 {
	display: inline-block;
	background-color: #eeeeff;
	border-left: solid 1px #333333;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	height: 1.8em;
	line-height: 1.8em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}
div.dynmenu_tab_2:hover {
	background-color: #ffeeee;
   }
img.dynmenu_tab_1_img {
   padding-left: 0.4em;
   max-width: 1em;
   max-height: 1em;
   vertical-align: middle;
   }
font.dynmenu_tab_1_text {
   padding-left: 0.8em;
   padding-right: 0.8em;
   padding-top: 0px;
   vertical-align: middle;
   }
font.dynmenu_tab_1_text:hover {
   color: #cc0000;
   }
img.dynmenu_tab_1_close {
   padding-right: 0.4em;
   max-width: 1em;
   max-height: 1em;
   vertical-align: middle;
   }
/* State */
.tabSelected {
	background-color: #ffffff !important;
	border-top: solid 1px #333333 !important;
	border-left: solid 1px #333333 !important;
	border-bottom: solid 1px #ffffff !important;
   }
.tabDisabled {
	background-color: #999999;
   }
.tabHidden {
	display: none !important;
   }
.tabContentDisabled {
	display: none;
   }
   
   
/* Dynamic menu bar separatetor style */
div.dynmenu_bar {
	display: block;
	background-color: #ffffff;
   }
div.dynmenu_bar_container {
	display: inline;
}
div.dynmenu_bar_1 {
	display: inline;
	padding-bottom: 0.2em;
}
font.dynmenu_bar_1_text {
   padding-left: 0.8em;
   padding-right: 0.8em;
   vertical-align: middle;
   color: #888888;
   }
font.dynmenu_bar_1_text:hover {
   color: #cc0000;
   }
img.dynmenu_bar_1_img {
   padding-left: 0.4em;
   max-width: 1em;
   max-height: 1em;
   vertical-align: middle;
   }
/* State */
.barSelected {
   }
.barSelected font {
   color: #000000;
   /*text-decoration: underline;*/
   }
.barDisabled font {
	color: #999999;
   }
.barHidden {
	display: none !important;
   }
.barContentDisabled {
	display: none;
   }
 
/* Dynamic menu button style */
div.dynmenu_button {
   display: block;
   background-color: #ffffff;
   }
div.dynmenu_button_container {
	display: inline;
}
button.dynmenu_button_1 {
   display: inline;
   padding-bottom: 0.2em;
   border: 1px solid #000000;
   border-radius: 0.5em;
   margin-left: 0.4em;
}
button.dynmenu_button_2 {
   display: inline;
   padding-bottom: 0.2em;
   border: 1px solid #000000;
   background-color: #ffeeee;
   border-radius: 0.5em;
   margin-left: 0.4em;
}
font.dynmenu_button_1_text {
   padding-left: 0.8em;
   padding-right: 0.8em;
   vertical-align: middle;
   color: #333333;
   }
img.dynmenu_button_1_img {
   padding-left: 0.4em;
   max-width: 1em;
   max-height: 1em;
   vertical-align: middle;
   }

/* Dynamic buttons style */
div.dynbutton_container {
	display: inline;
   }
button.dynbutton {
   display: inline;
   border: 1px solid #000000;
   background-color: #ffffff;
   border-radius: 0.5em;
   margin-left: 0.4em;
   margin-bottom: 0.4em;
}
font.dynbutton_text {
   padding-left: 0.8em;
   padding-right: 0.8em;
   vertical-align: middle;
   }
img.dynbutton_img {
   padding-left: 0.4em;
   max-width: 1em;
   max-height: 1em;
   vertical-align: middle;
   }

/* State */
.buttonSelected {
   background-color: #ffffff !important;
   }
.buttonDisabled {
	color: #999999;
   }
.buttonHidden {
	display: none !important;
   }
.buttonContentDisabled {
	display: none;
   }
 
 /*
  * EtDialogWindow 
  */
div.etwin_simple {
	position: fixed;
	top: 100px;
	left: 100px;
	width: 700px;
	height: 500px;
	border: solid 5px #999999; /* 5px is in sync w drag-resize function */
	border-top-width: 34px;
	background-color: #ffffff;
	padding: 8px; /* 8px is in sync w drag-resize function */
	z-index: 200;
	color: #000000;
	cursor: pointer;
	box-shadow: 5px 5px 15px #999999;
}
div.etwin_simple_no_border {
	position: absolute;
	top: 0px; /* Override with relative value */
	left: 0px; /* Override with relative value */
	width: 150px; /* Override if required */
	height: auto;
	border: none;
	background-color: #ffffff;
	padding: 8px;
	z-index: 200;
	color: #000000;
	cursor: pointer;
	box-shadow: 5px 5px 15px #999999;
}
button.etwin_menu_item {
	border: none;
	height: auto;
	width: 100%;
	text-align: center;
	padding: 0.1em;
	color: #000000;
	background: none;
}
button.etwin_menu_item:hover {
	background-color: #cccccc;
}
div.etwin_separator {
	height: 1px;
	width: 100%;
	text-align: center;
	margin: 0.1em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	background-color: #333333;
}
div.etwin_glasspane {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: inherit;
	border: none;
	padding: none;
	margin: none;
	background-color: #666666;
	opacity: 0.5;
	padding: 8px;
	z-index: 199;
}
span.etwin_title {
	position: absolute;
	display: block;
	top: -28px;
	width: 100%;
	border: none;
	padding: none;
	margin: none;
	text-align: center;
	font-height: 25px; 
	color: #eeeeee;
	font-weight: bold; 
}
span.etwin_text {
	border: none;
	padding: 5px;
	margin: none;
	font-height: 25px; 
	color: #333333;
}
button.etwin_close {
	position: absolute;
	display: block;
	top: -28px;
	right: 5px;
	border: none;
	width: 22px;
	height: 22px;
	text-align: center;
	font-family: sans-serif; 
	font-size: 12px; 
	color: #333333;
}
div.etwin_buttons {
	position: absolute;
	display: block;
	bottom: 0px;
	height: 35px;
	left: 0px;
	width: 100%;
}
button.etwin_action {
	float: right;
	border: solid 1px #666666;
	border-radius: 5px;
	background-color: #eeeeee;
	width: auto;
	height: 28;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 15px;
	margin-bottom: 20px;
	text-align: center;
	font-familty: sans-serif; 
	font-height: 20px; 
	color: #333333;
}


 /* 
  * 
  * Overload jQuery UI CSS
  *
  */
div.ui-datepicker {
   font-size: 0.9em;
   font-family: arial, sans-serif;
   color: #333333;
   letter-spacing: 0.1em;
   text-decoration: none;
   font-style: normal;
}
div.ui-dialog {
   font-size: 0.9em;
   font-family: arial, sans-serif;
   color: #000000;
   letter-spacing: 0.1em;
   text-decoration: none;
   font-style: normal;
   }
.ui-widget {
   font-size: 0.9em;
   font-family: arial, sans-serif;
   color: #333333;
   letter-spacing: 0.1em;
   text-decoration: none;
   font-style: normal;
   }
.ui-dialog-title {
   font-size: 0.9em;
   font-family: arial, sans-serif;
   color: #000000;
   letter-spacing: 0.1em;
   text-decoration: none;
   font-style: normal;
   }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
   font-size: 0.9em;
   font-family: arial, sans-serif;
   color: #333333;
   letter-spacing: 0.1em;
   text-decoration: none;
   font-style: normal;
   height: 1.8em; 
}