@charset "utf-8"; 
/* ========================================================================== */
/* General */
/* ========================================================================== */
*{
	-webkit-text-size-adjust:none; 
	-moz-text-size-adjust:none; 
	-ms-text-size-adjust:none; 
}
html, body, div, form{ padding:0px; margin:0px; }
html, body{ 
	font-family:/*gui-0_general-font-font*/Arial, Helvetica, sans-serif/**/; 
	font-size:/*gui-0_general-font_size-unit*/12px/**/; 
	min-width:300px; 
}
input, textarea, select, button{ 
	font-family:inherit; 
	font-size:inherit; 
	outline:none; 
}
buton{ cursor:pointer; }
a img{ border:none; }
/* ========================================================================== */
/* Layout */
/* ========================================================================== */
.fl, .float_left { float:left;  overflow:auto; }
.fr, .float_right{ float:right; overflow:auto; }
.fn, .float_none { float:none;  }
.cr, .clear      { clear:both; width:0px; height:0px; padding:0px; margin:0px; font-size:0em; line-height:0em; overflow:hidden; border:none; background:none; }
.cfx::after, .clearfix::after{
    content: "";
    clear: both;
    display: table;
}
/* -------------------------------------------------------------------------- */
.oh, .over_hidden { overflow:hidden; }
.oa, .over_auto   { overflow:auto; }
.on, .over_none   { overflow:none; }
/* ========================================================================== */
/* Alignment / Style */
/* ========================================================================== */
.b, .bold     { font-weight:bold;  }
.i, .italic   { font-style:italic; }
.u, .underline{ text-decoration:underline; }
.o, .overline { text-decoration:overline;  }
.s, .strike   { text-decoration:line-through; }
/* -------------------------------------------------------------------------- */
.n, .nobr   { white-space:nowrap; }
.l, .left   { text-align:left;    }
.r, .right  { text-align:right;   }
.j, .justify{ text-align:justify; }
.c, .center { text-align:center;  }
/* -------------------------------------------------------------------------- */
.at, .align_top   { vertical-align:top !important; }
.ab, .align_bottom{ vertical-align:bottom !important; }
.am, .align_middle{ vertical-align:middle !important; }
.at td, .align_top td   { vertical-align:top !important; }
.ab td, .align_bottom td{ vertical-align:bottom !important; }
.am td, .align_middle td{ vertical-align:middle !important; }
/* ========================================================================== */
/* Dimension */
/* ========================================================================== */
.w0  { width:0%;  }
.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100{ width:100%;}
.w5  { width:5%;  }
.w15 { width:15%; }
.w25 { width:25%; }
.w35 { width:35%; }
.w45 { width:45%; }
.w55 { width:55%; }
.w65 { width:65%; }
.w75 { width:75%; }
.w85 { width:85%; }
.w95 { width:95%; }
.w33 { width:33.3%; }
.w16 { width:16.6%; }
.w14 { width:14.2%; }
.w12 { width:12.5%; }
/* -------------------------------------------------------------------------- */
.h0  { height:0%;   overflow:hidden; }
.h10 { height:10%;  overflow:hidden; }
.h20 { height:20%;  overflow:hidden; }
.h30 { height:30%;  overflow:hidden; }
.h40 { height:40%;  overflow:hidden; }
.h50 { height:50%;  overflow:hidden; }
.h60 { height:60%;  overflow:hidden; }
.h70 { height:70%;  overflow:hidden; }
.h80 { height:80%;  overflow:hidden; }
.h90 { height:90%;  overflow:hidden; }
.h100{ height:100%; overflow:hidden; }
.h5  { height:5%;   overflow:hidden; }
.h15 { height:15%;  overflow:hidden; }
.h25 { height:25%;  overflow:hidden; }
.h35 { height:35%;  overflow:hidden; }
.h45 { height:45%;  overflow:hidden; }
.h55 { height:55%;  overflow:hidden; }
.h65 { height:65%;  overflow:hidden; }
.h75 { height:75%;  overflow:hidden; }
.h85 { height:85%;  overflow:hidden; }
.h95 { height:95%;  overflow:hidden; }
/* ========================================================================== */
/* Corner */ 
/* ========================================================================== */
.cir { -moz-border-radius:50%;  -webkit-border-radius:50%;  border-radius:50%;  }
.c25 { -moz-border-radius:25%;  -webkit-border-radius:25%;  border-radius:25%;  }
.c12 { -moz-border-radius:12%;  -webkit-border-radius:12%;  border-radius:12%;  }
/* -------------------------------------------------------------------------- */
.r2  { -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px;  }
.r4  { -moz-border-radius:4px;  -webkit-border-radius:4px;  border-radius:4px;  }
.r8  { -moz-border-radius:8px;  -webkit-border-radius:8px;  border-radius:8px;  }
.r16 { -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; }
.r32 { -moz-border-radius:32px; -webkit-border-radius:32px; border-radius:32px; }
/* -------------------------------------------------------------------------- */
.rt2 { -moz-border-radius:2px 2px 0px 0px;   -webkit-border-radius:2px 2px 0px 0px;   border-radius:2px 2px 0px 0px;   }
.rt4 { -moz-border-radius:4px 4px 0px 0px;   -webkit-border-radius:4px 4px 0px 0px;   border-radius:4px 4px 0px 0px;   }
.rt8 { -moz-border-radius:8px 8px 0px 0px;   -webkit-border-radius:8px 8px 0px 0px;   border-radius:8px 8px 0px 0px;   }
.rt16{ -moz-border-radius:16px 16px 0px 0px; -webkit-border-radius:16px 16px 0px 0px; border-radius:16px 16px 0px 0px; }
.rt32{ -moz-border-radius:32px 32px 0px 0px; -webkit-border-radius:32px 32px 0px 0px; border-radius:32px 32px 0px 0px; }
/* -------------------------------------------------------------------------- */
.rb2 { -moz-border-radius:0px 0px 2px 2px;   -webkit-border-radius:0px 0px 2px 2px;   border-radius:0px 0px 2px 2px;   }
.rb4 { -moz-border-radius:0px 0px 4px 4px;   -webkit-border-radius:0px 0px 4px 4px;   border-radius:0px 0px 4px 4px;   }
.rb8 { -moz-border-radius:0px 0px 8px 8px;   -webkit-border-radius:0px 0px 8px 8px;   border-radius:0px 0px 8px 8px;   }
.rb16{ -moz-border-radius:0px 0px 16px 16px; -webkit-border-radius:0px 0px 16px 16px; border-radius:0px 0px 16px 16px; }
.rb32{ -moz-border-radius:0px 0px 32px 32px; -webkit-border-radius:0px 0px 32px 32px; border-radius:0px 0px 32px 32px; }
/* -------------------------------------------------------------------------- */
.rr2 { -moz-border-radius:0px 2px 2px 0px;   -webkit-border-radius:0px 2px 2px 0px;   border-radius:0px 2px 2px 0px;   }
.rr4 { -moz-border-radius:0px 4px 4px 0px;   -webkit-border-radius:0px 4px 4px 0px;   border-radius:0px 4px 4px 0px;   }
.rr8 { -moz-border-radius:0px 8px 8px 0px;   -webkit-border-radius:0px 8px 8px 0px;   border-radius:0px 8px 8px 0px;   }
.rr16{ -moz-border-radius:0px 16px 16px 0px; -webkit-border-radius:0px 16px 16px 0px; border-radius:0px 16px 16px 0px; }
.rr32{ -moz-border-radius:0px 32px 32px 0px; -webkit-border-radius:0px 32px 32px 0px; border-radius:0px 32px 32px 0px; }
/* -------------------------------------------------------------------------- */
.rl2 { -moz-border-radius:2px 0px 0px 2px;   -webkit-border-radius:2px 0px 0px 2px;   border-radius:2px 0px 0px 2px;   }
.rl4 { -moz-border-radius:4px 0px 0px 4px;   -webkit-border-radius:4px 0px 0px 4px;   border-radius:4px 0px 0px 4px;   }
.rl8 { -moz-border-radius:8px 0px 0px 8px;   -webkit-border-radius:8px 0px 0px 8px;   border-radius:8px 0px 0px 8px;   }
.rl16{ -moz-border-radius:16px 0px 0px 16px; -webkit-border-radius:16px 0px 0px 16px; border-radius:16px 0px 0px 16px; }
.rl32{ -moz-border-radius:32px 0px 0px 32px; -webkit-border-radius:32px 0px 0px 32px; border-radius:32px 0px 0px 32px; }
/* ========================================================================== */
/* Opacity */
/* ========================================================================== */
.o0   { opacity:0.0; filter:alpha(opacity=0 ); }
.o10  { opacity:0.1; filter:alpha(opacity=10); }
.o20  { opacity:0.2; filter:alpha(opacity=20); }
.o30  { opacity:0.3; filter:alpha(opacity=30); }
.o40  { opacity:0.4; filter:alpha(opacity=40); }
.o50  { opacity:0.5; filter:alpha(opacity=50); }
.o60  { opacity:0.6; filter:alpha(opacity=60); }
.o70  { opacity:0.7; filter:alpha(opacity=70); }
.o80  { opacity:0.8; filter:alpha(opacity=80); }
.o90  { opacity:0.9; filter:alpha(opacity=90); }
.o100 { opacity:1.0; filter:alpha(opacity=100);}
/* -------------------------------------------------------------------------- */
.line1{ height:1em; line-height:1em; overflow:hidden; word-break:break-all; }
.line2{ height:2em; line-height:1em; overflow:hidden; }
.line3{ height:3em; line-height:1em; overflow:hidden; }
.line4{ height:4em; line-height:1em; overflow:hidden; }
.line5{ height:5em; line-height:1em; overflow:hidden; }
.line6{ height:6em; line-height:1em; overflow:hidden; }
.line7{ height:7em; line-height:1em; overflow:hidden; }
.line8{ height:8em; line-height:1em; overflow:hidden; }
.line9{ height:9em; line-height:1em; overflow:hidden; }
/* ========================================================================== */
/* Background */
/* ========================================================================== */
.bg_cover  { background-size:cover;   background-position:center center; background-repeat:no-repeat; }
.bg_contain{ background-size:contain; background-position:center center; background-repeat:no-repeat; }
.bg_black  { background-color:rgba(0,0,0,0.5); }
.bg_white  { background-color:rgba(255,255,255,0.5); }
/* ========================================================================== */
/* Others */
/* ========================================================================== */
.invis    { width:0px; height:0px; padding:0px; margin:0px; font-size:0em; line-height:0em; overflow:hidden; border:none; background:none; }
.trans    { border:none; background:none; }
.hidden   { display:none; }
.ghost    { visibility:hidden; }

.animated { transition:all 0.3s ease; }
.clickable{ cursor:pointer; }
.unselectable{
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.draggable .drag-handle{ cursor:move; }
/* ========================================================================== */
/* Z index */ 
/* ========================================================================== */
.z-dragging{ z-index:/*gui-0_general-z_dragging-num*/999999/**/; }
.z-dropdown{ z-index:/*gui-0_general-z_dropdown-num*/999998/**/; }
.z-win2    { z-index:/*gui-0_general-z_win2-num*/999997/**/; }
.z-win1    { z-index:/*gui-0_general-z_win1-num*/999996/**/; }
.z-menu    { z-index:/*gui-0_general-z_menu-num*/999995/**/; }
.z-float   { z-index:/*gui-0_general-z_float-num*/999994/**/; } 
.z-layer2  { z-index:/*gui-0_general-z_layer2-num*/2/**/; }
.z-layer1  { z-index:/*gui-0_general-z_layer1-num*/1/**/; }
/* ========================================================================== */
/* Spacing */ 
/* ========================================================================== */
.space-big{ /*gui-0_general-space_big-unit*/20px/**/; }
.space-mid{ /*gui-0_general-space_mid-unit*/10px/**/; }
.space-sml{ /*gui-0_general-space_sml-unit*/5px/**/; }
/* ========================================================================== */
/* SQL */
/* ========================================================================== */
.sql .entity   { color:#33AACC; }
.sql .string   { color:#CC3333; }
.sql .operator { color:#AAAAAA; }
.sql .keyword  { color:#3366CC; }
.sql .function { color:#CC66CC; }
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Album */
/* ========================================================================== */
/* Album - tested */
/* -------------------------------------------------------------------------- */
.gui-album{ 	
	font-family:/*album-0_general-font-font*/inherit/**/;
	font-size:/*album-0_general-font_size-unit*/inherit/**/;
}
/* -------------------------------------------------------------------------- */
.gui-album .album-wall img{ 
	margin:/*gui-0_general-space_sml-unit*/5px/**/; 
}
/* -------------------------------------------------------------------------- */
.gui-album .layer img{ 
	width:100%; 
	height:100%; 
}
.gui-album .layer:first-of-type   { z-index:/*gui-0_general-z_layer1-num*/1/**/; }
.gui-album .layer .footer         { z-index:/*gui-0_general-z_layer2-num*/2/**/; }
.gui-album .layer .footer .album-control{ 
	height:100%; 
}
/* -------------------------------------------------------------------------- */
.gui-album .album-control .grid-cell span{ white-space:nowrap; }
.gui-album .album-control .grid-cell{ overflow:hidden; }
.gui-album .layer .album-control.bar{ 
	background-color:/*album-1_popup-overlay_background-color*/rgba(0,0,0,0.7)/**/; 
	color:/*album-1_popup-overlay_color-color*/#FFFFFF/**/;
}
/* -------------------------------------------------------------------------- */
/* Thumb */
/* -------------------------------------------------------------------------- */
.gui-album .album-thumb table { border-spacing:0px; width:100%; }
.gui-album .album-thumb td    { padding:0px; text-align:center; }
.gui-album .album-thumb td:first-of-type{ text-align:left;  }
.gui-album .album-thumb td:last-of-type { text-align:right; }
.gui-album .album-thumb a,
.gui-album .album-thumb img{ 
	margin:0px; display:block;
	transition:all 0.3s ease; 
}
.gui-album .album-thumb .bg_cover{ cursor:pointer; }
.gui-album .album-thumb .inactive{ 
	opacity:0.7; filter:alpha(opacity=70); 
}
.gui-album .album-thumb.auto-resize table,
.gui-album .album-thumb.auto-resize a, 
.gui-album .album-thumb.auto-resize img{ width:100%; height:100%; }
/* -------------------------------------------------------------------------- */
/* Zoomer - tested */
/* -------------------------------------------------------------------------- */
.album-zoom{ 
	background-color:/*album-1_popup-background-color*/#000000/**/;
	overflow:hidden; 
} 
/* -------------------------------------------------------------------------- */
/* Fullscreen pop - tested */
/* -------------------------------------------------------------------------- */
#album_pop .layer .photo{ 
	background-color:/*album-1_popup-background-color*/#000000/**/;
}
#album_pop_close        { 
	background-color:/*album-1_popup-overlay_background-color*/rgba(0,0,0,0.7)/**/; 
	color:/*album-1_popup-overlay_color-color*/#FFFFFF/**/;
}
#album_pop_close{ width:100%;  }
#album_pop_close div{ 
	padding:/*gui-0_general-space_mid-unit*/10px/**/; 
	text-align:right; 
}
/* -------------------------------------------------------------------------- */


/* ========================================================================== */
/* Breadcrumb */
/* ========================================================================== */
/* Crumb - tested */
/* -------------------------------------------------------------------------- */
.gui-crumb{
	font-family:/*breadcrumb-0_general-font-font*/inherit/**/;
	font-size:/*breadcrumb-0_general-font_size-unit*/inherit/**/;
	color:/*breadcrumb-0_general-color-color*/#333333/**/;
}
.gui-crumb.dark{
	color:/*breadcrumb-1_dark-color-color*/#FFFFFF/**/;
}
/* -------------------------------------------------------------------------- */
/* UL - tested */
/* -------------------------------------------------------------------------- */
.gui-crumb ul{ 
	list-style:none; 
	padding:0px; 
	margin:0px; 
}
.gui-crumb li{ 
	display:inline-block;
	box-sizing:border-box;

	padding:0px 0px 0px /*layout-8_list-indent-unit*/2em/**/; 
	margin:0px;
	
	background-image:/*breadcrumb-0_general-icon-icon*/url(../img/gui/breadcrumb_light.png)/**/;
	background-position:center left; 
	background-repeat:no-repeat; 
}
.gui-crumb.dark li{ 
	background-image:/*breadcrumb-1_dark-icon-icon*/url(../img/gui/breadcrumb_dark.png)/**/;
}
.gui-crumb li:first-of-type{ 
	background-image:none;
	padding-left:0px;
}
/* -------------------------------------------------------------------------- */
/* Side - tested */
/* -------------------------------------------------------------------------- */
.gui-crumb .grid-table > .grid-row > .grid-cell{ vertical-align:middle !important; }
.gui-crumb .grid-table > .grid-row > .grid-cell:last-of-type{ text-align:right; }
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Button */ 
/* ========================================================================== */
/* Button - tested */
/* -------------------------------------------------------------------------- */
.gui-button{ 
	font-family:/*button-0_general-font-font*/inherit/**/;
	font-size:/*button-0_general-font_size-unit*/inherit/**/;
	
	position:relative;
		
	box-sizing:border-box;
	cursor:pointer; 
	white-space:nowrap;
	text-decoration:none;
	transition:/*button-0_general-transition-transition*/all 0.2s ease/**/;
}
.gui-button.disable{
	opacity:0.5; filter:alpha(opacity=50); 
}
/* -------------------------------------------------------------------------- */
/* Non link - tested */
/* -------------------------------------------------------------------------- */
div.gui-button,
td.gui-button,
button.gui-button,
input.gui-button{
	padding:/*button-1_button-padding-unit*/5px/**/;
	margin:/*gui-0_general-space_sml-unit*/5px/**/;  
	
	background-color:/*button-1_button-background-color*/#EEEEEE/**/; 
	color:/*button-1_button-color-color*/#666666/**/; 
	border:/*button-1_button-border-border*/1px solid #CCCCCC/**/; 
	border-radius:/*button-1_button-radius-radius*/4px/**/; 	
}
div.gui-button,
button.gui-button,
input.gui-button{
	margin:/*gui-0_general-space_sml-unit*/5px/**/;  
}
div.gui-button:first-of-type,
button.gui-button:first-of-type,
input.gui-button:first-of-type{
	margin-left:0px;
}
div.gui-button:last-of-type,
button.gui-button:last-of-type,
input.gui-button:last-of-type{
	margin-right:0px;
}
div.gui-button{ display:inline-block; }
/* -------------------------------------------------------------------------- */
div.gui-button:hover, div.gui-button.active,
td.gui-button:hover, td.gui-button.active,
button.gui-button:hover, button.gui-button.active,
input.gui-button:hover, input.gui-button.active{
	background-color:/*button-1_button-background_active-color*/#FFFFFF/**/; 
	color:/*button-1_button-color_active-color*/#666666/**/;
	border:/*button-1_button-border_active-border*/1px solid #CCCCCC/**/; 
}
div.gui-button.dark,
td.gui-button.dark,
button.gui-button.dark,
input.gui-button.dark{ 
	background-color:/*button-2_button_dark-background-color*/#333333/**/; 
	color:/*button-2_button_dark-color-color*/#FFFFFF/**/; 
	border:/*button-2_button_dark-border-border*/1px solid #666666/**/; 
}
div.gui-button.dark:hover, div.gui-button.dark.active,
td.gui-button.dark:hover, td.gui-button.dark.active,
button.gui-button.dark:hover, button.gui-button.dark.active,
input.gui-button.dark:hover, input.gui-button.dark.active{
	background-color:/*button-2_button_dark-background_active-color*/#666666/**/; 
	color:/*button-2_button_dark-color_active-color*/#FFFFFF/**/;
	border:/*button-2_button_dark-border_active-border*/1px solid #666666/**/; 
}
/* -------------------------------------------------------------------------- */
/* Link - tested */
/* -------------------------------------------------------------------------- */
label.gui-button,
a.gui-button{	
	display:inline-block;
	vertical-align:top;
	
	background-color:/*button-3_link-background-color*/transparent/**/; 
	color:/*button-3_link-color-color*/#666666/**/; 
}
label.gui-button:hover, label.gui-button.active
a.gui-button:hover, a.gui-button.active{
	background-color:/*button-3_link-background_active-color*/transparent/**/; 
	color:/*button-3_link-color_active-color*/#CCCCCC/**/; 
}
label.gui-button.dark,
a.gui-button.dark{	
	background-color:/*button-4_link_dark-background-color*/transparent/**/; 
	color:/*button-4_link_dark-color-color*/#FFFFFF/**/; 
}
label.gui-button.dark:hover, label.gui-button.dark.active,
a.gui-button.dark:hover, a.gui-button.dark.active{
	background-color:/*button-4_link_dark-background_active-color*/transparent/**/; 
	color:/*button-4_link_dark-color_active-color*/#CCCCCC/**/; 
}
/* -------------------------------------------------------------------------- */
/* Span - tested */
/* -------------------------------------------------------------------------- */
.gui-button span{
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}
/* Text span - tested */
.gui-button .button-label{  
	padding:0px /*gui-0_general-space_sml-unit*/5px/**/;
	margin:0px;
}
.gui-button .button-thumb{ 
	padding:/*gui-0_general-space_sml-unit*/5px/**/ 0px;
	margin:0px; 
	text-align:center; 
}
/* -------------------------------------------------------------------------- */
/* Img span - tested */
/* -------------------------------------------------------------------------- */
.gui-button .button-img  { 
	font-size:0px; 
}
.gui-button .button-cir  { 
	font-size:0px; 
	margin:/*gui-0_general-space_sml-unit*/5px/**/;  
	transition:/*button-0_general-transition-transition*/all 0.2s ease/**/;
	
	background-color:/*button-5_dot-background-color*/transparent/**/; 
	border:/*button-5_dot-border-border*/2px solid #999999/**/; 
	border-radius:/*button-5_dot-radius-radius*/50%/**/; 
}
.gui-button:first-of-type .button-cir{ margin-left:0px; }
.gui-button:last-of-type .button-cir { margin-right:0px; }

.gui-button:hover .button-cir, .gui-button.active .button-cir{ 
	background-color:/*button-5_dot-background_active-color*/#999999/**/; 
	border:/*button-5_dot-border_active-border*/2px solid #999999/**/; 
}
.gui-button.dark .button-cir{ 
	background-color:/*button-6_dot_dark-background-color*/transparent/**/; 
	border:/*button-6_dot_dark-border-border*/2px solid #FFFFFF/**/; 
}
.gui-button.dark:hover .button-cir, .gui-button.dark.active .button-cir{ 
	background-color:/*button-6_dot_dark-background_active-color*/#FFFFFF/**/; 
	border:/*button-6_dot_dark-border_active-border*/2px solid #FFFFFF/**/; 
}
/* -------------------------------------------------------------------------- */
/* Tooltip - tested */
/* -------------------------------------------------------------------------- */
.gui-button .button-tooltip {
	visibility:hidden;
	position:absolute;
	text-align:left;
	z-index:/*gui-0_general-z_dropdown-num*/999999/**/;
}
.gui-button:hover .button-tooltip{
	 visibility:visible;
}
.gui-button .button-tooltip .tip-text{
	padding:5px;
	margin:0px; 
	
	min-width:250px;
	max-width:300px; 
	white-space:normal;
	
    background-color:/*button-6_tooltip-background-color*/#000000/**/;
    color:/*button-6_tooltip-color-color*/#FFFFFF/**/; 
}
/* -------------------------------------------------------------------------- */
.gui-button .button-tooltip.tip-left{
	left:100%;
	top:0%;
}
.gui-button .button-tooltip.tip-left .tip-arrow{
	padding:0px;
	margin:5px 0px 0px 0px;
	width:0px; 
	height:0px;
	
    border-style:solid;
    border-color:transparent /*button-6_tooltip-background-color*/#000000/**/ transparent transparent ;
	border-width:5px; 
}
/* -------------------------------------------------------------------------- */
.gui-button .button-tooltip.tip-bottom{
	left:0%;
	top:100%;
}
.gui-button .button-tooltip.tip-bottom .tip-arrow{
	display:block;
	padding:0px;
	margin:0px 0px 0px 5px;
	width:0px; 
	height:0px;
	
    border-style:solid;
    border-color:transparent transparent /*button-6_tooltip-background-color*/#000000/**/ transparent ;
	border-width:5px; 
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Calendar */ 
/* ========================================================================== */
/* Calendar - tested */
/* -------------------------------------------------------------------------- */
.gui-calendar{
	font-family:/*calendar-0_general-font-font*/inherit/**/;
	font-size:/*calendar-0_general-font_size-unit*/inherit/**/;
	
	width:/*calendar-0_general-width-unit*/360px/**/;
	height:/*calendar-0_general-height-unit*/240px/**/;
	
	background-color:/*calendar-0_general-background-color*/#FFFFFF/**/; 
	color:/*calendar-0_general-color-color*/#666666/**/;
}
.gui-calendar table{ 
	width:100%;
	height:100%;
	margin:0px;
	border-spacing:0px;
}
.gui-calendar td{ 
	padding:0px; 
	text-align:center; 
	vertical-align:middle; 
}
.gui-calendar .gui-button{ 
	border-radius:0px; 
}
/* -------------------------------------------------------------------------- */
/* Head - tested */
/* -------------------------------------------------------------------------- */
.gui-calendar .cal-head{ height:10%; }
.gui-calendar .cal-head .gui-button{ width:8%; }
.gui-calendar .cal-head .gui-button:nth-of-type(2),
.gui-calendar .cal-head .gui-button:nth-of-type(5){ width:34%; }
.gui-calendar .cal-head .gui-button  {
	background-color:/*calendar-1_head-background-color*/#333333/**/; 
	color:/*calendar-1_head-color-color*/#FFFFFF/**/;
	border:none;
}
.gui-calendar .cal-head .gui-button:hover,
.gui-calendar .cal-head .gui-button.active{
	background-color:/*calendar-1_head-background_active-color*/#666666/**/; 
	color:/*calendar-1_head-color_active-color*/#FFFFFF/**/;
	border:none;
}
/* -------------------------------------------------------------------------- */
/* Foot - tested */
/* -------------------------------------------------------------------------- */
.gui-calendar .cal-foot{ height:10%; }
.gui-calendar .cal-foot .gui-button{ width:50%;  }
.gui-calendar .cal-foot .gui-button{
	background-color:/*calendar-2_foot-background-color*/transparent/**/; 
	color:/*calendar-2_foot-color-color*/#333333/**/;
	border:none;
}
.gui-calendar .cal-foot .gui-button:hover,
.gui-calendar .cal-foot .gui-button.active{
	background-color:/*calendar-2_foot-background_active-color*/#EEEEEE/**/; 
	color:/*calendar-2_foot-color_active-color*/#333333/**/;
	border:none;
}
/* -------------------------------------------------------------------------- */
/* Body - tested */
/* -------------------------------------------------------------------------- */
.gui-calendar .cal-day{ border-spacing:1px; }
.gui-calendar .cal-day .week{ width:14%; height:16%; }
.gui-calendar .cal-day .gui-button{ width:14%; height:14%; }
/* -------------------------------------------------------------------------- */
.gui-calendar .cal-month{ border-spacing:1px; }
.gui-calendar .cal-month .gui-button{ width:25%; height:33%;  }
/* -------------------------------------------------------------------------- */
.gui-calendar .cal-year{ border-spacing:1px; }
.gui-calendar .cal-year .gui-button{ width:25%; height:33%;  }
/* -------------------------------------------------------------------------- */
.gui-calendar .cal-body{ height:80%; }
.gui-calendar .cal-body .gui-button{
	background-color:/*calendar-3_body-background-color*/#DDDDDD/**/; 
	color:/*calendar-3_body-color-color*/#333333/**/;
	border:none;
}
.gui-calendar .cal-body .gui-button:hover,
.gui-calendar .cal-body .gui-button.active{
	background-color:/*calendar-3_body-background_active-color*/#333333/**/; 
	color:/*calendar-3_body-color_active-color*/#FFFFFF/**/;
	border:none;
}
/* -------------------------------------------------------------------------- */
.gui-calendar .cal-timer table{ 
	max-width:60%; 
	height:auto; 
	margin:0px auto;
	border-spacing:/*gui-0_general-space_sml-unit*/5px/**/;
}
.gui-calendar .cal-timer .time   { width:40%; }
.gui-calendar .cal-timer .sep    { width:5%;  }
.gui-calendar .cal-timer .select {
	width:100%;
	padding:/*gui-0_general-space_sml-unit*/5px/**/;
	margin:0px;
	box-sizing:border-box;
	background-color:transparent;
	border:/*calendar-0_general-select_border-border*/1px solid #CCCCCC/**/;
}
.gui-calendar .cal-timer .gui-button{
	padding:/*gui-0_general-space_sml-unit*/5px/**/;
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Databox */
/* ========================================================================== */
/* Databox - tested */
/* -------------------------------------------------------------------------- */
.gui-data-box{ 
	font-family:/*databox-0_general-font-font*/inherit/**/;
	font-size:/*databox-0_general-font_size-unit*/inherit/**/;
	 
	padding:0px;
	margin:/*gui-0_general-space_mid-unit*/10px/**/ 0px;
}
/* -------------------------------------------------------------------------- */
.gui-data-box .box-label{ 
	width:/*databox-1_label-width-unit*/180px/**/;
	padding-right:/*gui-0_general-space_sml-unit*/5px/**/;
	vertical-align:middle !important;
}
.gui-data-box .box-message{ 
	width:/*databox-2_message-width-unit*/300px/**/;
	padding-left:/*gui-0_general-space_sml-unit*/5px/**/;
	vertical-align:middle !important;
}
.gui-data-box .break .box-label{ width:auto; padding-right:0px; }
.gui-data-box .break .box-message{ width:auto; padding-left:0px; }
/* -------------------------------------------------------------------------- */
.gui-data-box > .gui-input-label{
	margin:/*gui-0_general-space_sml-unit*/5px/**/ 0px;
}
.gui-data-box > .gui-input-message{
	margin:/*gui-0_general-space_sml-unit*/5px/**/ 0px;
}
.gui-data-box > .gui-input-label:first-child{ 
	margin-top:0px; 
}
.gui-data-box > .gui-input-message:last-child{ 
	margin-bottom:0px; 
}
.gui-data-box .break .gui-input-label{ 
	margin-bottom:/*gui-0_general-space_sml-unit*/5px/**/ !important; 
}
.gui-data-box .break .gui-input-message{ 
	margin-top:/*gui-0_general-space_sml-unit*/5px/**/ !important; 
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Form */
/* ========================================================================== */
/* Form - tested */
/* -------------------------------------------------------------------------- */
.gui-data-form{ 
	font-family:/*dataform-0_general-font-font*/inherit/**/;
	font-size:/*dataform-0_general-font_size-unit*/inherit/**/;
}
.gui-data-form .form-body .group{ 
	padding:0px;
	margin:/*gui-0_general-space_big-unit*/20px/**/ 0px; 
	border:/*dataform-1_group-border-border*/1px solid #999999/**/; 
}
.gui-data-form .form-body .group:first-of-type{ margin-top:0px; }
.gui-data-form .form-body .group:last-of-type { margin-bottom:0px; }

.gui-data-form .form-body .group .title{ 
	padding:/*gui-0_general-space_mid-unit*/10px/**/; 
	margin:0px; 
	background-color:/*dataform-1_group-head_background-color*/#999999/**/; 
	color:/*dataform-1_group-head_color-color*/#FFFFFF/**/; 
}
.gui-data-form .form-body .group .fields{ 
	overflow:auto;
}
/* -------------------------------------------------------------------------- */
.gui-data-form .form-body .group .fields > .gui-data-box{
	margin-left:/*databox-0_general-margin-unit*/10px/**/;
	margin-right:/*databox-0_general-margin-unit*/10px/**/;
}
.gui-data-form .form-body .group .fields > .gui-grid > .grid-table{
	border-spacing:/*databox-0_general-margin-unit*/10px/**/; 
}
.gui-data-form .form-body .group .fields .break .gui-data-box{
	margin-left:/*databox-0_general-margin-unit*/10px/**/;
	margin-right:/*databox-0_general-margin-unit*/10px/**/;
}
.gui-data-form .form-body .group .fields .nobreak .gui-data-box{
	margin:0px; 
}
/* -------------------------------------------------------------------------- */
.gui-data-form .form-foot p{
	text-align:right; 
}
/* -------------------------------------------------------------------------- */
/* Grid - tested */
/* -------------------------------------------------------------------------- */
.gui-data-form .form-left{ width:50%; }
.gui-data-form .form-side{ width:/*dataform-0_general-width_side-unit*/300px/**/; }
.gui-data-form .form-body .break .form-left,
.gui-data-form .form-body .break .form-side{
	width:auto !important; 
}
/* -------------------------------------------------------------------------- */
/* Tab - tested */
/* -------------------------------------------------------------------------- */
.gui-data-form .gui-menu,
.gui-data-form .form-body > .group{
	margin:/*gui-0_general-space_big-unit*/20px/**/;; 
}
/* -------------------------------------------------------------------------- */
/* SQL Log - tested */
/* -------------------------------------------------------------------------- */
.gui-log table  { 
	width:100%; 
	table-layout:fixed; 
	border-spacing:/*layout-9_table-spacing-unit*/1px/**/; 
	background-color:/*layout-9_table-border_color-color*/#CCCCCC/**/; 
}
.gui-log td     { 
	padding:/*layout-9_table-padding-unit*/5px/**/; 
	color:/*layout-9_table-color-color*/#333333/**/;
	background-color:/*layout-9_table-background-color*/#FFFFFF/**/;
}
.gui-log td.sql { word-break:break-all; }
.gui-log td.rows{ width:40px; }
.gui-log td.auto{ width:40px; }
.gui-log td.time{ width:60px; }
.gui-log th     { text-align:left; font-weight:normal; }
.gui-log .error {
	color:/*win-2_body-color_error-color*/#CC3333/**/; 
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* datalist */ 
/* ========================================================================== */
/* List - tested */
/* -------------------------------------------------------------------------- */
.gui-data-list{ 
	font-family:/*datalist-0_general-font-font*/inherit/**/;
	font-size:/*datalist-0_general-font_size-unit*/inherit/**/;
}
.gui-data-list .empty  { text-align:center; padding:/*datalist-0_general-empty_padding-unit*/60px/**/ 0px; } 
.gui-data-list .arrange{ text-align:center; }
.gui-data-list .list-item a{ color:inherit; text-decoration:none; }
/* -------------------------------------------------------------------------- */
/* Table - tested */
/* -------------------------------------------------------------------------- */
.gui-data-list .list .table{
	display:table; 
	table-layout:fixed; 
	border-spacing:/*datalist-1_table-spacing-unit*/1px/**/; 
	width:100%; 
	
	background-color:/*datalist-1_table-border_color-color*/#CCCCCC/**/;
}
.gui-data-list .list .table > .row{ 
	display:table-row; 
}
.gui-data-list .list .table > .row > .cell{ 
	display:table-cell; 
	vertical-align:middle; 
	word-break:break-all;
	padding:/*gui-0_general-space_sml-unit*/5px/**/; 
	
	background-color:/*datalist-1_table-odd_background-color*/#FFFFFF/**/;
	color:/*datalist-1_table-odd_color-color*/#333333/**/;
}
.gui-data-list .list .table > .row:nth-of-type(even) > .cell{ 
	background-color:/*datalist-1_table-even_background-color*/#EEEEEE/**/;
	color:/*datalist-1_table-even_color-color*/#333333/**/;
}
.gui-data-list .list .table > .row:nth-of-type(1) > .cell{ 
	background-color:/*datalist-1_table-head_background-color*/#DDDDDD/**/;
	color:/*datalist-1_table-head_color-color*/#333333/**/;
}
.gui-data-list .list .table > .row.selected > .cell{ 
	background-color:/*datalist-1_table-selected_background-color*/#DDFFDD/**/;
	color:/*datalist-1_table-selected_color-color*/#333333/**/;
}
.gui-data-list .list .table > .row > .cell .cell-mass  { text-align:center; }
.gui-data-list .list .table > .row > .cell .cell-label { display:none; }
.gui-data-list .list .table > .row > .cell .cell-value { }
.gui-data-list .list .table > .row > .cell .cell-action{ text-align:center; } 


.gui-data-list .list .table > .row > .cell.active{ 
	background-color:/*datalist-1_table-active_background-color*/#DDFFDD/**/;
}
/* -------------------------------------------------------------------------- */
.gui-data-list .list .table.break{ 
	display:block;
	background-color:none;
}
.gui-data-list .list .table.break > .row{ 
	display:table;
	table-layout:fixed;
	border-spacing:/*gui-0_general-space_sml-unit*/5px/**/; 
	width:100%;
}
.gui-data-list .list .table > .row:nth-of-type(even){ 
	background-color:/*datalist-1_table-even_background-color*/#FFFFFF/**/;
	color:/*datalist-1_table-even_color-color*/#333333/**/;
}
.gui-data-list .list .table > .row:nth-of-type(odd){ 
	background-color:/*datalist-1_table-odd_background-color*/#EEEEEE/**/;
	color:/*datalist-1_table-odd_color-color*/#333333/**/;
}
.gui-data-list .list .table.break > .row > .cell             { display:table-row; }
.gui-data-list .list .table.break > .row > .cell .cell-mass  ,
.gui-data-list .list .table.break > .row > .cell .cell-label { display:table-cell; text-align:left;  vertical-align:top; width:/*datalist-1_table-label-unit*/150px/**/; }
.gui-data-list .list .table.break > .row > .cell .cell-value { display:table-cell; text-align:left;  vertical-align:top; }
.gui-data-list .list .table.break > .row > .cell .cell-action{ display:table-cell; text-align:right; vertical-align:top; }
.gui-data-list .list .table.break > .row:nth-of-type(1)      { display:none; }
/* -------------------------------------------------------------------------- */
/* Auto size - tested */
/* -------------------------------------------------------------------------- */
.gui-data-list .auto-size{
	padding:/*gui-0_general-space_sml-unit*/5px/**/; 
	margin:0px; 
}
.gui-data-list .auto-size .list-item{ 
	float:left; 
	box-sizing:border-box;
}
.gui-data-list .auto-size .list-item .list-body{
	padding:/*gui-0_general-space_sml-unit*/5px/**/; 
	margin:0px;
	background-color:/*datalist-2_item-background-color*/#FFFFFF/**/; 
}
.gui-data-list .auto-size .list-item.selected > .list-body{ 
	background-color:/*datalist-1_table-selected_background-color*/#DDFFDD/**/;
}
.gui-data-list .auto-size .list-item .list-frame{
	border:1px solid /*datalist-2_item-background_photo-color*/#EEEEEE/**/; 
}
.gui-data-list .auto-size .list-item .list-photo { 
	background-color:/*datalist-2_item-background_photo-color*/#EEEEEE/**/; 
}
.gui-data-list .auto-size .list-item .list-action{ 
	padding:0px; 
	margin:0px; 
	text-align:right; 
}
.gui-data-list .auto-size .list-item h3{ 
	padding:0px; 
	margin:/*gui-0_general-space_sml-unit*/5px/**/ 0px; 
	font-size:/*datalist-2_item-size_name-unit*/1.2em/**/; 
	font-weight:normal; 
}
.gui-data-list .auto-size .list-item p{ 
	padding:0px; 
	margin:/*gui-0_general-space_sml-unit*/5px/**/ 0px; 
	font-size:/*datalist-2_item-size_desc-unit*/1em/**/; 
}
.gui-data-list .auto-size .drag-holder .list-action{ visibility:hidden; }
/* -------------------------------------------------------------------------- */
/* Simple list - tested */
/* -------------------------------------------------------------------------- */
.gui-data-list .simple .list-item .list-desc,
.gui-data-list .simple .list-item .list-action{
	vertical-align:middle !important;
	padding:/*gui-0_general-space_sml-unit*/5px/**/;
}
/* -------------------------------------------------------------------------- */
/* Card list - tested */
/* -------------------------------------------------------------------------- */
.gui-data-list .card .list-item .list-desc{
	vertical-align:middle !important;
}
.gui-data-list .card .list-item .list-desc h3{
	margin:0px /*gui-0_general-space_sml-unit*/5px/**/; 
}
.gui-data-list .card .list-item .label p{
	margin:/*gui-0_general-space_sml-unit*/5px/**/;
	text-align:right;
}
.gui-data-list .card .list-item .value p{
	margin:/*gui-0_general-space_sml-unit*/5px/**/;
}
.gui-data-list .card .gui-button{
	margin:/*gui-0_general-space_sml-unit*/5px/**/;
}
/* -------------------------------------------------------------------------- */
/* Tile list - tested */
/* -------------------------------------------------------------------------- */
.gui-data-list .tile .list-item .list-desc h3,
.gui-data-list .tile .list-item .list-desc p{
	margin:/*gui-0_general-space_sml-unit*/5px/**/; 
}
.gui-data-list .tile .list-item .list-desc table{
	width:100%;
	border-spacing:/*gui-0_general-space_sml-unit*/5px/**/ 0px; 
}
.gui-data-list .tile .list-item .list-action{
	vertical-align:bottom !important;
	padding:/*gui-0_general-space_sml-unit*/5px/**/;
}
.gui-data-list .tile .list-item .label{
	width:/*datalist-2_item-width_label-unit*/100px/**/;
}
/* -------------------------------------------------------------------------- */
/* Article list - tested */
/* -------------------------------------------------------------------------- */
.gui-data-list .article ul{ padding:0px; margin:0px; list-style:none; }
.gui-data-list .article li{
	padding:0px;
	margin:/*layout-0_general-spacing-unit*/20px/**/ 0px;
}
.gui-data-list .article h3{ padding:0px; margin:0px; }
.gui-data-list .article h4{ padding:0px; margin:0px; }
.gui-data-list .article p { padding:0px; margin:0px; }
/* -------------------------------------------------------------------------- */
/* Auto size tier - tested */
/* -------------------------------------------------------------------------- */
.gui-data-list .tier1 .size1{ width:100.0%; }
.gui-data-list .tier1 .size2{ width:100.0%; }
.gui-data-list .tier1 .size3{ width:100.0%; }
.gui-data-list .tier1 .size4{ width:50.0%;  }
.gui-data-list .tier1 .size5{ width:50.0%;  }

.gui-data-list .tier2 .size1{ width:100.0%; }
.gui-data-list .tier2 .size2{ width:100.0%; }
.gui-data-list .tier2 .size3{ width:50.0%;  }
.gui-data-list .tier2 .size4{ width:50.0%;  }
.gui-data-list .tier2 .size5{ width:33.3%;  }

.gui-data-list .tier3 .size1{ width:100.0%; }
.gui-data-list .tier3 .size2{ width:50.0%;  }
.gui-data-list .tier3 .size3{ width:33.3%;  }
.gui-data-list .tier3 .size4{ width:25.0%;  }
.gui-data-list .tier3 .size5{ width:20.0%;  }

.gui-data-list .tier4 .size1{ width:50.0%;  }
.gui-data-list .tier4 .size2{ width:33.3%;  }
.gui-data-list .tier4 .size3{ width:20.0%;  }
.gui-data-list .tier4 .size4{ width:16.6%;  }
.gui-data-list .tier4 .size5{ width:12.5%;  }

.gui-data-list .tier5 .size1{ width:50.0%;  }
.gui-data-list .tier5 .size2{ width:33.3%;  }
.gui-data-list .tier5 .size3{ width:16.6%;  }
.gui-data-list .tier5 .size4{ width:12.5%;  }
.gui-data-list .tier5 .size5{ width:10.0%;  }
/* -------------------------------------------------------------------------- */


/* ========================================================================== */
/* Data Tree */ 
/* ========================================================================== */
/* Tree - tested*/
/* -------------------------------------------------------------------------- */
.gui-data-tree{ 
	font-family:/*datatree-0_general-font-font*/inherit/**/;
	font-size:/*datatree-0_general-font_size-unit*/inherit/**/;
}
.gui-data-tree .tree-list{ 
	list-style-type:none; 
	padding:0px; 
	margin:0px; 
}
.gui-data-tree .tree-item{ 
	white-space:nowrap; 
	
	padding:0px; 
	margin:0px; 
	
	background-repeat:repeat-y; 
}
.gui-data-tree .tree-item:last-of-type{ 
	background-repeat:no-repeat; 
}
.gui-data-tree .tree-list .tree-list{ 
	padding:0px; 
	padding-left:/*datatree-0_general-indent-unit*/1em/**/;
	margin:0px; 
}
/* -------------------------------------------------------------------------- */
.gui-data-tree .preset_up, 
.gui-data-tree .preset_down,
.gui-data-tree .preset_top, 
.gui-data-tree .preset_bottom{ 
	display:none; 
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Grid */
/* ========================================================================== */
/* Grid - tested */
/* -------------------------------------------------------------------------- */
.gui-grid                                       { clear:both; }
.gui-grid > .grid-table                         { display:table; table-layout:fixed; border-spacing:0px; width:100%; }
.gui-grid > .grid-table > .grid-row             { display:table-row; }
.gui-grid > .grid-table > .grid-row > .grid-cell{ display:table-cell; overflow:hidden; vertical-align:top; }
/* -------------------------------------------------------------------------- */
/* Break - tested */
/* -------------------------------------------------------------------------- */
.gui-grid > .grid-table.break                         { display:block; }
.gui-grid > .grid-table.break > .grid-row             { display:block; }
.gui-grid > .grid-table.break > .grid-row > .grid-cell{ display:block; overflow:visible; width:auto; }
/* -------------------------------------------------------------------------- */
/* Spaced  - tested */
/* -------------------------------------------------------------------------- */
.gui-grid.spaced > .grid-table > .grid-row > .grid-cell{ 
	border-left:  /*layout-0_general-spacing-unit*/20px/**/ solid transparent; 
	border-bottom:/*layout-0_general-spacing-unit*/20px/**/ solid transparent; 
}
.gui-grid.spaced > .grid-table > .grid-row > .grid-cell:first-of-type{ border-left:none; }
.gui-grid.spaced > .grid-table > .grid-row:last-of-type  > .grid-cell{ border-bottom:none;}
/* -------------------------------------------------------------------------- */
/* Inside Layout - tested */
/* -------------------------------------------------------------------------- */
.gui-layout .layout-box   > .gui-grid,
.gui-layout .layout-box-h > .gui-grid{ 
	margin-left:0px; 
	margin-right:0px; 
}
.gui-layout .layout-box   > .gui-grid > .grid-table,
.gui-layout .layout-box-h > .gui-grid > .grid-table{ 
	border-spacing:/*layout-0_general-spacing-unit*/20px/**/ 0px;
}
.gui-layout .layout-box   > .gui-grid > .grid-table.break  > .grid-row > .grid-cell,
.gui-layout .layout-box-h > .gui-grid > .grid-table.break  > .grid-row > .grid-cell{ 
	margin:/*layout-0_general-spacing-unit*/20px/**/;
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Input */
/* ========================================================================== */
/* Input - tested */
/* -------------------------------------------------------------------------- */
.gui-input[type=text],
.gui-input[type=password],
select.gui-input,
textarea.gui-input,
div.gui-input{
	font-family:/*input-0_general-font-font*/inherit/**/;
	font-size:/*input-0_general-font_size-unit*/inherit/**/;
	
	box-sizing:border-box;
	width:100%;
	padding:/*input-0_general-padding-unit*/5px/**/;
	margin:0px;
	
	background-color:/*input-0_general-background-color*/transparent/**/; 
	color:/*input-0_general-color-color*/#333333/**/; 
	border:/*input-0_general-border-border*/1px solid #CCCCCC/**/;
	border-radius:/*input-0_general-radius-radius*/4px/**/; 		
	resize:none;
}
textarea.auto-expand{ overflow:hidden; }

input.gui-select,
select.gui-input{
	cursor:pointer;
	
	background-image:/*input-1_select-icon-icon*/url(../img/gui/menu_h.png)/**/;
	background-position:right /*input-1_select-padding_right-unit*/5px/**/ center;
	background-repeat:no-repeat;
	
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
div.gui-input{ padding:0px; }
div.gui-input .gui-input{ border:none; margin:0px; }
/* -------------------------------------------------------------------------- */
/* State - tested */
/* -------------------------------------------------------------------------- */
.gui-input.blank{
	background-color:/*input-9_blank-background-color*/transparent/**/; 
	color:/*input-9_blank-color-color*/#CCCCCC/**/; 
	border-color:/*input-9_blank-border_color-color*/#CCCCCC/**/;
}
.gui-input.invalid{
	background-color:/*input-8_invalid-background-color*/transparent/**/; 
	color:/*input-8_invalid-color-color*/#CC3333/**/; 
	border-color:/*input-8_invalid-border_color-color*/#CC3333/**/;
}
/* -------------------------------------------------------------------------- */
/* Multi input - tested */
/* -------------------------------------------------------------------------- */
.gui-input .gui-input-multi{ 
	width:100%; 
	border-spacing:0px;
}
.gui-input .gui-input-multi td{
	border-left:/*input-0_general-border-border*/1px solid #CCCCCC/**/;
	padding:0px; 
}
.gui-input .gui-input-multi td:first-of-type{ border:none; }

.gui-input .gui-input-multi label{
	display:inline-block;
	padding:/*input-0_general-padding-unit*/5px/**/;
}
.gui-input .gui-input-multi label:first-child{ padding-bottom:0px; }
.gui-input .gui-input-multi label:last-child { padding-top:0px; }

.gui-input .gui-input-multi label a{
	text-decoration:none;
	color:inherit;
}
.gui-input .gui-input-multi label a:hover{
	text-decoration:underline;
}

.gui-input .gui-input-multi .cell-unit,
.gui-input .gui-input-multi .cell-button     { width:30px; text-align:center; }
.gui-input .gui-input-multi .cell-button_long{ width:60px; text-align:center; }
.gui-input .gui-input-multi .cell-sep        { width:5%; text-align:center; }
.gui-input .gui-input-multi .cell-ver,
.gui-input .gui-input-multi .cell-time,
.gui-input .gui-input-multi .cell-date,
.gui-input .gui-input-multi .cell-code    { width:30%; }
.gui-input .gui-input-multi .cell-name    { width:40%; }
.gui-input .gui-input-multi .cell-datetime{ width:12.5%; }

.gui-input .gui-input-multi .cell-ex a{ display:block; padding:/*input-0_general-padding-unit*/5px/**/;  }
/* -------------------------------------------------------------------------- */
/* Radio / checklist - tested */
/* -------------------------------------------------------------------------- */
.gui-input .gui-button.check,
.gui-input .gui-button.uncheck{
	margin:/*gui-0_general-space_sml-unit*/5px/**/;
}
/* -------------------------------------------------------------------------- */
/* Checkbox - tested */
/* -------------------------------------------------------------------------- */
.gui-input-checkbox,
.gui-input-checklist,
.gui-input-radio{
	border:none !important; 
}
.gui-input-checkbox .gui-button{
	margin:0px !important; 
}
/* -------------------------------------------------------------------------- */
/* Boolean - tested */
/* -------------------------------------------------------------------------- */
.gui-input-boolean { 
	display:inline-block; 
	width:auto !important; 
}
.gui-input-boolean .gui-button{
	padding:/*input-3_boolean-padding-unit*/4px/**/ !important;
	margin:0px !important; 
	border-radius:/*input-0_general-radius-radius*/4px/**/;
}
.gui-input-boolean .gui-button:first-of-type{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-right:/*input-0_general-border-border*/1px solid #CCCCCC/**/;
}
.gui-input-boolean .gui-button:last-of-type{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;	
}
.gui-input-boolean .gui-button.active:first-of-type{ 
	background-color:/*input-3_boolean-background_no-color*/#FFC1D5/**/;
}
.gui-input-boolean .gui-button.active:last-of-type{ 
	background-color:/*input-3_boolean-background_yes-color*/#9EE8BC/**/;
}

.gui-input-doublebool{ }
.gui-input-doublebool .grid-cell{ vertical-align:middle !important; }
.gui-input-doublebool .grid-cell:last-of-type{
	width:100px;
	text-align:right;
}

.gui-input-checkselect{ }
.gui-input-checkselect .grid-cell{ vertical-align:middle !important; }
.gui-input-checkselect .grid-cell:last-of-type{
	width:60%;
	text-align:right;
}
/* -------------------------------------------------------------------------- */
/* Misc - tested */
/* -------------------------------------------------------------------------- */
.gui-input .input-tool { 
	text-align:right; 
	color:/*input-7_message-color-color*/#999999/**/;
	padding:/*input-0_general-padding-unit*/5px/**/;
	margin:0px; 
}
.gui-input .input-tool:first-child{ padding-bottom:0px; }
.gui-input .input-tool:last-child { padding-top:0px; }
/* -------------------------------------------------------------------------- */
.gui-input-label{ 
	font-family:/*input-0_general-font-font*/inherit/**/;
	font-size:/*input-0_general-font_size-unit*/inherit/**/;
	color:/*input-6_label-color-color*/#333333/**/;
} 
.gui-input-label .input-null:first-child{ margin-right:/*gui-0_general-space_sml-unit*/5px/**/; }
.gui-input-label .input-null:last-child{ margin-left:/*gui-0_general-space_sml-unit*/5px/**/; }
/* -------------------------------------------------------------------------- */
.gui-input-message{ 
	font-family:/*input-0_general-font-font*/inherit/**/;
	font-size:/*input-0_general-font_size-unit*/inherit/**/;
	color:/*input-7_message-color-color*/#999999/**/;
	overflow:hidden; 
}
.gui-input-message .text     { overflow:visible; transition:all 0.5s ease; }
.gui-input-message .text div { 
	white-space:nowrap; 
}
/* -------------------------------------------------------------------------- */


/* ========================================================================== */
/* Input */
/* ========================================================================== */
/* Dropdown - tested */
/* -------------------------------------------------------------------------- */
.gui-dropdown{ 
	display:none; 
	height:0px; 
	overflow:visible; 
	
	position:absolute;
	z-index:/*gui-0_general-z_dropdown-num*/999999/**/;
}
.gui-dropdown .drop-body{ 
	position:relative;
	z-index:/*gui-0_general-z_dropdown-num*/999999/**/;
}
/* -------------------------------------------------------------------------- */
.gui-dropdown .drop-body ul{
	min-width:200px;
	list-style:none;
	
	padding:0px;
	margin:0px;
	
	background:/*datalist-2_item-background-color*/#FFFFFF/**/; 
	box-shadow:/*menu-0_general-shadow-shadow*/0px 8px 16px 0px rgba(0,0,0,0.2)/**/;
}
.gui-dropdown .drop-body li{
	padding:/*gui-0_general-space_sml-unit*/5px/**/;
	margin:0px;
}
/* -------------------------------------------------------------------------- */
.gui-dropdown .gui-calendar{
	box-shadow:/*menu-0_general-shadow-shadow*/0px 8px 16px 0px rgba(0,0,0,0.2)/**/;
}
/* -------------------------------------------------------------------------- */
.gui-dropdown .gui-input-color{
	background:/*datalist-2_item-background-color*/#FFFFFF/**/; 
	box-shadow:/*menu-0_general-shadow-shadow*/0px 8px 16px 0px rgba(0,0,0,0.2)/**/;
}
.gui-dropdown .gui-input-color table{ 
	min-width:300px;
	border-spacing:1px;
}
.gui-dropdown .gui-input-color input{
	border:none; 
}
/* -------------------------------------------------------------------------- */
/* Lang bar - tested */
/* -------------------------------------------------------------------------- */
.gui-input-lang{ 
	border:/*input-0_general-border-border*/1px solid #CCCCCC/**/;
	border-radius:/*input-0_general-radius-radius*/4px/**/; 
}
.gui-input-lang table{ 
	width:100%; 
	border-spacing:/*gui-0_general-space_sml-unit*/5px/**/;
}
.gui-input-lang td{ 
	padding:0px; 
	vertical-align:middle; 
}
.gui-input-lang .label{ 
	width:150px; 
}
.gui-input-lang .button{ 
	width:30px; 
	text-align:center; 
}
.gui-input-lang .select{ 
	box-sizing:border-box;
	
	width:150px; 
	padding:/*gui-0_general-space_sml-unit*/5px/**/;
	margin:0px;  
	
	background-color:/*input-0_general-background-color*/transparent/**/; 
	color:/*input-0_general-color-color*/#333333/**/; 
	border:/*input-0_general-border-border*/1px solid #CCCCCC/**/;
	border-radius:/*input-0_general-radius-radius*/4px/**/; 		
}
.gui-input-lang .input .gui-button{
	display:inline-block;
	vertical-align:middle;
}
/* -------------------------------------------------------------------------- */
/* Data selector - tested */
/* -------------------------------------------------------------------------- */
.gui-input-custom{ 
	width:100%; 
	border-spacing:0px; 
}
.gui-input-custom td{ 
	padding:0px; 
}
.gui-input-custom .button{ 
	width:70px; 
	text-align:right; 
}
.gui-input-browser .layout-box > *{ 
	margin-top:/*gui-0_general-space_big-unit*/20px/**/;
	margin-bottom:/*gui-0_general-space_big-unit*/20px/**/;
}
.gui-input-browser .layout-box > div:first-of-type{ 
	margin-top:0px; 
}
/* -------------------------------------------------------------------------- */
/* Photo selector - tested */
/* -------------------------------------------------------------------------- */
.gui-input-photo{ 
	max-width:300px; 
	border:/*input-0_general-border-border*/1px solid #CCCCCC/**/;
	background-position:center center;
	background-size:cover;
	cursor:pointer;
		
	margin-bottom:/*gui-0_general-space_sml-unit*/5px/**/; 
}
.gui-input-gallery{ 
	padding:/*gui-0_general-space_sml-unit*/5px/**/; 
	border:/*input-0_general-border-border*/1px solid #CCCCCC/**/;
}
.gui-input-gallery .drag-body,
.gui-input-gallery .drag-holder{ 
	padding:/*gui-0_general-space_sml-unit*/5px/**/; 
	background-color:/*datalist-2_item-background-color*/#FFFFFF/**/; 
}
.gui-input-gallery .drag-handle{ 
	border:/*input-0_general-border-border*/1px solid #CCCCCC/**/; 
}
.gui-input-gallery .action{ 
	padding:/*gui-0_general-space_sml-unit*/5px/**/; 
}

/* -------------------------------------------------------------------------- */
/* Star - tested */
/* -------------------------------------------------------------------------- */
.gui-input-rating .star{ 
	color:/*input-0_general-color-color*/#333333/**/;
	text-decoration:none;
	font-size:18px;
}
/* -------------------------------------------------------------------------- */
/* Buller - tested */
/* -------------------------------------------------------------------------- */
.gui-input-bullet ul{ margin:0px; padding:0px 0px 0px 20px; }
.gui-input-bullet li{ margin:10px 0px; padding:0px; }
.gui-input-bullet li div{ display:inline-block; box-sizing:border-box;  }
.gui-input-bullet li div:first-of-type{ width:80%; }
.gui-input-bullet li div:last-of-type{ width:20%; text-align:right; }
.gui-input-bullet ul.readonly li div:first-of-type{ width:auto; }
.gui-input-bullet ul.readonly li div:last-of-type{ display:none; }
/* -------------------------------------------------------------------------- */
/* Misc - tested */
/* -------------------------------------------------------------------------- */
.gui-input-gmap{ height:600px; }
/* -------------------------------------------------------------------------- */
.gui-input-preview{ 
	width:100%; 
	height:600px; 
	overflow:auto; 
	
	background-image:url(../img/gui/checker.png); 
}
.gui-input-preview img{ margin:0px; }
/* -------------------------------------------------------------------------- */
.gui-input-history{ 
	padding:/*gui-0_general-space_sml-unit*/5px/**/ 0px; 
}
.gui-input-history .history{ 
	padding:0px 0px /*gui-0_general-space_sml-unit*/5px/**/ 0px; 
}
.gui-input-history .date   { 
	font-weight:bold; 
}
.gui-input-history .status { 
	padding:0px 0px 0px /*gui-0_general-space_sml-unit*/5px/**/;
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Layer */
/* ========================================================================== */
/* Layer - tested */
/* -------------------------------------------------------------------------- */
.gui-layer{ 
	clear:both; 
	overflow:hidden; 
}
.gui-layer .layer{ 
	width:100%; 
	height:100%; 
	position:relative; 
}
.gui-layer .layer{ 
	background-repeat:no-repeat; 
	background-position:center center; 
	background-size:cover;
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Layout */
/* ========================================================================== */
/* Layout section - tested */
/* -------------------------------------------------------------------------- */
.gui-layout{
	
}
/* -------------------------------------------------------------------------- */
/* Layout text - tested */
/* -------------------------------------------------------------------------- */
.gui-text{ padding:0px; margin:0px; }

h1.gui-text {
	font-family:/*layout-1_h1-font-font*/inherit/**/;
	font-size:/*layout-1_h1-font_size-unit*/20px/**/;
	line-height:/*layout-1_h1-line_height-line*/normal/**/;
	text-align:/*layout-1_h1-align-align*/left/**/;
	padding:/*layout-1_h1-padding-units*/0px/**/;
	border-top:/*layout-1_h1-border_top-border*/none/**/;
	border-bottom:/*layout-1_h1-border_bottom-border*/none/**/;
	border-left:/*layout-1_h1-border_left-border*/none/**/;
	border-right:/*layout-1_h1-border_right-border*/none/**/;
	color:/*layout-1_h1-color-color*/inherit/**/; 
	background-color:/*layout-1_h1-background-color*/transparent/**/;
	background-image:none;
}
h2.gui-text {
	font-family:/*layout-2_h2-font-font*/inherit/**/;
	font-size:/*layout-2_h2-font_size-unit*/18px/**/;
	line-height:/*layout-2_h2-line_height-line*/normal/**/;
	text-align:/*layout-2_h2-align-align*/left/**/;
	padding:/*layout-2_h2-padding-units*/0px/**/;
	border-top:/*layout-2_h2-border_top-border*/none/**/;
	border-bottom:/*layout-2_h2-border_bottom-border*/none/**/;
	border-left:/*layout-2_h2-border_left-border*/none/**/;
	border-right:/*layout-2_h2-border_right-border*/none/**/;
	color:/*layout-2_h2-color-color*/inherit/**/; 
	background-color:/*layout-2_h2-background-color*/transparent/**/;
	background-image:none;
}
h3.gui-text {
	font-family:/*layout-3_h3-font-font*/inherit/**/;
	font-size:/*layout-3_h3-font_size-unit*/16px/**/;
	line-height:/*layout-3_h3-line_height-line*/normal/**/;
	text-align:/*layout-3_h3-align-align*/left/**/;
	padding:/*layout-3_h3-padding-units*/0px/**/;
	border-top:/*layout-3_h3-border_top-border*/none/**/;
	border-bottom:/*layout-3_h3-border_bottom-border*/none/**/;
	border-left:/*layout-3_h3-border_left-border*/none/**/;
	border-right:/*layout-3_h3-border_right-border*/none/**/;
	color:/*layout-3_h3-color-color*/inherit/**/; 
	background-color:/*layout-3_h3-background-color*/transparent/**/;
	background-image:none;
}
h4.gui-text {
	font-family:/*layout-4_h4-font-font*/inherit/**/;
	font-size:/*layout-4_h4-font_size-unit*/14px/**/;
	line-height:/*layout-4_h4-line_height-line*/normal/**/;
	text-align:/*layout-4_h4-align-align*/left/**/;
	padding:/*layout-4_h4-padding-units*/0px/**/;
	border-top:/*layout-4_h4-border_top-border*/none/**/;
	border-bottom:/*layout-4_h4-border_bottom-border*/none/**/;
	border-left:/*layout-4_h4-border_left-border*/none/**/;
	border-right:/*layout-4_h4-border_right-border*/none/**/;
	color:/*layout-4_h4-color-color*/inherit/**/; 
	background-color:/*layout-4_h4-background-color*/transparent/**/;
	background-image:none;
}
h5.gui-text {
	font-family:/*layout-5_h5-font-font*/inherit/**/;
	font-size:/*layout-5_h5-font_size-unit*/14px/**/;
	line-height:/*layout-5_h5-line_height-line*/normal/**/;
	text-align:/*layout-5_h5-align-align*/left/**/;
	padding:/*layout-5_h5-padding-units*/0px/**/;
	border-top:/*layout-5_h5-border_top-border*/none/**/;
	border-bottom:/*layout-5_h5-border_bottom-border*/none/**/;
	border-left:/*layout-5_h5-border_left-border*/none/**/;
	border-right:/*layout-5_h5-border_right-border*/none/**/;
	color:/*layout-5_h5-color-color*/inherit/**/; 
	background-color:/*layout-5_h5-background-color*/transparent/**/;
	background-image:none;
}
h6.gui-text {
	font-family:/*layout-6_h6-font-font*/inherit/**/;
	font-size:/*layout-6_h6-font_size-unit*/14px/**/;
	line-height:/*layout-6_h6-line_height-line*/normal/**/;
	text-align:/*layout-6_h6-align-align*/left/**/;
	padding:/*layout-6_h6-padding-units*/0px/**/;
	border-top:/*layout-6_h6-border_top-border*/none/**/;
	border-bottom:/*layout-6_h6-border_bottom-border*/none/**/;
	border-left:/*layout-6_h6-border_left-border*/none/**/;
	border-right:/*layout-6_h6-border_right-border*/none/**/;
	color:/*layout-6_h6-color-color*/inherit/**/; 
	background-color:/*layout-6_h6-background-color*/transparent/**/;
	background-image:none;
}
p.gui-text,
div.gui-text{
	font-family:/*layout-7_p-font-font*/inherit/**/;
	font-size:/*layout-7_p-font_size-unit*/inherit/**/;
	line-height:/*layout-7_p-line_height-line*/normal/**/;
	text-align:/*layout-7_p-align-align*/justify/**/;
	padding:/*layout-7_p-padding-units*/0px/**/;
	border-top:/*layout-7_p-border_top-border*/none/**/;
	border-bottom:/*layout-7_p-border_bottom-border*/none/**/;
	border-left:/*layout-7_p-border_left-border*/none/**/;
	border-right:/*layout-7_p-border_right-border*/none/**/;
	color:/*layout-7_p-color-color*/inherit/**/; 
	background-color:/*layout-7_p-background-color*/transparent/**/;
	background-image:none;
}
.gui-hr{
	border:none;
	border-top:/*layout-0_general-hr-border*/1px solid #CCCCCC/**/;
	margin:/*gui-0_general-space_big-unit*/20px/**/ 0px; 
}
.gui-img{ display:block; }
.gui-img img{ width:100%; height:auto; }

/* -------------------------------------------------------------------------- */
/* Layout list - tested */
/* -------------------------------------------------------------------------- */
.gui-list{
	padding:0px 0px 0px /*layout-8_list-indent-unit*/2em/**/; 
	margin:0px;
	list-style-position:outside;
}
.gui-list > li { 
	font-family:/*layout-8_list-font-font*/inherit/**/;
	font-size:/*layout-8_list-font_size-unit*/inherit/**/;
	line-height:/*layout-8_list-line_height-line*/normal/**/;
	color:/*layout-8_list-color_label-color*/#666666/**/;
	padding:0px;
	margin:/*gui-0_general-space_sml-unit*/5px/**/ 0px; 
}
.gui-list > li > div{ color:/*layout-8_list-color-color*/#333333/**/; }

ol.gui-list{ list-style-type:decimal; }
ul.gui-list{ list-style-type:disc; }

.gui-list-item{
	padding:0px;
	margin:/*gui-0_general-space_sml-unit*/5px/**/ 0px; 
}
/* -------------------------------------------------------------------------- */
/* Layout table - tested */
/* -------------------------------------------------------------------------- */
.gui-table > .table{ 
	font-family:/*layout-9_table-font-font*/inherit/**/;
	font-size:/*layout-9_table-font_size-unit*/inherit/**/;
	line-height:/*layout-9_table-line_height-line*/normal/**/;
	
	width:100%;
	display:table; 
	border-spacing:/*layout-9_table-spacing-unit*/1px/**/; 
	background-color:/*layout-9_table-border_color-color*/#CCCCCC/**/;
}
.gui-table > .table > .row{ 
	display:table-row; 
}
.gui-table > .table > .row > .cell{ 
	display:table-cell; 
	padding:/*gui-0_general-space_sml-unit*/5px/**/; 
	color:/*layout-9_table-color-color*/#333333/**/;
	background-color:/*layout-9_table-background-color*/#FFFFFF/**/;
}
.gui-table > .table > .row > .cell > .label{ 
	display:none; 
}
/* -------------------------------------------------------------------------- */
.gui-table.break > .table{ 
	display:block;
	background-color:transparent;
}
.gui-table.break > .table > .row{ 
	width:100%;
	display:table; 
	margin:/*gui-0_general-space_big-unit*/20px/**/ 0px;
	border-spacing:/*layout-9_table-spacing-unit*/1px/**/; 
	background-color:/*layout-9_table-border_color-color*/#CCCCCC/**/; 
}
.gui-table.break > .table > .row:first-of-type{ 
	display:none; 
}
.gui-table.break > .table > .row > .cell{ 
	display:table-row;
}
.gui-table.break > .table > .row > .cell > .label,
.gui-table.break > .table > .row > .cell > .value{ 
	display:table-cell; 
	padding:/*gui-0_general-space_sml-unit*/5px/**/; 
	color:/*layout-9_table-color-color*/#333333/**/;
	background-color:/*layout-9_table-background-color*/#FFFFFF/**/;
}
.gui-table.break > .table > .row > .cell > .label{ 
	width:30%;
}
/* -------------------------------------------------------------------------- */
/* Layout section - tested */
/* -------------------------------------------------------------------------- */
.gui-layout .layout-sect > div{ 
	max-width:/*layout-0_general-max_width-unit*/100%/**/;
	padding:0px;
	margin:0px auto;
}
.gui-layout .layout-box{ overflow:auto;  }

.gui-layout .layout-box > *{ 
	margin:/*gui-0_general-space_big-unit*/20px/**/;
}
.gui-layout .layout-box-h > *{ 
	margin-left:/*gui-0_general-space_big-unit*/20px/**/;
	margin-right:/*gui-0_general-space_big-unit*/20px/**/;
}
.gui-layout .layout-box-v > *{ 
	margin-top:/*gui-0_general-space_big-unit*/20px/**/;
	margin-bottom:/*gui-0_general-space_big-unit*/20px/**/;
}
.gui-layout .layout-container{ margin:0px; overflow:visible;  }
/* -------------------------------------------------------------------------- */
.gui-layout .layout-head{ 
	color:/*layout-0_general-head_color-color*/#FFFFFF/**/; 
	background-color:/*layout-0_general-head_background-color*/#AAAAAA/**/;
}
.gui-layout .layout-body{ 
	color:/*layout-0_general-body_color-color*/#333333/**/; 
	background-color:/*layout-0_general-body_background-color*/#FFFFFF/**/;
}
.gui-layout-root,
.gui-layout .layout-foot{ 
	color:/*layout-0_general-foot_color-color*/#FFFFFF/**/; 
	background-color:/*layout-0_general-foot_background-color*/#888888/**/;
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Menu */
/* ========================================================================== */
/* Menu - tested */
/* -------------------------------------------------------------------------- */
.gui-menu{
	font-family:/*menu-0_general-font-font*/inherit/**/;
	font-size:/*menu-0_general-font_size-unit*/inherit/**/;
}
.gui-menu .menu-h,
.gui-menu .menu-v{
	display:block;
	position:relative;
	list-style:none;
	padding:0px;
	margin:0px;
}
/* -------------------------------------------------------------------------- */
/* Menu item - tested */
/* -------------------------------------------------------------------------- */
.gui-menu .menu-h > .menu-item,
.gui-menu .menu-v > .menu-item,
.gui-menu .menu-x > .menu-item{ 
	list-style:none;
	padding:0px;
	margin:0px;
}
.gui-menu .menu-h > .menu-item{ display:inline-block; }
.gui-menu .menu-v > .menu-item{ display:block; }
/* -------------------------------------------------------------------------- */
/* Extended menu - tested */
/* -------------------------------------------------------------------------- */
.gui-menu .menu-x{
	display:none;
	position:absolute;
	list-style:none;
	padding:0px;
	margin:0px;
	
	min-width:/*menu-0_general-min_width-unit*/160px/**/; 
}
.gui-menu .menu-vx:hover > .menu-x{
	display:block;
	box-shadow:/*menu-0_general-shadow-shadow*/0px 8px 16px 0px rgba(0,0,0,0.2)/**/;
}
.gui-menu .menu-hx:hover > .menu-x{
	display:block;
	box-shadow:/*menu-0_general-shadow-shadow*/0px 8px 16px 0px rgba(0,0,0,0.2)/**/;
	left:100%;
}
/* -------------------------------------------------------------------------- */
/* Button - tested */
/* -------------------------------------------------------------------------- */
.gui-menu .gui-button{ 
	display:block; 
	box-sizing:border-box;
	padding:/*menu-0_general-padding-unit*/5px/**/; 
	margin:0px; 
	
	background-color:/*menu-6_button-background-color*/rgba(238,238,238,0.9)/**/; 
	color:/*menu-6_button-color-color*/#333333/**/; 
	
	border-radius:0px; 
}
.gui-menu .gui-button:hover,
.gui-menu .gui-button.active{ 
	background-color:/*menu-6_button-background_active-color*/rgba(192,192,192,0.9)/**/; 
	color:/*menu-6_button-color_active-color*/#333333/**/; 
}
.gui-menu .menu-vx > .gui-button{ 
	background-image:/*menu-2_menu_vertical-icon-icon*/url(../img/gui/menu_h.png)/**/;
	background-position:center right /*menu-0_general-padding-unit*/5px/**/; 
	background-repeat:no-repeat; 
	padding-right:/*menu-3_menu_expand-padding_right-unit*/30px/**/; 
}
.gui-menu .menu-hx > .gui-button{ 
	background-image:/*menu-1_menu_horizontal-icon-icon*/url(../img/gui/menu_v.png)/**/;
	background-position:center right /*menu-0_general-padding-unit*/5px/**/; 
	background-repeat:no-repeat; 
	padding-right:/*menu-3_menu_expand-padding_right-unit*/30px/**/; 
}

.gui-menu.dark .gui-button{ 
	background-color:/*menu-7_button_dark-background-color*/rgba(32,32,32,0.9)/**/; 
	color:/*menu-7_button_dark-color-color*/#FFFFFF/**/; 
}
.gui-menu.dark .gui-button:hover,
.gui-menu.dark .gui-button.active{ 
	background-color:/*menu-7_button_dark-background_active-color*/rgba(96,96,96,0.9)/**/; 
	color:/*menu-7_button_dark-color_active-color*/#FFFFFF/**/; 
}
/* -------------------------------------------------------------------------- */
/* Tab - tested*/
/* -------------------------------------------------------------------------- */
.gui-menu.tab .gui-button,
.gui-menu.darktab .gui-button{ 
	border-radius:/*menu-4_tab-radius-radius*/4px 4px 0px 0px/**/; 
}

.gui-menu.tab .gui-button{ 
	background-color:/*menu-4_tab-background-color*/transparent/**/; 
	color:/*menu-4_tab-color-color*/#333333/**/; 
}
.gui-menu.tab .gui-button:hover,
.gui-menu.tab .gui-button.active{ 
	background-color:/*menu-4_tab-background_active-color*/transparent/**/; 
	color:/*menu-4_tab-color_active-color*/#666666/**/; 
}

.gui-menu.darktab .gui-button{ 
	background-color:/*menu-5_tab_dark-background-color*/transparent/**/; 
	color:/*menu-5_tab_dark-color-color*/#FFFFFF/**/;  
}
.gui-menu.darktab .gui-button.active{ 
	background-color:/*menu-5_tab_dark-background_active-color*/#FFFFFF/**/; 
	color:/*menu-5_tab_dark-color_active-color*/#333333/**/; 
}
/* -------------------------------------------------------------------------- */
/* Button borders - tested */
/* -------------------------------------------------------------------------- */
.gui-menu .menu-h > .menu-item > .gui-button{ 
	border:/*menu-6_button-border-border*/1px solid #CCCCCC/**/;
	border-right:none; 
}
.gui-menu .menu-h > .menu-item:last-of-type > .gui-button{ 
	border-right:/*menu-6_button-border-border*/1px solid #CCCCCC/**/;
}
.gui-menu .menu-v > .menu-item > .gui-button,
.gui-menu .menu-x > .menu-item > .gui-button{ 
	border:/*menu-6_button-border-border*/1px solid #CCCCCC/**/;
	border-bottom:none; 
}
.gui-menu .menu-v > .menu-item:last-of-type > .gui-button,
.gui-menu .menu-x > .menu-item:last-of-type > .gui-button{ 
	border-bottom:/*menu-6_button-border-border*/1px solid #CCCCCC/**/;
}
/* -------------------------------------------------------------------------- */
.gui-menu.dark .menu-h > .menu-item > .gui-button{ 
	border:/*menu-7_button_dark-border-border*/1px solid #666666/**/;
	border-right:none;
}
.gui-menu.dark .menu-h > .menu-item:last-of-type > .gui-button{ 
	border-right:/*menu-7_button_dark-border-border*/1px solid #666666/**/;
}
.gui-menu.dark .menu-v > .menu-item > .gui-button,
.gui-menu.dark .menu-x > .menu-item > .gui-button{ 
	border:/*menu-7_button_dark-border-border*/1px solid #666666/**/;
	border-bottom:none; 
}
.gui-menu.dark .menu-v > .menu-item:last-of-type > .gui-button,
.gui-menu.dark .menu-x > .menu-item:last-of-type > .gui-button{ 
	border-bottom:/*menu-7_button_dark-border-border*/1px solid #666666/**/;
}
/* -------------------------------------------------------------------------- */
.gui-menu.tab .menu-h > .menu-item > .gui-button{
	border:/*menu-6_button-border-border*/1px solid #CCCCCC/**/;
}
.gui-menu.tab .menu-h > .menu-item > .gui-button.active{
	border-bottom-color:transparent; 
}
.gui-menu.darktab .menu-h > .menu-item > .gui-button{ 
	border:none;
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Nav */
/* ========================================================================== */
/* Login - tested */
/* -------------------------------------------------------------------------- */
.gui-nav-login{ padding:150px 0px; }

.gui-nav-login .gui-data-form .form-body .group{
	border:none;
}
.gui-nav-login .gui-data-form .form-body .group .message{
	padding:0px;
	margin:0px /*gui-0_general-space_mid-unit*/10px/**/;
}
/* -------------------------------------------------------------------------- */
/* Logout - tested */
/* -------------------------------------------------------------------------- */
.gui-nav-side{ 
	text-align:right;
	padding-right:/*gui-0_general-space_big-unit*/20px/**/;
	vertical-align:middle !important;
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Page */
/* ========================================================================== */
/* Page - tested */
/* -------------------------------------------------------------------------- */
.gui-page{ 
	font-family:/*page-0_general-font-font*/inherit/**/;
	font-size:/*page-0_general-font_size-unit*/inherit/**/;
	color:/*page-0_general-color-color*/#333333/**/; 
}
.gui-page.dark{ 
	color:/*page-0_general-color_dark-color*/#FFFFFF/**/; 
}
/* -------------------------------------------------------------------------- */
.gui-page .grid-table > .grid-row > .grid-cell{ vertical-align:middle; }
.gui-page .grid-table > .grid-row > .grid-cell:last-of-type{ text-align:right; }
.gui-page .grid-table > .grid-row > .grid-cell:last-of-type .page-bar table{ margin-left:auto; }
/* -------------------------------------------------------------------------- */
/* Page bar - tested */
/* -------------------------------------------------------------------------- */
.gui-page .page-bar table{ 
	width:auto; 
	border-spacing:0px; 
}
.gui-page .page-bar td { 
	vertical-align:middle; 
	white-space:nowrap; 
}
.gui-page .page-bar .input input{
	box-sizing:border-box;
	max-width:/*page-1_input-max_width-unit*/40px/**/;
	
	padding:/*page-1_input-padding-units*/2px 5px/**/;
	
	background-color:/*page-1_input-background-color*/transparent/**/; 
	color:/*page-1_input-color-color*/#333333/**/; 
	border:/*page-1_input-border-borderwidth*/1px solid #CCCCCC/**/;
	
	border-radius:/*page-1_input-radius-radius*/4px/**/; 	
}
.gui-page.dark .page-bar .input input{
	color:/*page-0_general-color_dark-color*/#FFFFFF/**/; 
}
.gui-page .page-bar .jump{
	padding-right:/*gui-0_general-space_sml-unit*/5px/**/;
	border-right:/*page-1_input-border-borderwidth*/1px solid #CCCCCC/**/;
}
.gui-page .page-bar .action{
	padding-left:/*gui-0_general-space_sml-unit*/5px/**/;
}
.gui-page .page-bar .action:first-of-type{ padding-left:0px; }
.gui-page .page-bar .action .gui-button{ vertical-align:middle; }
/* -------------------------------------------------------------------------- */
/* Break - tested */
/* -------------------------------------------------------------------------- */
.gui-page .grid-table.break .input{ display:none; }
.gui-page .grid-table.break .total{ display:none; }
.gui-page .grid-table.break .jump { display:none; }
.gui-page .grid-table.break > .grid-row > .grid-cell:first-of-type{
	 padding-bottom:/*gui-0_general-space_sml-unit*/5px/**/; 
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Search Box */
/* ========================================================================== */
/* Search - tested */
/* -------------------------------------------------------------------------- */
.gui-search-box{ 
	font-family:/*searchbox-0_general-font-font*/inherit/**/;
	font-size:/*searchbox-0_general-font_size-unit*/inherit/**/;
}
/* -------------------------------------------------------------------------- */
/* Simple / basic - tested */
/* -------------------------------------------------------------------------- */
.gui-search-box .search-simple,
.gui-search-box .search-basic{ 
	width:100%; 
	border-spacing:/*searchbox-0_general-spacing-unit*/1px/**/; 
	background-color:/*searchbox-0_general-border_color-color*/#CCCCCC/**/; 
}
.gui-search-box.dark .search-simple,
.gui-search-box.dark .search-basic{ 
	background-color:/*searchbox-1_dark-border_color-color*/transparent/**/; 
}

.gui-search-box .search-simple td,
.gui-search-box .search-basic td{ 
	vertical-align:middle;
	padding:0px;
	background-color:/*searchbox-0_general-background-color*/#FFFFFF/**/; 
}
.gui-search-box.dark .search-simple td,
.gui-search-box.dark .search-basic td{ 
	vertical-align:middle; 
	padding:0px;
	background-color:/*searchbox-1_dark-background-color*/transparent/**/; 
}

.gui-search-box .search-simple .text,
.gui-search-box .search-basic .text{ 
	box-sizing:border-box;
	text-align:left; 
	width:100%; 
	padding:/*searchbox-2_input-padding-unit*/5px/**/;
	margin:0x;
	
	background-color:/*searchbox-2_input-background-color*/#FFFFFF/**/; 
	color:/*searchbox-2_input-color-color*/#333333/**/; 
	border:/*searchbox-2_input-border-border*/none/**/; 
	border-radius:/*searchbox-2_input-radius-radius*/4px/**/; 
}
.gui-search-box.dark .search-simple .text,
.gui-search-box.dark .search-basic .text{ 
	background-color:/*searchbox-3_input_dark-background-color*/#FFFFFF/**/; 
	color:/*searchbox-3_input_dark-color-color*/#333333/**/; 
	border:/*searchbox-3_input_dark-border-border*/1px solid #CCCCCC/**/; 
}
.gui-search-box .search-simple .action{
	width:/*searchbox-0_general-width_button_simple-unit*/80px/**/;
	text-align:center; 
}
.gui-search-box .search-basic .action{
	width:/*searchbox-0_general-width_button_basic-unit*/30px/**/;
	text-align:center; 
}
/* -------------------------------------------------------------------------- */
/* Advance - tested */
/* -------------------------------------------------------------------------- */
.gui-search-box .search-advance .grid-cell{ 
	text-align:center; vertical-align:middle !important;
	border:/*searchbox-3_input_dark-border-border*/1px solid #CCCCCC/**/; 
	border-right:none;
}
.gui-search-box .search-advance .grid-cell:first-of-type{
	border-top-left-radius:/*input-0_general-radius-radius*/4px/**/; 	
	border-bottom-left-radius:/*input-0_general-radius-radius*/4px/**/; 	
}
.gui-search-box .search-advance .grid-cell:last-of-type{
	border-right:/*searchbox-3_input_dark-border-border*/1px solid #CCCCCC/**/; 
	border-top-right-radius:/*input-0_general-radius-radius*/4px/**/; 
	border-bottom-right-radius:/*input-0_general-radius-radius*/4px/**/; 
}
.gui-search-box .search-advance .cell-merge{
	border-left:none;
}
.gui-search-box .search-advance input,
.gui-search-box .search-advance select{
	border:none;
}
.gui-search-box .search-label .grid-cell{
	color:/*searchbox-2_input-color-color*/#333333/**/; 
}
/* -------------------------------------------------------------------------- */


/* ========================================================================== */
/* TOC */
/* ========================================================================== */
/* TOC - tested */
/* -------------------------------------------------------------------------- */
.gui-toc { 
	font-family:/*toc-0_general-font-font*/inherit/**/;
	font-size:/*toc-0_general-font_size-unit*/inherit/**/;
}
.gui-toc .toc-item{ 
	padding:0px;
	margin:/*gui-0_general-space_sml-unit*/5px/**/ 0px;
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Win */
/* ========================================================================== */
/* Window - tested */
/* -------------------------------------------------------------------------- */
.gui-win{
	font-family:/*win-0_general-font-font*/inherit/**/;
	font-size:/*win-0_general-font_size-unit*/inherit/**/;
	
	box-sizing:border-box;
	padding:/*gui-0_general-space_sml-unit*/5px/**/;  
	
	background-color:/*win-0_general-background-color*/#FFFFFF/**/; 
	color:/*win-0_general-color-color*/#333333/**/;
	
	box-shadow:/*win-0_general-shadow-shadow*/0px 0px 16px 0px rgba(0,0,0,0.2)/**/;
	border-radius:/*win-0_general-radius-radius*/4px/**/;
}
.gui-win .win-body{ 
	background-color:/*win-2_body-background-color*/#FFFFFF/**/; 
	color:/*win-2_body-color-color*/#333333/**/; 
}
/* -------------------------------------------------------------------------- */
.gui-win .win-head{ 
	padding:/*gui-0_general-space_sml-unit*/5px/**/ 0px; 
	white-space:nowrap; 
	overflow:hidden; 
}
.gui-win .win-head .grid-cell:last-of-type{ text-align:right; }

/* -------------------------------------------------------------------------- */
.gui-win .win-foot{
	padding:/*gui-0_general-space_sml-unit*/5px/**/;  
	white-space:nowrap;
	overflow:hidden;
	
	background-color:/*win-3_foot-background-color*/#FFFFFF/**/; 
	color:/*win-3_foot-color-color*/#333333/**/;
	border-top:/*win-3_foot-border-border*/1px solid #CCCCCC/**/; 
}
.gui-win .win-foot .grid-cell:last-of-type{ text-align:right; }
/* -------------------------------------------------------------------------- */
/* Dark - tested */
/* -------------------------------------------------------------------------- */
.gui-win.dark{
	background-color:/*win-0_general-background_dark-color*/#666666/**/; 
	color:/*win-0_general-color_dark-color*/#FFFFFF/**/; 
}
.gui-win.dark .win-body{
	background-color:/*win-2_body-background_dark-color*/#FFFFFF/**/; 
	color:/*win-2_body-color_dark-color*/#333333/**/; 
}
.gui-win.dark .win-foot{
	background-color:/*win-3_foot-background_dark-color*/#999999/**/; 
	color:/*win-3_foot-color_dark-color*/#FFFFFF/**/;
	border-top:/*win-3_foot-border_dark-border*/1px solid #CCCCCC/**/; 
}
/* -------------------------------------------------------------------------- */
/* Pop - tested */
/* -------------------------------------------------------------------------- */
.gui-win-inner{
}
.gui-win-outer{
	background-color:/*win-0_general-background_overlay-color*/rgba(0,0,0,0.5)/**/; 
}
.gui-win .error{ color:/*win-2_body-color_error-color*/#CC3333/**/; }
/* -------------------------------------------------------------------------- */
/* File dialog - tested */
/* -------------------------------------------------------------------------- */
.gui-win .win-file-message{ 
	padding:/*gui-0_general-space_sml-unit*/5px/**/;  
}
.gui-win .win-file-status .gui-grid{  
	text-align:left; 
}
.gui-win .win-file-status .name  { 
	margin:/*gui-0_general-space_sml-unit*/5px/**/;  
	font-weight:bold; 
}
.gui-win .win-file-status .size{ 
	margin:/*gui-0_general-space_sml-unit*/5px/**/;  
}
.gui-win .win-file-status .subprogress{ 
	box-sizing:border-box;
	overflow:visible;
	white-space:nowrap;	
	padding-left:/*gui-0_general-space_sml-unit*/5px/**/;  
	margin:/*gui-0_general-space_sml-unit*/5px/**/;  
	
	background-color:/*win-4_progress_bar-background-color*/#CCCCCC/**/; 
}
.gui-win .win-file-status .gui-grid{ 
	border-top:/*win-3_foot-border_dark-border*/1px solid #CCCCCC/**/; 
}
.gui-win .win-file-control{ 
	text-align:center; 
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* Doc */
/* ========================================================================== */
/* Documentation - tested */
/* -------------------------------------------------------------------------- */
.gui-doc   { font-size:12px; } 
.gui-doc h1{ font-size:18px; font-weight:bold; } 
.gui-doc h2{ font-size:14px; font-weight:bold; }
.gui-doc h3{
	font-size:14px; font-weight:normal;
	background:#DDDDDD;
	padding:5px 5px;
}
.gui-doc a{ color:inherit; text-decoration:none; }
.gui-doc a:hover{ text-decoration:underline; }
/* -------------------------------------------------------------------------- */
.gui-doc .class{ width:100%; border-spacing:0px; }
.gui-doc .class td{	padding:2px 5px; }
.gui-doc .class td:first-child{	width:15%; }
/* -------------------------------------------------------------------------- */
.gui-doc .index{ width:100%; border-spacing:0px; }
.gui-doc .index td{	width:25%; padding:2px 5px; }
/* -------------------------------------------------------------------------- */
.gui-doc .config{ width:100%; border-spacing:0px; }
.gui-doc .config td{ width:25%; padding:2px 5px; }
/* -------------------------------------------------------------------------- */
.gui-doc .var{ width:100%; border-spacing:0px; }
.gui-doc .var td{ padding:2px 5px; }
.gui-doc .var td:first-child{ width:25%; }
/* -------------------------------------------------------------------------- */
.gui-doc .func{ width:100%; border-spacing:0px; }
.gui-doc .func td{ padding:2px 5px; }
.gui-doc .func td:first-child{ border-left :1px solid #CCCCCC; width:10%; }
.gui-doc .func td:last-child { border-right:1px solid #CCCCCC; width:75%; }
.gui-doc .func tr:first-child td{ border:1px solid #CCCCCC; padding:5px; }
.gui-doc .func tr:last-child  td{ border:1px solid #CCCCCC; text-align:right; }
.gui-doc .func tr:nth-of-type(2) > td{ padding-bottom:20px !important; }
/* -------------------------------------------------------------------------- */
/* Testing - tested */
/* -------------------------------------------------------------------------- */
.gui-doc .testing{ width:100%; border-spacing:1px; background:#CCCCCC; }
.gui-doc .testing .textbox{
	width:100%; 
	border:none; 
	box-sizing:border-box;
	background:none;
	padding:5px 0px;
}
.gui-doc .testing th,
.gui-doc .testing td{ padding:2px 5px; background:#FFFFFF; }
.gui-doc .testing td.button a{
	display:inline-block;
	padding:5px 0px; margin:0px 5px;
}
/* -------------------------------------------------------------------------- */

/* ========================================================================== */
/* EDM */
/* ========================================================================== */
.edm-unsub{ 
	border-bottom:1px solid #CCCCCC; background:#FFFFFF; 
	padding:10px 0px; margin:0px 0px 20px 0px; 
}
.edm-unsub .gui-data-form{ max-width:480px; margin:0px auto; }
.edm-unsub .gui-data-box{ margin:0px; }
.edm-unsub .gui-button  { margin:0px; }
.edm-unsub .grid-table  { border-spacing:20px 0px; }
/* ========================================================================== */
/* Ecom */
/* ========================================================================== */
.ecom-cart{ margin:20px 0px; }
.ecom-cart hr{ border:none; border-top:1px solid #CCCCCC; margin:0px; }

.ecom-cart .cart-table{ display:table; border-spacing:0px; width:100%;  margin:10px 0px; }
.ecom-cart .cart-table .gui-data-box{ margin:0px; }
.ecom-cart .cart-row { display:table-row; }
.ecom-cart .cart-cell{ display:table-cell; vertical-align:middle; }
.ecom-cart .cart-table .cart-photo { width:40px; }
.ecom-cart .cart-table .cart-name  { }
.ecom-cart .cart-table .cart-price { width:100px; text-align:right; }
.ecom-cart .cart-table .cart-qty   { width:100px; text-align:right; }
.ecom-cart .cart-table .cart-total { width:100px; text-align:right; }
.ecom-cart .cart-table .cart-action{ width:100px; text-align:right; }
.ecom-cart .cart-table .cart-sku   { color:#999999; }

.ecom-cart .cart-table .cart-qty input{ width:60px; text-align:center; margin-bottom:5px; padding:0px; }

.ecom-cart .cart-head .cart-cell{ padding-bottom:10px; }
.ecom-cart .cart-foot .cart-cell{ padding-top:10px; }

.ecom-cart .cart-mobile      { display:none; margin:10px 0px; }
.ecom-cart .cart-mobile table{ width:100%; }
.ecom-cart .cart-mobile td   { vertical-align:top; }
.ecom-cart .cart-mobile td:last-of-type{ text-align:right; width:100px;  }
.ecom-cart .cart-mobile .cart-photo{ width:40px; }
.ecom-cart .cart-mobile .cart-total,
.ecom-cart .cart-mobile .cart-price{ margin-top:5px; }
.ecom-cart .cart-mobile .cart-price input{ width:60px; text-align:center; margin:5px 0px; padding:5px 0px; display:block; }

.cart-item .gui-data-box{ margin:0px; }

/* -------------------------------------------------------------------------- */
@media screen and (max-width: 800px){ 
	.ecom-cart .cart-table { display:none; }
	.ecom-cart .cart-mobile{ display:block; }
}
/* ========================================================================== */
/* Rating */
/* ========================================================================== */
.web-rating      { border-top:1px solid #CCCCCC; }
.web-rating table{ width:100%; border-spacing:0px;  }
.web-rating td   { padding:0px; }
.web-rating td:last-of-type{ text-align:right; }
.msg-rating span{ color:#999999; }
.web-rating  > *{ margin:10px 0px; }
/* ========================================================================== */
/* Messaging */
/* ========================================================================== */
.msg-room{ border-top:1px solid #CCCCCC; }
/* -------------------------------------------------------------------------- */
.msg-chat{ width:100%; border-spacing:10px 20px; border-bottom:1px solid #CCCCCC; cursor:pointer; }
.msg-chat td:first-of-type{ width:80px; }
.msg-chat td:last-of-type { text-align:right; }

.msg-chat h3{ font-size:16px; font-weight:normal; padding:0px; margin:0px; background:none;  }
.msg-chat h4{ font-size:14px; font-weight:normal; padding:0px; margin:10px 0px 5px 0px; }
.msg-chat p { font-size:14px; font-style:italic;  padding:0px; margin:0px; padding:0px; color:#999999; }
.msg-chat span{ 
	display:inline-block; border-radius:50%; width:16px; height:16px; line-height:16px; 
	text-align:center; font-style:normal;
	background:#FF0000; color:#FFFFFF;
}
.msg-chat .pic{ background-color:#CCCCCC; width:70px; height:70px; }
/* -------------------------------------------------------------------------- */
.msg-head table{ width:100%; border-spacing:10px; }
.msg-head td:first-of-type{ width:100px; }
.msg-head p:first-of-type { margin:0px 0px 5px 0px; }
.msg-head p:last-of-type  { margin:0px 0px; }
.msg-head a{ color:#999999; text-decoration:none; }
/* -------------------------------------------------------------------------- */
.msg-form table          { width:100%; border-spacing:10px; background:#EEEEEE; }
.msg-form td:last-of-type{ width:100px; }
.msg-form textarea       { width:100%; border:1px solid #CCCCCC; box-sizing:border-box; padding:5px; }
.msg-form a{ color:#999999; text-decoration:none; }
/* -------------------------------------------------------------------------- */
.msg-body{ }
/* -------------------------------------------------------------------------- */
.msg-message{ border-bottom:1px dashed #CCCCCC; padding:10px 100px 10px 0px; }
.msg-message table{ width:auto; }
.msg-message p:first-of-type{ color:#000000; padding:0px 10px; margin:0px 0px 5px 0px; }
.msg-message p:last-of-type { color:#999999; padding:0px 10px; margin:0px; }
.msg-message span{ color:#999999; }

.msg-message.me{ padding:10px 0px 10px 100px; }
.msg-message.me table{ margin-left:auto; }
/* -------------------------------------------------------------------------- */
.msg-cms .gui-data-form .gui-text,
.msg-cms .gui-data-form .group{ margin:20px 0px; }
.msg-cms .gui-data-form .title{ display:none; }
.msg-cms .gui-data-form textarea{ height:150px;  }

.pv-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.pv-inner.pv-animating {
  -webkit-transition: background-position 500ms ease-out;
  -moz-transition: background-position 500ms ease-out;
  -o-transition: background-position 500ms ease-out;
  transition: background-position 500ms ease-out;
}

.pv-inner {
  display: inline-block;
  height: 100%;
  width: auto;
  cursor: move;
}

.pv-vertical .pv-inner {
  width: 100%;
}

.pv-inner .pv-pano {
  height: 100%;
  width: auto;
}

.pv-vertical .pv-inner .pv-pano {
  height: auto;
  width: 100%;
}

.pv-container .pv-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
}
.pv-container .pv-overlay i.pvicon-overlay{
  margin-top: -43px;
  top: 50%;
  margin-left: -40px;
  position: absolute;
  left: 50%;
  width: 80px;
  height: 87px;
  background-repeat: no-repeat;
  background-image: url(../img/misc/pano_h.png);
}

.pv-container.pv-vertical .pv-overlay i.pvicon-overlay{
  background-image: url(../img/misc/pano_v.png);
}