/*
 * Build css
 * Copyright(c) 2008, Eugene Lyulka.
 */


/* html {height: 100%;} 
body {
	height: 100%;
	font-family: tahoma, sans-serif;
	font-size: 12px;
	color: #000;
	overflow: hidden;
}
* {margin: 0px; padding: 0px; outline: none;}
 */
 
#product-tabbar {margin: 0px; padding: 0px; outline: none;}
div.clear {clear: both;}

.left {float: left;}
.right {float: right;}

img {border: none;}
	.disabled img {cursor: default;}
td.x-tab-c a {text-decoration: none; color: #000; font-size: 11px;}
	table.x-tab.disabled a, a.disabled {color: #888; cursor: default;}
	a.lnk {text-decoration: underline;}

	
img.img.x-imagebutton {cursor: pointer; cursor: hand;}
.fs, .fs * {font-size: 0px;}

table.x-tabbar {border-collapse: collapse; border: none;}
table.x-tab {border-collapse: collapse; border: none;}

table.x-tabbar td, table.x-tabbar th {font-size: 12px;} 

.x-unselectable, .x-unselectable * {-moz-user-select: none; -khtml-user-select: none;}

.x-repaint {zoom: 1; background-color: transparent; -moz-outline: none;}

table.center { margin-left: auto; margin-right: auto; }
.x-hidden { visibility: hidden; position: absolute; top: -10000px; left: -10000px; }

.x-shim {
    position:absolute;
    visibility:hidden;
    left:0;
    top:0;
    overflow:hidden;
    filter: alpha(opacity=0);
}

 
table.x-button {
	display: inline-table;
}

.x-ie6 table.x-button {
	display: inline;
}

.x-button .x-tab-l .hasBg,
.x-button .x-tab-r .hasBg {
	font-size: 0;
	width: 3px; 
	height: 21px;
	background-repeat: no-repeat;

}

.x-button .x-tab-l .hasBg {
	background-position: 0 0;
}

.x-button .x-tab-r .hasBg {
	background-position: 100% -21px;
}

.x-button .x-tab-c {
	background-position: 0 -42px;
	text-align: center;
	white-space: nowrap;

}

.x-button .x-tab-c img {
	vertical-align: middle;
}

.x-button .x-tab-c a {
	margin: 0 5px 0 5px;
}


.x-button .x-button-hover .hasBg {
	background-image: url(../../img/activeelement/x-toolbar-tab-hover.gif);
}


.x-button .x-button-pressed .hasBg {
	background-image: url(../../img/activeelement/x-toolbar-tab-toggled.gif);
}


.form-buttons {
	
}

.form-buttons .x-tab-r div {
	background-position: 100% -22px;
}

.form-buttons .x-tab-c {
	background-position: 0 -44px;
}

.x-button .x-tab-l div,
.x-button .x-tab-r div {
	height: 22px;
	background-repeat: no-repeat;
}

.form-buttons .hasBg {
	background-image: url(../../img/activeelement/x-toolbar-formbtn-static.gif);
}

.form-buttons .x-button-hover .hasBg {
	background-image: url(../../img/activeelement/x-toolbar-formbtn-hover.gif);
}

.form-buttons .x-button-pressed .hasBg {
	background-image: url(../../img/activeelement/x-toolbar-formbtn-toggled.gif);
}

.form-buttons .x-button-disabled .hasBg {
	background-image: url(../../img/activeelement/x-toolbar-formbtn-disabled.gif);
}		


.form-buttons .x-button-disabled .x-tab-c {padding: 0 5px;}
.form-buttons .x-button-disabled .x-tab-c .caption { margin: 0; }
div.x-region {
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	color: #000000;
	position: absolute;
	height: auto;






}
	div.x-region div.glass {
		width: 100%; height: 100%; background-color: #fff;
		filter:alpha(opacity=50);
		-moz-opacity: .50;
		-khtml-opacity: .50;
		opacity: .50;
	}

.x-region.x-hint {
	overflow: hidden;
}

table.x-hint {}
div.x-hint {}

	div.hint-top, div.hint-top div.hint-r, div.hint-top div.hint-c,
	div.hint-btm, div.hint-btm div.hint-r, div.hint-btm div.hint-c {
		background-image: url(../../img/x-hint/x-hint-t&b.png);
		background-repeat: no-repeat;
		font-size: 0px;
	}
		
		div.hint-r {margin-left: 7px; padding-right: 7px;}

		div.hint-top div.hint-c {height: 4px;}
		div.hint-btm div.hint-c {height: 6px;}
			div.hint-top div.hint-c, div.hint-btm div.hint-c {background-repeat: repeat-x;}

	div.hint-top div.hint-r {background-position: 100% -8px;}
		div.hint-top div.hint-c {background-position: 0 -4px;}
	
	div.hint-mdl {background: url(../../img/x-hint/x-hint-l&r.png) 0 0 repeat-y;}
		div.hint-mdl div.hint-r {background: url(../../img/x-hint/x-hint-l&r.png) 100% 0 repeat-y;}
	
	div.hint-btm {background-position: 0 -12px;}
		div.hint-btm div.hint-r {background-position: 100% -24px;}
		div.hint-btm div.hint-c {background-position: 0 -18px;}
		
	
	div.hint-data {background-color: #eef6fb; padding: 0 3px 0px 0;}
		div.hint-data span {display: block; font-weight: bolder; font-size: 11px; margin-top: -1px;}
		div.hint-data p {font-size: 10px;}
	
	
	table.hint-tree {cursor: pointer; cursor: hand;}
	table.hint-tree div.hint-data span {font-weight: normal;}
	table.hint-tree div.hint-mdl div.hint-r {margin-left: 3px; padding-right: 7px;}


div.x-mask {
	overflow: visible;
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
	
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

	
	*height: expression(parentNode.offsetHeight + 'px');
	*width: 100%;
	
}
	
	div.x-mask div.glass {
		position: absolute;
		z-index: 1;
		background-color: #fff;

		filter:alpha(opacity=75);
		-moz-opacity: 0.75;
		-khtml-opacity: 0.75;
		opacity: 0.75;

		height: 100%;
		width: 100%;
	}
	
	div.x-mask div.x-loader-case1 {
			position: relative;
			z-index: 2;
			display: table;
			text-align: center;
			vertical-align: middle;
			height: 100%;
			width: 100%;
			
			filter:alpha(opacity=100);	
		}
		div.x-mask div.x-loader-case2 {
			display: table-cell;
			vertical-align: middle;
			
			*position: absolute;
			*left: 50%; top: 50%;
		}
			div.x-mask table.x-loader {
				margin: 0 auto;
				
				*position: relative;
				*left: -50%;
				*top: -22px;
			}
			
			
			div.x-mask div.x-loader {  }	
				div.x-mask div.x-loader div.top,
				div.x-mask div.x-loader div.top div,
				div.x-mask div.x-loader div.btm,
				div.x-mask div.x-loader div.btm div { background-image: url(../../img/x-mask/x-loader-top-btm-bg.png); background-repeat: no-repeat; font-size: 0; }
				
				div.x-mask div.x-loader div.top,
				div.x-mask div.x-loader div.top div,
				div.x-mask div.x-loader div.btm,
				div.x-mask div.x-loader div.btm div { *background-image: url(../../img/x-mask/x-loader-top-btm-bg.gif); }
				
				div.x-mask div.x-loader div.top div { background-position: 100% -6px; }
				div.x-mask div.x-loader div.top div div { background-position: 0 -12px; }
				div.x-mask div.x-loader div.btm { background-position: 0 -18px; }
				div.x-mask div.x-loader div.btm div { background-position: 100% -24px; }
				div.x-mask div.x-loader div.btm div div { background-position: 0 -30px; }
				
				div.x-mask div.x-loader div.top div div,
				div.x-mask div.x-loader div.btm div div { background-repeat: repeat-x; height: 6px; margin: 0 6px; }
				
				div.x-mask div.x-loader div.mdl,
				div.x-mask div.x-loader div.mdl div { background-image: url(../../img/x-mask/x-loader-lft-rgh-bg.png); background-repeat: repeat-y; }
				
				div.x-mask div.x-loader div.mdl,
				div.x-mask div.x-loader div.mdl div { *background-image: url(../../img/x-mask/x-loader-lft-rgh-bg.gif); }
				
				div.x-mask div.x-loader div.mdl div { background-position: 100% 0; }
				div.x-mask div.x-loader div.mdl div div { 
					margin: 0 6px; 
					background: #fff url(../../img/x-mask/loadingme.gif) 16px 5px no-repeat; 
					height: 31px;
					padding: 0 16px  0 45px;
				}
				
				
				div.x-mask span { font-size: 11px; line-height: 28px; white-space: nowrap; cursor: default; }

div.x-dialog {
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	position:absolute;
	height: auto;
}
	div.x-dialog table.x-dialog-holder {border-collapse: collapse;}
	td.dialog-topl div, td.dialog-topr div {
		height: 28px;
		overflow: hidden;
		background-image: url(../../img/x-dialog/x-dialog-bg-t&b.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 10px;
	}
		
		td.dialog-topr div {background-position: 100% -28px;}
		td.dialog-header {}
		td.dialog-header, td.dialog-ico, td.dialog-header div.ico div.ico-container {
			background-image: url(../../img/x-dialog/x-dialog-bg-t&b.png);
			background-position: 0 -56px;
			background-repeat: repeat-x;
		}


			
			td.dialog-header div.container {
				position: relative;
				overflow: hidden;
				height: 28px;
			}
			td.dialog-header div.title {
				overflow: hidden;
				position: absolute;
				width: 100%;
				margin-top: 4px;
				height: 28px;
			}
			td.dialog-header span {
				cursor: default;
				font: bold 12px tahoma;
				display: block;
				white-space: nowrap;
			 }
  		  td.dialog-header span.txt {color: #fff; position: relative;}
 		   td.dialog-header span.shadow {
 		      font: bold 12px tahoma;
 		      color: #13467c;
				margin: 3px 0 -15px 1px;
 		   }

			
			td.dialog-header div.ico {float: right; position: relative;}
			td.dialog-header div.ico div.ico-container {padding: 4px 4px 0px 4px;}

	
	td.dialog-tools {}
		div.dialog-tools-l, div.dialog-tools-r {
			background-image: url(../../img/x-dialog/x-dialog-bg-l&r.png);
			background-position: 0 0;
			background-repeat: repeat-y;
		}
		div.dialog-tools-r {
			margin-left: 7px;
			padding-right: 7px;
			background-position: 100% 0;
		}
		div.dialog-tools-c {
			height: 25px;
			background: url(../../../jsgui/img/activeelement/content-topmenu-hdr_c.gif) 0 0 repeat-x;
		}
		div.dialog-tools-container {padding: 2px 0 0 6px; overflow: hidden;}

	
	td.dialog-mdll, td.dialog-mdlr {
		background-image: url(../../img/x-dialog/x-dialog-bg-l&r.png);
		background-position: 0 0;
		background-repeat: repeat-y;
		width: 7px;
	}
	td.dialog-mdlr {background-position: 100% 0;}
	td.dialog-mdlc {background: #dcebf7; vertical-align: top;}

	
	td.dialog-bottom {}
	td.dialog-btml div, td.dialog-btmr div, td.dialog-btmc div {
		height: 14px;
		overflow: hidden;
		background-image: url(../../img/x-dialog/x-dialog-bg-t&b.png);
		background-repeat: no-repeat;
		background-position: 0 -84px;
	}
	td.dialog-btmr div {
		background-position: 100% -98px;
	}
	td.dialog-btmc div {
		background-repeat: repeat-x;
		background-position: 0 -112px;
	}

	
	div.x-dialog div.dialog-content-holder {background-color: #DCEBF7;}
		div.x-dialog div.wht { background-color: #fff; padding: 4px; }
		div.x-dialog div.dialog-content-holder form { padding: 0 !important ; }


	
		
		div.x-dialog.minimize td.dialog-content, div.x-dialog.minimize td.dialog-bottom {visibility: hidden;}

		
		div.x-dialog.maximize, div.x-dialog.maximize td.dialog-mdlc, div.x-dialog.maximize table.x-dialog-holder {
			height: 100%;
			height: expression('0');
			height: expression(document.body.offsetHeight-42+'px');
			width: 100%;
		}
		div.x-dialog.maximize .dialog-topl div, div.x-dialog.maximize td.dialog-topr div {
			background-image: url(../../img/x-dialog/x-dialog-bg-t&b-max.gif);
		}
		div.x-dialog.maximize .dialog-bottom div {
			background-image: url(../../img/x-dialog/x-dialog-bg-t&b-max.gif);
		}
		div.x-dialog.maximize .dialog-mdll, div.x-dialog.maximize td.dialog-mdlr {
			background-image: url(../../img/x-dialog/x-dialog-bg-l&r-max.gif);
		}


div.x-toolbox a {cursor: pointer; cursor: hand;}


div.x-dialog div.dialog-tabbar {background: url(../../img/activeelement/x-tabbar-bg.gif) 0 100% repeat-x; height: 23px;}
	div.x-dialog div.quickbar-tab-data {border: 1px solid #c6e1f6; border-top: none; background-color: #fff;}

.x-dlg-focus{
	-moz-outline:0 none;
	outline:0 none;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

div.x-window-proxy {
    background: #C7DFFC;
    border: 1px solid #99bbe8;
    overflow:hidden;
    position:absolute;
	 left:0;top:0;
	 z-index:12000;
    
	 
	 
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
	 
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
} 

table.x-tabbar {border-spacing: 0px;}
	
	
    table.x-tab{border-spacing: 0px;}
    
	table.x-tab td, table.x-tabbar td{margin: 0px; padding: 0px;}
	
		
		table.x-tabbar td.x-tab-l, table.x-tabbar td.x-tab-l div, 
		table.x-tabbar td.x-tab-r, table.x-tabbar td.x-tab-r div,
		 {font-size: 0;}
		
		table.x-tabbar td.x-tab-l div, table.x-tabbar td.x-tab-r div {
			width: 3px; 
			height: 23px;
			background-repeat: no-repeat;
		}
		table.x-tabbar td.x-tab-l div {background-position: 0 0;}
		table.x-tabbar td.x-tab-r div {background-position: 100% -23px;}
		table.x-tabbar td.x-tab-c {background-position: 0 -46px;}
		
		
		table.x-tabbar td.x-tab-c {padding-right: 1px; white-space: nowrap;}
			table.x-tabbar td.x-tab-c img {vertical-align: -5px;}
			table.x-tabbar td.x-tab-c a {margin: 0 2px 0 5px;}
		
		
		table.x-tabbar td.x-tab-l {
			background-image: url(../../img/activeelement/x-tabbar-tab-static.gif);
			background-image: url(../../img/activeelement/x-tabbar-tab-small.gif);
			background-image: url(../../img/activeelement/x-tabbar-tab-hover.gif);
			background-image: url(../../img/activeelement/x-tabbar-tab-toggled.gif);
			background-image: none;
		}
		
		
		table.x-tabbar table.x-tab.static td.x-tab-l div, 
		table.x-tabbar table.x-tab.static td.x-tab-r div, 
		table.x-tabbar table.x-tab.static td.x-tab-c {
			background-image: url(../../img/activeelement/x-tabbar-tab-static.gif);}
		
		
		table.x-tabbar table.x-tab.hover td.x-tab-l div, 
		table.x-tabbar table.x-tab.hover td.x-tab-r div, 
		table.x-tabbar table.x-tab.hover td.x-tab-c {
			background-image: url(../../img/activeelement/x-tabbar-tab-hover.gif);}
		
		
		table.x-tabbar table.x-tab.toggled td.x-tab-l div, 
		table.x-tabbar table.x-tab.toggled td.x-tab-r div, 
		table.x-tabbar table.x-tab.toggled td.x-tab-c {
			background-image: url(../../img/activeelement/x-tabbar-tab-toggled.gif);}
			
		
		table.x-tabbar table.x-tab.disabled td.x-tab-l div, 
		table.x-tabbar table.x-tab.disabled td.x-tab-r div, 
		table.x-tabbar table.x-tab.disabled td.x-tab-c {
			background-image: url(../../img/activeelement/x-tabbar-tab-disabled.gif);}
			
		
		
		table.x-tabbar table.x-tab.small td.x-tab-l div, 
		table.x-tabbar table.x-tab.small td.x-tab-r div, 
		table.x-tabbar table.x-tab.small td.x-tab-c {
			background-image: url(../../img/activeelement/x-tabbar-tab-small.gif);}
		
	
	
	table.x-tabbar.x-filters { margin-top: 2px; }
		
		
		table.x-tabbar td.x-tab-c img.crnr {vertical-align: 0; margin-left: 3px;}
		
		
		table.x-tabbar td.x-tab-l {
			background-image: url(../../img/activeelement/x-filters-tab-hover.gif);
			background-image: url(../../img/activeelement/x-filters-tab-toggled.gif);
			background-image: none;
		}
	
		
		table.x-tabbar.x-filters table.x-tab.static td.x-tab-l div, 
		table.x-tabbar.x-filters table.x-tab.static td.x-tab-r div, 
		table.x-tabbar.x-filters table.x-tab.static td.x-tab-c {
			background-image: none;}
		
		
		table.x-tabbar.x-filters table.x-tab.hover td.x-tab-l div, 
		table.x-tabbar.x-filters table.x-tab.hover td.x-tab-r div, 
		table.x-tabbar.x-filters table.x-tab.hover td.x-tab-c {
			background-image: url(../../img/activeelement/x-filters-tab-hover.gif);}
		
		
		table.x-tabbar.x-filters table.x-tab.toggled td.x-tab-l div, 
		table.x-tabbar.x-filters table.x-tab.toggled td.x-tab-r div, 
		table.x-tabbar.x-filters table.x-tab.toggled td.x-tab-c {
			background-image: url(../../img/activeelement/x-filters-tab-toggled.gif);}
			

.x-multiline-tabbar table.x-tabbar {
	float: none;
	width: 100%;
    table-layout: fixed;
}                

.x-multiline-tabbar .x-tab {
	width: 100%;
}

.x-multiline-tabbar .x-tab .x-tab-l,
.x-multiline-tabbar .x-tab .x-tab-r {
	width: 3px;
}




/***** quickbar *****/
div.quickbar { font-size: 0 !important ; }
table.quickbar { width: 100%; }
    
    /***** Global Rules *****/
    td.quickbar-title-ico div { white-space: nowrap; }
    div.quickbar td.quickbar-title-ico img { margin: 3px 1px; cursor: pointer; cursor: hand; }
    /*div.quickbar table.quickbar-title { width: 99%; }*/ /* rem because  qb title in left bar is to small with it */
    
    /*** quickbar - style:light ***/
    div.quickbar-light {padding: 1.5px 0;}
        
        /** top **/
        div.quickbar-light div.quickbar-top {}
            div.quickbar-light div.quickbar-top div.quickbar-l,
            div.quickbar-light div.quickbar-top div.quickbar-r,
            div.quickbar-light div.quickbar-top div.quickbar-c {
                background-image: url(../../img/x-layout/x-main-container-bg.gif);
                background-position: 0 0;
                background-repeat: no-repeat;
            }
            div.quickbar-light div.quickbar-top div.quickbar-r { background-position: 100% -6px; }
            div.quickbar-light div.quickbar-top div.quickbar-c {height: 6px; margin: 0 6px; background-image: none; background-color: #fff;}
        
        /** middle **/
        div.quickbar-light div.quickbar-mdl { background-color: #fff; }
        div.quickbar-light div.quickbar-content-data-holder { padding: 11px 10px 20px; }
        div.quickbar-light div.quickbar-content-data {/*background-color: #fff; height: 100%; padding: 1px 0;*/}

            div.quickbar-light div.quickbar-mdl div.quickbar-l,
            div.quickbar-light div.quickbar-mdl div.quickbar-r {
                background-image: url(../../img/x-layout/x-main-container-mdl-dot.gif);
                background-repeat: repeat-y;
                background-position: 0 0;
            }
            div.quickbar-light div.quickbar-mdl div.quickbar-r { background-position: 100% 0; }
            div.quickbar-light div.quickbar-mdl div.quickbar-c { margin: 0 2px; background-color: #fff; }
            div.quickbar-light div.quickbar-mdl div.quickbar-content {}
                
                /** quickbar title **/
                div.quickbar-light div.quickbar-title {/*height: 21px; overflow: hidden;*/}
                    div.quickbar-light div.quickbar-mdl div.quickbar-title div.quickbar-r {/*margin-left: 5px; padding-right: 5px;*/}
                    div.quickbar-light div.quickbar-mdl div.quickbar-title div.quickbar-c { padding: 0 2px; }
                    
                    div.quickbar-light td.quickbar-title-l div, div.quickbar-light td.quickbar-title-r div {width: 0px;}

                    div.quickbar-light td.quickbar-title-text, div.quickbar-light td.quickbar-title-ico {}
                    
                    div.quickbar-light td.quickbar-title-text,
                    div.quickbar-light td.quickbar-title-ico {
                        height: 21px;
                        /*background: url(../../img/x-layout/quickbar-light-ttl-bg.gif) 0 0 repeat-x;*/
                        vertical-align: top;
                    }
                        div.quickbar-light td.quickbar-title-text div {padding: 0 2px 0 6px;}
                        div.quickbar-light td.quickbar-title-ico div {padding: 0 6px 0 0;}
                    div.quickbar-light td.quickbar-title-text {width: 100%;}
                        div.quickbar-light td.quickbar-title-text div { 
                            color: #930; 
                            font-size: 16px; 
                            font-weight: bold; 
                        }
                    div.quickbar-light td.quickbar-title-ico {}
                        div.quickbar-light td.quickbar-title-ico div {/*width: 16px;*/}
                        div.quickbar-light td.quickbar-title-ico img {  }

        /** bottom **/
        div.quickbar-light div.quickbar-btm {}
            div.quickbar-light div.quickbar-btm div.quickbar-l,
            div.quickbar-light div.quickbar-btm div.quickbar-r,
            div.quickbar-light div.quickbar-btm div.quickbar-c {
                background-image: url(../../img/x-layout/x-main-container-bg.gif);
                background-position: 0 -12px;
                background-repeat: no-repeat;
            }
            div.quickbar-light div.quickbar-btm div.quickbar-r { background-position: 100% -18px;}
            div.quickbar-light div.quickbar-btm div.quickbar-c {height: 6px; margin: 0 6px; background-position: 0 -24px; background-repeat: repeat-x;}

            
    /*** quickbar content ***/
    div.quickbar-content-holder {}
    div.quickbar-content-data { /*overflow: auto;*/     }
    div.quickbar-content-data.quickbar-form {overflow: hidden !important;}
        div.quickbar-content-data.quickbar-form {padding: 0 13px 0 3px; overflow: hidden;}/* overflow for ie needed */
        div.quickbar-content-data.quickbar-form form {padding: 0 0px;text-align:center;}
            div.quickbar-content-data.quickbar-form input,
            div.quickbar-content-data.quickbar-form textarea {margin: 3px 0; width: 100%;}
            div.quickbar-content-data.quickbar-form div.quickbar-comboholder {margin-right: -8px;}

            
            
table.quickbar {border-spacing: 0px;}
table.quickbar td {padding: 0px;}
div.quickbar-light {padding:0;}

div.product-tab-inner {font-size: 10px !important; *height: 1px;}