html { height: 100%; }
body {
    width:  998px; 
    min-width: 978px;
    min-height: 100%;
    background: #fff; 
    color: #575757;
    font-family: Verdana, Sans-serif;
    font-size: 9pt;
    margin: 0px auto; 
    padding: 0px;
}

.page_background {
    position: relative;
    background-color: white;
    padding: 10px 10px 0px 10px;
}

input, select, textarea {
    color: black;
    border: 1px #759EC6 solid;
    background-color: #E9F0F6;
    font-family: Verdana, Sans-serif;
    font-size: 8pt;
}

input:focus, textarea:focus {
    border: 1px solid #31699E;
}

.input_checkbox, .input_radio {
    border: 0;
    background: none;
}

.form_field.error input, .form_field.Error input, .form_field.error select, .form_field.error textarea, .form_field.Error textarea,
input.error, input.Error, select.error, textarea.error {
    border-color: red;
    background-color: #ffeeff;
}

h1, h2 {
    font-size: 10pt;
    font-weight: bold;
}

hr {
    width: 95%;
    height: 1px;
    color: #DEDEDE;
    border: 0px;
    background-color: #DEDEDE;
    margin: 0px auto;
    padding: 0px;
}


a {
    color: #5B7F9F;
}

img {
    border: none;
}

p, form, .input_hidden {
    padding: 0px;
    margin: 0px;
}

.clear_both {
    clear: both;
}

.error_message {
    color: red;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid red;
    text-align: left;
    padding: 7px 20px 7px 20px;
    margin: 10px 20px;
    display: block;
}

.success_message {
    color: green;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid green;
    text-align: left;
    padding: 7px 20px 7px 20px;
    margin: 10px 20px;
    display: block;
}

.note {
    color: #575757;
    font-size: 8pt;
    font-weight: normal;
}

.page_container a {
    color: #5B7F9F;
}

.page_container p {
    margin: 0px 0px 10px 0px;
}


/* ************************************************ */
/* TREE */
ul.tree,
ul.tree li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

ul.tree {
    padding-left: 21px;
    padding-top: 10px;
}

ul.tree li span {
    display: block;
    line-height: 18px;
    padding-top: 3px;
}

ul.tree li span a {
    text-decoration: none;
}

ul.tree li span.selected,
ul.tree li span.selected a {
    color: #ff8400;
    font-weight: bold;
}

ul.tree li span:hover,
ul.tree li span a:hover{
    background-color: #dde5ec;
    text-decoration: underline;
}

ul.tree li span {
    padding-left: 10px;
    margin-left: -10px;
    padding-right: -11px;
    margin-right: 11px;
}

ul.tree li ul li span {
    padding-left: 30px;
    margin-left: -50px;
}

ul.tree li ul li ul li span {
    padding-left: 50px;
    margin-left: -90px;
}

ul.tree li ul li ul li ul li span {
    padding-left: 70px;
    margin-left: -130px;
}

ul.tree li ul li ul li ul li ul li span {
    padding-left: 90px;
    margin-left: -170px;
}

ul.tree li ul li ul li ul li ul li ul li span {
    padding-left: 110px;
    margin-left: -210px;
}

ul.tree li ul li ul li ul li ul li ul li ul li span {
    padding-left: 130px;
    margin-left: -250px;
}
/* ************************************************ */




/* ************************************************ */
.paginator {
    color: #404040;
    font-size: 8pt;
    font-weight: normal;
    float: left;
}

.paginator.products_shown {
    float: left;
}

.paginator.line {
    float: right;
}
/* ************************************************ */


/* FORMS ****************************************** */
.form_view .form_row {
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
}

.form_view .form_row {
    padding-bottom: 5px;
}

.form_view .form_row .form_descr {
    float: left;
    width: 20%;
}

.form_view .form_row .form_descr.error {
    color: red;
}

.form_view .form_row .form_field {
    margin-left: 20%;
    width: 80%;
}

.form_view .form_row .form_field textarea,
.form_view .form_row .form_field select,
.form_view .form_row .form_field .input_password,
.form_view .form_row .form_field .input_file,
.form_view .form_row .form_field .input_text {
    width: 90%;
    margin-left: 0px;
}

.form_view .form_row .form_field textarea {
    height: 100px;
}

.form_view .form_row .form_field .input_radio,
.form_view .form_row .form_field .input_checkbox {
    vertical-align: middle;
}

.form_view .form_row .form_hint {
    margin-right: 7%;
}
/* ************************************************ */



/* *********************************************** */
.product_detailed_img img {
    vertical-align: top;
    height: 200px;
}

.product_img img:hover,
.product_detailed_img img:hover {
    border: 1px solid #CECECE;
}

.product_img {
    padding-bottom: 10px;
}

.product_detailed_img img,
.product_img img {
    padding: 1px;
    border: 1px solid white;
}
/* *********************************************** */



.cmspage_content {
    padding: 20px;
}
/* BOX ************************************************ */
.box {
    margin-bottom: 7px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.box .content {
    padding: 0px;
}

.box .cn {
    width: 10px;
    height: 10px;
    position: absolute;
    overflow: hidden;
}

.box .cn.lt { left: -5px; top: -5px; }
.box .cn.rt { left: -5px; top: -5px; margin-left: 100%; }
.box .cn.lb { bottom: -5px; left: -5px; }
.box .cn.rb { bottom: -5px; left: -5px; margin-left: 100%; }
/* BOX ************************************************ */


/* BOX in .page_container ***************************** */
.page_container .box .cn {
    background: url('/store/avactis-themes/system/images/bg-box-corners-on-white.gif') no-repeat;
}

.page_container .box .content {
    background: white url('../images/bg-box-body.gif') repeat-x 0px 0px;
    padding-bottom: 16px;
    border-left: 1px solid #B8C2CA;
    border-right: 1px solid #B8C2CA;
    border-bottom: 1px solid #ADB6BD;
}

.page_container .box.nogradient .content {
   background-image: none;
}

.right_column .box  select,
.left_column .box select {
    display: block;
    margin: 16px auto 0px auto;
    width: 85%;
}

.box h1,
.box h2,
.box .header,
.box .subheader,
.box .toolbar {
    display: block;
    height: 23px;
    text-align: left;
    padding: 5px 21px 0px 21px;
    margin: 0px;
    font-size: 10pt;
    font-weight: bold;
}

.box h1 span {
    position: absolute;
    top: 7px;
    right: 20px;
    font-size: 8pt;
    font-weight: normal;
}

.box h1 span a {
    font-size: 8pt;
    font-weight: normal;
}



.box h2,
.box .subheader,
.box .subheader a,
.box h2 a {
    background-color: #D2E0ED;
    color: #315D86;
}

.box h1 a {
    font-size: 10pt;
    font-weight: bold;
    color: white;
}

.box .toolbar {
    font-size: 8pt;
    font-weight: normal;
}

.box hr {
    width: 95%;
    height: 1px;
    color: #DEDEDE;
    border: 0px;
    background-color: #DEDEDE;
    margin: 0px auto;
    padding: 0px;
}
/* BOX in .page_container ***************************** */


/* BOX inside BOX in .page_container ****************** */
.box .box {
    margin: 20px;
    width: auto;
}

.box .box .cn {
    background: none;
}

.box .box .content {
    background: none;
    border: 1px solid #ccd9e6;
}

.box .box h1,
.box .box .header {
    color: #404040;
    background: #d2e0ed;
    font-size: 9pt;
    font-weight: normal;
    height: 20px;
}

/* BOX inside BOX in .page_container ****************** */

/* Page Header Box ************************************************ */
.box.page_header .content {
    height: 94px;
    background: #123250 url('../images/bg-page-header.gif') repeat-x 0 0;
}

/* Page Header corners */
.box.page_header  .cn {
    background: url('/store/avactis-themes/system/images/bg-page-header-corners-on-white.gif') no-repeat; /* no-repeat for ie6 */
}
/* Page Header Box ************************************************ */



/* Page Top Menu ************************************************ */
.box.page_top_menu .content {
    height: 34px;
    border: 1px #B3B3B3 solid;
    background: #F1F1F1 url('/store/avactis-themes/system/images/bg-page-top-menu.gif') repeat-x 0 0;
}

.box.page_top_menu .cn {
    background: url('/store/avactis-themes/system/images/bg-page-top-menu-corners-on-white.gif') no-repeat; /* no-repeat for ie6 */
}
/* Page Top Menu ************************************************ */



/* Page Layout: Columns ************************************************ */
.page_container {
    overflow: hidden;
    width: 100%;
}

.page_container .left_column {
    float: left;
    width: 200px;
    margin-right: 7px;
}

.page_container .right_column {
    float: right;
    width: 200px;
    margin-left: 7px;
}

.page_container .center_column {
    margin-left: 207px;
    margin-right: 207px;
}

.page_container.columnsLC .right_column {
    display: none
}

.page_container.columnsLC .center_column {
    margin-left: 207px;
    margin-right: 0px;
}

.page_container.columnsCR .left_column {
    display: none
}

.page_container.columnsCR .center_column {
    margin-left: 0px;
    margin-right: 207px;
}

.page_container.columnsC .left_column {
    display: none
}

.page_container.columnsC .right_column {
    display: none
}

.page_container.columnsC .center_column {
    margin-left: 0px;
    margin-right: 0px;
}

.page_footer {
    height: 140px;
    clear: both;
    width: 100%;
    padding-top: 30px
}
/* Page Layout: Columns ************************************************ */


/* BLOCK position  ************************************************ */
.page_header .logo {
    position: absolute;
    top: 0px;
    left: 16px;
}

.page_header .top_user1 {
    position: absolute;
    top: 16px;
    right: 16px;
}

.page_header .top_user2 {
    position: absolute;
    top: 55px;
    right: 16px;
}
/* BLOCK position  ************************************************ */


.box.page_footer  {
    margin-bottom: 0px;
}

.page_footer img.cc_icon {
    position: absolute;
    top: 25px;
    left: 10px;
}

.page_footer img.w3c_icon {
    position: absolute;
    top: 25px;
    right: 10px;
}

.page_footer hr {
    width: 100%;
    color: #969ea4;
    background-color: #969ea4;
}

.page_footer .copyright {
    margin: 0px;
    padding: 0px;
    color: #404040;
    font-size: 8pt;
    text-align: center;
    padding-top: 10px;
}
/*** page_header menu *********************************************************
     This styles define how to display menu block inside page_header block.
*******************************************************************************/

.page_header .menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.page_header .menu li {
    display: inline;
    padding-left: 9px;
    margin-left: 10px;
    background-image:url("../images/page-top-menu-triangle.gif");
    background-repeat:no-repeat;
    background-position: 0px 2px;
}

.page_header .menu li.nolink {
    background-image: none;
    padding-left: 0px;
}

.page_header .menu li,
.page_header .menu li a {
    color: #e0e8ef;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-decoration: none;
}

.page_header .menu li a:hover {
    text-decoration: underline;
}
/*** page_header menu *********************************************************/



/*** page_top_menu menu ********************************************************
     This styles define how to display menu block inside page_top_menu block.
*******************************************************************************/
.page_top_menu .menu {
    position: absolute;
    top: 10px;
    left: 12px;
}

.page_top_menu .menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.page_top_menu .menu li {
    display: inline;
    padding-left: 9px;
    padding-right: 20px;
    margin-left: 10px;
    background-image: none;
    border-right: 1px solid #b3b3b3;
}

.page_top_menu .menu li.last {
    border: none;
}

.page_top_menu .menu li,
.page_top_menu .menu li a {
    color: #c4182e;
    font-family: Arial, sans-serif;
    font-size: 9pt;
    text-decoration: none;
    font-weight: bold;
}

.page_top_menu .menu li a:hover {
    text-decoration: underline;
}
/*** page_top_menu menu *********************************************************/



/*** .page_footer menu *********************************************************/
.page_footer .menublock {
    text-align: center;
    padding-bottom: 10px;
}

.page_footer .menublock ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.page_footer .menublock li {
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
    background-image: none;
    border-right: 1px solid #404040;
}

.page_footer .menublock li.last {
    border: none;
}

.page_footer .menublock li,
.page_footer .menublock li a {
    color: #404040;
    font-family: Arial, sans-serif;
    font-size: 9pt;
    text-decoration: none;
    font-weight: normal;
}

.page_footer .menublock li a:hover {
    text-decoration: underline;
}


.page_header .search .input_text {
    background-image: url("../images/bg-input-page-header.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: transparent;
    border: none;
    color: black;
    font-size: 12px;
    padding: 3px 23px 6px 23px;
    width: 160px;
    margin: 0px;
}

.page_header .search input.button_search {
    vertical-align: top;
}





.page_container .box.subcategories .content {
    padding-bottom: 0px;
}

.page_container .subcategory_list {
    overflow: hidden;
    padding: 15px 15px 0px 15px;
}

.page_container .subcategory_list .subcategory_item {
    overflow: hidden;
    padding-bottom: 30px;
    float: left;
    width: 33%;
    text-align: center;
    height: 245px;
}

.page_container .subcategory_item .subcategory_img {
}

.page_container .subcategory_item .subcategory_name {
    padding-top: 5px;
}

.right_column .subcategory_list .subcategory_item {
    float: none;
    width: 100%;
} 
.product_type_filter .input_submit {
display:block;
margin:10px auto auto;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    background: #FFFFFF;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 480px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  480px;
    height: 275px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 160px;
    height: 275px;
}

.jcarousel-skin-tango .jcarousel-item .product_item {
    width: 100%;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 143px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 143px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/******************************************************************************* 
 * Tree container
 */
div.ui-dynatree-container
{
	font-family: Verdana, Sans-serif;
	font-size: 10pt; /* font size should not be too big */
    color: #5B7F9F;
    font-weight: 400;
    font-style:	normal;
	white-space: nowrap; 
	padding: 3px;
	
	background-color: white; 
}

/* Style, when control is disabled */
.ui-dynatree-disabled div.ui-dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver; 
}


/******************************************************************************* 
 * Vertical line image
 */
div.ui-dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}

/******************************************************************************* 
 * Common icon definitions
 */
span.ui-dynatree-empty,
span.ui-dynatree-vline,
span.ui-dynatree-connector,
span.ui-dynatree-expander,
span.ui-dynatree-icon,
span.ui-dynatree-checkbox,
span.ui-dynatree-radio
{
	width: 12px;
	height: 16px;
	display: -moz-inline-box; /* @ FF 1+2 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
}

/******************************************************************************* 
 * Lines and connectors
 */
span.ui-dynatree-empty
{
}

/******************************************************************************* 
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: ui-dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling       
 */
 
span.ui-dynatree-expander
{
	background-image: url("ltP_nes.gif");
	cursor: pointer;
}
.ui-dynatree-exp-cl span.ui-dynatree-expander /* Collapsed, not delayed, last sibling */
{
	background-image: url("ltP_ne.gif");
}
.ui-dynatree-exp-cd span.ui-dynatree-expander /* Collapsed, delayed, not last sibling */
{
	background-image: url("ltD_nes.gif");
}
.ui-dynatree-exp-cdl span.ui-dynatree-expander /* Collapsed, delayed, last sibling */
{
	background-image: url("ltD_ne.gif");
}
.ui-dynatree-exp-e span.ui-dynatree-expander,  /* Expanded, not delayed, not last sibling */
.ui-dynatree-exp-ed span.ui-dynatree-expander,  /* Expanded, delayed, not last sibling */
.ui-dynatree-exp-el span.ui-dynatree-expander,  /* Expanded, not delayed, last sibling */
.ui-dynatree-exp-edl span.ui-dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-image: url("ltM_ne.gif");
}


/******************************************************************************* 
 * Checkbox icon
 */
span.ui-dynatree-checkbox
{
	margin-left: 3px;
	background-image: url("cbUnchecked.gif");
}
span.ui-dynatree-checkbox:hover
{
	background-image: url("cbUnchecked_hover.gif");
}

.ui-dynatree-partsel span.ui-dynatree-checkbox
{
	background-image: url("cbIntermediate.gif");
}
.ui-dynatree-partsel span.ui-dynatree-checkbox:hover
{
	background-image: url("cbIntermediate_hover.gif");
}

.ui-dynatree-selected span.ui-dynatree-checkbox
{
	background-image: url("cbChecked.gif");
}
.ui-dynatree-selected span.ui-dynatree-checkbox:hover
{
	background-image: url("cbChecked_hover.gif");
}

/******************************************************************************* 
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'ui-dynatree-radio' in the tree options.
 */
span.ui-dynatree-radio
{
	margin-left: 3px;
	background-image: url("rbUnchecked.gif");
}
span.ui-dynatree-radio:hover
{
	background-image: url("rbUnchecked_hover.gif");
}

.ui-dynatree-partsel span.ui-dynatree-radio
{
	background-image: url("rbIntermediate.gif");
}
.ui-dynatree-partsel span.ui-dynatree-radio:hover
{
	background-image: url("rbIntermediate_hover.gif");
}

.ui-dynatree-selected span.ui-dynatree-radio
{
	background-image: url("rbChecked.gif");
}
.ui-dynatree-selected span.ui-dynatree-radio:hover
{
	background-image: url("rbChecked_hover.gif");
}

/******************************************************************************* 
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: ui-dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */
 
span.ui-dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-image: url("ltDoc.gif");
}

.ui-dynatree-ico-cf span.ui-dynatree-icon  /* Collapsed Folder */
{
	background-image: url("ltFld.gif");
}

.ui-dynatree-ico-ef span.ui-dynatree-icon  /* Expanded Folder */
{
	background-image: url("ltFld_o.gif");
}

/* Status node icons */

.ui-dynatree-statusnode-wait span.ui-dynatree-icon
{
	background-image: url("ltWait.gif");
}

.ui-dynatree-statusnode-error span.ui-dynatree-icon
{
	background-image: url("ltError.gif");
}

/******************************************************************************* 
 * Node titles
 */

/* Remove blue color and underline from title links */
div.ui-dynatree-container a
/*, div.ui-dynatree-container a:visited*/
{
	font-family: Verdana, Sans-serif;
	font-size: 10pt; /* font size should not be too big */
    color: #5B7F9F;
    font-weight: 400;
    font-style:	normal;
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 0px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
}

div.ui-dynatree-container a:hover
{
	text-decoration: underline;
}

span.ui-dynatree-document a,
span.ui-dynatree-folder a
{
	display: inline-block; /* Better alignment, when title contains <br> */  
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.ui-dynatree-folder a
{
	font-weight: bold;
}

div.ui-dynatree-container a:focus,
span.ui-dynatree-focused a:link  /* @IE */
{
	background-color: #EFEBDE; /* gray */
}


span.ui-dynatree-has-children a
{
}

span.ui-dynatree-expanded a
{
/*    color: #FF8400;
    font-weight: bold; */
}

span.ui-dynatree-selected a 
{
	color: green; 
	font-style: italic;
}

span.ui-dynatree-active a
{
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
}

/******************************************************************************* 
 * Custom node classes (sample)
 */

span.item_selected {
    color: #ff8400;
    font-weight: bold;
}