@font-face {    
    font-family:'Glyphicons Halflings'; 
    src:url('/itg/css/fonts/glyphicons-halflings-regular.eot'); 
    src:url('/itg/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),  
        url('/itg/css/fonts/glyphicons-halflings-regular.woff') format('woff'), 
        url('/itg/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'),  
        url('/itg/css/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')    
}

body,html {
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.clearboth {
    clear:both;
}

.border-layout {
    position:relative;
}

.border-layout>div {
    position: absolute;
}

.border-layout .center {
    position: relative;
}

.border-layout .hborder {
    height:8px;
    background:transparent left center url(../img/roundborderh.png) repeat-x;
}

.border-layout .vborder {
    width:8px;
    background:transparent left center url(../img/roundborderv.png) repeat-y;
}

.border-layout .vborder.vbl {
    top:8px;
    bottom:8px;
    left:0;
    background-position:left center;
}
.border-layout .vborder.vbr {
    top:8px;
    bottom:8px;
    right:0;
    background-position:right center;
}
.border-layout .hborder.hbt {
    top:0;
    right:8px;
    left:8px;
    background-position:center top;
}
.border-layout .hborder.hbb {
    bottom:0;
    right:8px;
    left:8px;
    background-position:center bottom;
}

.border-layout .corner {
    background:transparent left center url(../img/roundcorner.png) no-repeat;
}

.border-layout .corner.cr0 {
    top:0;
    left:0;
    background-position:left top;
}
.border-layout .corner.cr1 {
    top:0;
    right:0;
    background-position:right top;
}
.border-layout .corner.cr2 {
    bottom:0;
    right:0;
    background-position:right bottom;
}
.border-layout .corner.cr3 {
    bottom:0;
    left:0;
    background-position:left bottom;
}

.button.primary {
    box-sizing: border-box;
    min-width: 96px;
    background-color:var(--brand_color);
    color:white;
    float:left;
    height:32px;
    padding:0 16px;
    cursor: pointer;
    margin-left:10px;
    font:normal bold 16px/36px Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button.primary:hover {
    background-color:var(--brand_color_dim);
}


.ppmbutton {
	font:normal bold 12px/20px Arial, sans-serif;
	color:#333;
	float:left;
	line-height:20px;

	background-image:url('/itg/web/knta/global/images/general-button-bg.png');
	background-position:left top;
	cursor: pointer;
}

.ppmbutton div {
	min-width: 54px;
	*width: expression((documentElement.clientWidth < 64) ? "64px" : "auto");
	background-image:url('/itg/web/knta/global/images/general-button-bg.png');
	background-position:right -20px;
	margin:0 0 0 3px;
	padding:0 6px 0 2px;
	text-align: center;
	white-space: nowrap;
}

.ppmbutton:hover {
	background-position:left -40px;
}

.ppmbutton:hover div {
	background-position:right -60px;
}

.ppmbutton.disabled {
	background-position:left -80px;
	color:#A5A5A5;
}
.ppmbutton.disabled div {
	background-position:right -100px;
}