html {height:100%; width: 100%; overflow-y:scroll; overflow: -moz-scrollbars-vertical;}
body {margin: 0; padding: 0;}
img {border: 0;}

/* UTILITIES  
----------------------------------------------- */
.kaf-clear {margin: 0; padding: 0; clear: both; height: 0;}
.kaf-clear5 {margin: 0; padding: 0; clear: both; height: 5px;}
.kaf-left {float: left;}
.kaf-right {float: right;}
.kaf-pos-abs {position: absolute;}
.kaf-pos-rel {position: relative;}
.kaf-cursor-pointer {cursor: pointer;}

/* LAYOUT
---------------------------------------------------------- */
.kaf-console {font-family: Arial, Sans-Serif; font-size: 11px;}

/* MAIN WRAPPER IN APP AND SYS SCREENS 
---------------------------------------------------------- */
#kaf-canvas {clear: both; width: 70%; min-width: 990px; margin: 60px auto; padding-top: 20px; font-family: Arial, Sans-Serif; font-size: 12px; position: relative; z-index: 1;}


/* CONTAINS THE CLIENT SITE 
---------------------------------------------------------- */
#kaf-layout-body {clear: both; position: relative; z-index: 1; margin: 60px 0 0 0;}

/* ONLY ON PAGE SCREENS
---------------------------------------------------------- */
#kaf-console-header {min-width: 1004px; clear: both; width: 100%; height: 60px; background-image: url('/console/content/images/kaf-bg-sprite.png'); background-repeat: repeat-x; background-position: 0 -440px;  z-index: 2; box-shadow: 0 1px 10px #333; position: fixed; top: 0;}

/* LOGIN SCREEN
---------------------------------------------------------- */
.kaf-login {width: 100%; background-color: #f5f5f5; height: 172px; margin-top: -60px;}
.kaf-version {position: absolute; top: 5px; right: 10px; text-transform: uppercase; color: #a3a3a3; font-size: 12px; font-family: Arial, Sans-Serif; letter-spacing: .075em;}

/* GENERIC HEADER FOR ALL OTHER ADMIN SCREENS
---------------------------------------------------------- */
#kaf-console-header-alternate {min-width: 1004px; clear: both; width: 100%; height: 60px; background-color: #f1f1f1; z-index: 2; box-shadow: 0 1px 10px #333; position: fixed; top: 0;}

.kaf-console .holder {position: relative; z-index: 1;}
.kaf-console .kaf-loader {
    font-weight: normal;
    color: #ffffff;
    text-shadow: -1px -1px 0 #000;
    font-size: 14px;
    line-height: 27px;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #024A7A;
    margin: 0 auto;
    font-weight: normal;
    opacity: .9;
    display: none;
    border-bottom: 1px solid #ffffff
    }

.kaf-console .kaf-loader-spacing {
    margin: 0 auto; 
    margin-top: 16px; 
    width: 195px; 
    text-align: center;
    }
    
.kaf-console .kaf-loader-spacing img {
    float: left; 
    padding: 0 8px 0 0;
    }


#kaf-console-header-bottom {position: absolute; top: 24px; width: 100%; height: 35px; z-index: 9; margin: 0 auto;}
.kaf-console-header-bottom-menu {
    position: relative; 
    width: 980px; 
    margin: 0 auto;
    margin 
    }

.kaf-console-header-bottom-tabs {
    position: relative; 
    width: 100%; 
    margin: 0 auto;
    }
    
.kaf-console-header-bottom-tabs ul {
    list-style-type: none; 
    margin: 0; 
    padding: 0;
    }

.kaf-console-header-bottom-tabs ul li {
    float: left; 
    height: 35px; 
    border-right: solid 1px #FF7000; 
    border-left: solid 1px #FFC86E; 
    display: block;
    }
    
.kaf-console-header-bottom-tabs ul li a {
    position: relative;
    padding: 5px  10px 0 10px; 
    display: block; 
    text-decoration: none; 
    font-size: 14px; 
    height: 30px; 
    color: #ffffff; 
    text-transform: uppercase; 
    text-shadow: 0px -1px 0 #FF7000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }
    
.kaf-console-header-bottom-tabs ul li a:hover {
    background-color: #FF7000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }
    
.kaf-console-header-bottom-tabs ul li a.selected {
    padding: 5px  10px 0 10px; 
    display: block; 
    text-decoration: none; 
    height: 30px; 
    font-size: 13px; 
    color: #FF9900 !important; 
    background-color: #ffffff;webgri
    text-shadow: none;
    }
    
.kaf-console-header-bottom-tabs ul li a.selected:before {
    color: #FF9900 !important; 
    }
   

.kaf-console-header-bottom-tabs ul li a span {
    padding-top: 5px; 
    display: block;
    }

.kaf-console-header-bottom-button-container {
    float: right; 
    padding: 5px 0;
    margin-right: 10px;
    }

.kaf-console-header-bottom-blue, .kaf-console-header-bottom-darkblue, .kaf-console-header-bottom-orange {
    width: 100%;
    border-bottom: solid 1px #ffffff;
    }

.kaf-console-header-bottom-blue {
    background-color: #0072A8;
    }

.kaf-console-header-bottom-darkblue {
    background-color: #024A7A;
    }

.kaf-console-header-bottom-orange {
    background-color: #FF9900; 
    }

#kaf-console-menu-container {width: 278px; position: absolute; right: 0; top: 0; height: 24px; z-index: 14;}
#kaf-console-menu-container-list {list-style-type: none; margin: 0 auto; padding: 0; display: block; z-index: 15}
#kaf-console-menu-container-list li {float: left; border-right: solid 1px #cccccc; border-left: solid 1px #ffffff; display: block;}

#kaf-console-menu-container-list li a {
    padding-left: 10px; 
    padding-right: 10px; 
    display: block; 
    text-decoration: none; 
    font-size: 11px; 
    height: 24px; 
    color: #024A7A;
    }
    
#kaf-console-menu-container-list li a:hover {
    color: #0072A8; 
    z-index: 11; 
    background-image: url('/console/content/images/kaf-bg-sprite.png'); 
    background-repeat:repeat-x; 
    background-position: 0 -398px; 
    box-shadow:inset 0 0 1px #999;
    }

#kaf-menu-list li a:hover {background-image: none; border: 0 none; box-shadow: none; text-shadow: none;}

/* HEADER HOME ICON LINK - RIGHT 
----------------------------------------------------*/
a.kaf-icon-header-home {
    width: 34px; 
    height: 24px; 
    position: relative; 
    float: left; 
    cursor: pointer; 
    box-shadow: inset 1px 0 1px #ccc, inset 2px 0 1px #fff;
    text-decoration: none;
    padding-top: 3px;
    box-sizing:border-box;
    border-right: solid 1px #cccccc; 
    }

a.kaf-icon-header-home:after {
    font-family: 'df-icomoon';
    content: "\e606";
    font-size: 17px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    color: #024A7A;
    font-weight:  normal;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }

/* HEADER HOME ICON LINK - RIGHT */
a.kaf-icon-header-profile {
    width: 33px; 
    height: 24px; 
    position: relative; 
    float: left; 
    cursor: pointer; 
    box-shadow: inset 1px 0 1px #ccc, inset 2px 0 1px #fff;
    text-decoration: none;
    padding-top: 3px;
    box-sizing:border-box; 
    }

a.kaf-icon-header-profile:after {
    font-family: 'df-icomoon';
    content: "\e648";
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
    color: #024A7A;
    font-weight:  normal;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }

a.kaf-icon-header-profile:hover:after, a.kaf-icon-header-home:hover:after  {
    color: #0072A8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }

#kaf-menu-title:after  {
    font-family: 'df-icomoon';
    content: "\e62c";
    position: absolute;
    top: 7px;
    right: 5px;
    color: #024A7A;
    font-size: 12px;
    }


#kaf-console-menu-container-list li a span {padding-top: 5px; display: block;}






/* MAIN HEADER TABS
---------------------------------------------------------- */
#kaf-console-header-top {
    margin: 0 auto; 
    position: absolute; 
    top: 0; 
    left: 0; 
    clear: both; 
    width: 100%; 
    height: 24px; 
    z-index: 10; 
    background-color: #f5f5f5; 
    box-shadow: 0 1px 0 #c2c2c2, 0 2px 0 #ffffff; 
    text-align: center;
    }

    
/* MAIN NAV CSS DROPDOWN MENU
---------------------------------------- */
#kaf-console-header-top ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
    margin:  0 auto;
    text-align: center;
	}

#kaf-console-header-top ul li {
	position: relative;
	display: inline-table;
	height: 24px; 
	padding: 0;
	margin: 0 0 0 -3px;
	}

#kaf-console-header-top ul li:first-child {
    box-shadow: -1px 0 0 #cccccc;
	}
	
#kaf-console-header-top ul li a {
    float: left;
    position: relative;
    height: 24px;
    margin: 0;
    box-sizing:border-box;
    padding: 6px 10px 0 10px;
    color: #024A7A;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 1px 0 0 #ffffff, inset -1px 0 0 #cccccc;
	}

#kaf-console-header-top ul li a:hover {
	background-image: url('/console/content/images/kaf-bg-sprite.png');
    background-repeat: repeat-x;
    background-position: 0 -398px;
    box-shadow: inset 0 0 1px #999, inset 1px 0 0 #ffffff;
    color: #0072A8;
	}
	
#kaf-console-header-top li ul {
	margin: -4px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 24px;
	left: 0;
	z-index: 1;    
	text-align: left;
	transition: all .2s ease-in-out;
	border: 1px solid #ffffff;
	box-shadow: 1px 1px 0 #cccccc;
	}

#kaf-console-header-top li:hover > ul {
	opacity: 1 !important;
	visibility: visible;
	margin: 0 !important;
	transition: opacity .4s ease-in-out;
	}
	
#kaf-console-header-top li ul li a {    
	width: 175px;
	_height: 10px; /*IE6 only*/
	display: block;
	padding: 5px 10px;
	float: none;
	margin-left: 3px;
	text-transform: none;
    background-color: #f5f5f5;
    color: #0072A8;
    text-transform: uppercase;
    box-shadow: none;
	border: 1px solid #ffffff;
	}

#kaf-console-header-top li ul li:first-child {
    box-shadow: none;
    }


#kaf-console-header-top li ul li a:last-child {
    border-top: none;
    }
	
#kaf-console-header-top li ul li a:hover {
	background-color: #0072A8 !important;
	box-shadow: inset 0 0 1px #999;
	color: #ffffff !important;
	box-shadow: none;
	background-image: none;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	}


.kaf-page-tools a {
    padding-right: 35px !important;
    }
    
.kaf-page-tools a:after {
    font-family: 'df-icomoon';
    content: "\e62c";
    position: absolute;
    top: 7px;
    right: 5px;
    color: #024A7A;
    font-size: 12px;
    }

.kaf-page-tools ul li a {
    padding-right: 10px !important;
    }


.kaf-page-roles ul {
	margin: -4px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 25px;
	left: -300px !important;
	z-index: 20;    
	text-align: left;
	transition: all .2s ease-in-out;
	border: none !important;
	box-shadow: 1px 1px 0 #cccccc;
	background-color: #ffffff !important;
	box-sizing:border-box;
	}

.kaf-page-roles li {
    background-color: #ffffff;
    width: 600px;
    border: 1px solid #ffffff !important;
    background-color: #f5f5f5 !important;
    margin: -4px !important;
    box-sizing:border-box;
    }

.kaf-page-roles li div.label {
    float: left !important;
    width: 75px !important;
    padding: 5px 5px !important; 
    background-color: #f5f5f5 !important;
    color: #0072A8 !important;
    text-transform: uppercase !important;
	border-right: 1px solid #ffffff !important;
	box-sizing:border-box;
    }

.kaf-page-roles li div.value {
    float: left !important;
    width: 500px !important;
    padding: 5px 5px !important;
    background-color: #f5f5f5 !important;
    color: #0072A8 !important;
    box-sizing:border-box;
    }

.kaf-page-tools ul li a:after {
    display: none;
    }


/* MAIN HEADER SELECTED TABS
---------------------------------------------------------- */
.kaf-console-tab-selected-blue a, .kaf-console-tab-selected-blue a:hover {
    background-color: #0072A8;
    color: #fff !important;
    text-shadow: none; 
    background-image: none !important;
    box-shadow: 0 1px 0 #0072A8, 0 2px 0 #0072A8 !important; 
    }
    
.kaf-console-tab-selected-darkblue a, .kaf-console-tab-selected-darkblue a:hover {
    background-color: #024A7A;
    color: #fff !important;
    text-shadow: none; 
    background-image: none !important;
    box-shadow: 0 1px 0 #024A7A, 0 2px 0 #024A7A !important; 
    }

.kaf-console-tab-selected-orange a, .kaf-console-tab-selected-orange a:hover {
    background-color: #FF9900;
    color: #fff !important;
    text-shadow: none;
    background-image: none !important;
    box-shadow: 0 1px 0 #FF9900, 0 2px 0 #FF9900 !important; 
    }
     

/* APPLICATION TAGS */
.kaf-tag-list { list-style-type: none;}
.kaf-listItem {border: solid 1px #cccccc; background-color: #efefef; padding: 2px 2px 2px 7px; display: table; margin: 4px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: lowercase;}
.kaf-delete-tag {border: solid 1px #cccccc; background-color: #efefef; color: #424242; cursor: pointer; display:  inline-block;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 4px; margin-left: 10px; padding: 2px 4px 2px 4px;}

/* TAG INPUT */
.tagsinput {
    clear: both;
    display: block;
    width: 90% !important;
    margin-bottom: 20px;
    min-height: 150px;
    }

.tagsinput .tag {
    display: inline-block;
    padding: 4px 8px;
    margin: 1px 1px;
    color: #ffffff;
    background-color: #0072A8;
    font-size: 14px;
    line-height: 16px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    }
    
.tagsinput .tag span {
    display: inline-block;
    padding: 4px 5px;
    }
.tagsinput .tag a {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    }

#Tags_addTag input {
    position: relative;
    font-family: Arial, Sans-Serif; 
    font-size: 16px;
    width: 90%; 
    max-width: 430px;
    min-width: 430px; 
    color: #024A7A; 
    padding: 8px;
    background-color: #FFF;
    border: solid 1px #D3D3D3;
    border-top-color: #C9C9C9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0),0 -1px 0 rgba(0, 0, 0, 0.02),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,0.02),inset 0 1px 0 rgba(0,0,0,0.04),inset 0 2px 0 rgba(0,0,0,0.02),inset 1px 0 0 rgba(0,0,0,0.04),inset -1px 0 0 rgba(0,0,0,0.04);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0),0 -1px 0 rgba(0, 0, 0, 0.02),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
    }


     
/* SYSTEM TOOLS DROPDOWN */
#kaf-menu-panel {
    display: none; 
    border: solid 1px #fff; 
    position: absolute; 
    left: -210px; 
    top: 25px; 
    width: 500px; 
    min-height: 20px; 
    background-color: #ffffff;
    -moz-box-shadow: 3px 3px 6px #666;
    -webkit-box-shadow: 3px 3px 6px #666;
    box-shadow: 0 3px 15px #999;
    overflow: hidden;
}
#kaf-menu-panel-header {
    clear: both; 
    height: 33px; 
    background-color: #024A7A;
    color: #fff; 
    padding: 0 0 0 15px; 
    font-size: 16px; 
    text-shadow: 0 -1px 0 #000000;
    letter-spacing: .075em;
    line-height: 33px; 
    cursor: pointer; 
    box-shadow: 0 1px 1px #fff, 0 3px 5px #666;}

#kaf-menu-panel #kaf-menu-panel-list-container {padding: 0 15px 15px 15px; margin-bottom: 10px;}

#kaf-menu-list {list-style-type: none; margin: 0 auto; padding: 0; border: 0 none; width: 500px;}

/* #dkaf-menu-list li {clear :both; font-size: 18px; color: #002D61; font-weight: bold; display: block; border: 0 none; height: 25px;  margin: 3px 10px 3px 0; border-bottom: dotted 1px #666666;} */

#kaf-menu-list li {width: 210px; display: block; border: 0 none; float: left; border-bottom: dotted 1px #666666;}

.kaf-menu-list-title {
    color:#0072A8; 
    font-size: 14px; 
    height: 20px; 
    width: 345px; 
    margin: 20px 10px 6px 0; 
    padding: 0 0 4px 0;}

.kaf-menu-list-link {
    height: 25px; 
    margin: 0px 22px 4px 0; 
    padding: 0 0 8px 0; 
    width: 210px; 
    overflow: hidden;
    }

.kaf-menu-list-link a {
    color:#0072A8; 
    display: block; 
    clear: both; 
    padding: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }
    
.kaf-menu-list-link a:hover {
    background-color: #f5f5f5;
    color:#0072A8; 
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }

/* HEADER ICONS */
#kaf-logo-header-logo {
    width: 129px; 
    height: 28px; 
    top: 0; 
    left: 10px; 
    position: absolute; 
    background-image: url('/console/content/images/kaf-icons-sprite.png'); 
    background-repeat: no-repeat; 
    background-position: 0 -42px; 
    overflow: hidden; 
    z-index: 12;
    }
        
#kaf-home-icon {
    width: 27px; 
    height: 22px; 
    position: relative; 
    float: left; 
    background-image: url('/console/content/images/kaf-bg-sprite.png'); 
    background-repeat: repeat-x; 
    background-position: 0 -37px; 
    overflow: hidden; 
    cursor: pointer; 
    z-index: 13; 
    margin: 8px 12px 0 6px;
    }

#kaf-canvas .col50 {width: 450px; float: left;}


/* CONTENT 
----------------------------------------------- */
.kaf-page-container-col {
    float: left;
    width: 46%; 
    min-width: 460px; 
    margin: 0 25px 0 0; 
    padding: 10px 0 0 0;
    box-sizing:border-box;
    }

/* CONTENT 
----------------------------------------------- */
.kaf-main-title-bar {
    background-color: #0072A8; 
    height: 65px;
    margin: -20px 0 0 0;
    z-index: 4;
    position: relative;
    box-shadow: 0 1px 0 #002D61, 0 2px 0 #fff, 0 3px 3px #999;
    }

.kaf-main-title-container {
    position: relative; 
    z-index: 3;
    }
    
.kaf-main-title {
    position: absolute; 
    left: 12px; 
    top: 35px; 
    font-size: 20px; 
    color: #ffffff; 
    text-shadow: -1px -1px 1px #002D61; 
    letter-spacing: .05em;
    }
    
.kaf-main-title-buttons-container {
    position: absolute; 
    right: 20px; 
    top: 22px;
    }
    
.kaf-main-title-action {
    position: relative; 
    clear: both; 
    width: 100%; 
    height: 45px; 
    background-image: url('/console/content/images/kaf-bg-sprite.png'); 
    background-repeat: repeat-x; 
    background-position: 0 -690px;  
    z-index: 2;
    }

.kaf-group-title {
    clear: both; 
    font-size: 20px; 
    margin: 5px 0 3px 0; 
    width: 94%; 
    font-weight: bold; 
    color: #002D61; 
    border-bottom: solid 1px #cccccc;
    }
    
.kaf-group-message {
    font-size: 10px; 
    line-height: 15px; 
    color: #333; 
    padding: 0 0 10px 0;
    }
    
.kaf-instruction-small	{
    font-size: 9px; 
    font-weight: normal; 
    line-height: 12px; 
    color: #666; 
    padding: 0 8px 0 0;
    }

.kaf-console fieldset {
    border: solid 1px #cccccc; 
    padding: 0;
    }

/* FORM FIELDS
----------------------------------------------- */
.kaf-form-container {width: 98%; background-color: transparent; margin: 0 auto;}

.kaf-editor-for-block { margin-bottom: 20px; float: left; width: 100%; min-width: 475px; margin: 0 15px 0 0; background-color: transparent;}

#kaf-canvas .editor-label-field-container {}
#kaf-canvas .editor-label {width: 90%; min-width: 450px;}
#kaf-canvas label {clear: both; color: #39C; font-size: 14px; line-height: 16px;}
#kaf-canvas .editor-label label {float: left;}
#kaf-canvas .editor-label .field-validation-error {color: #cc0000; font-size: 10px; float: right;}
#kaf-canvas .editor-field {clear: both; padding-bottom: 10px; position:relative;}

#kaf-canvas .editor-field select, #kaf-canvas .editor-field textarea, #kaf-canvas .editor-field fieldset, #kaf-canvas .editor-field input[type="text"], #kaf-canvas .editor-field input[type="password"] {
    position: relative;
    font-family: Arial, Sans-Serif; 
    font-size: 16px;
    width: 90%; 
    min-width: 430px; 
    color: #024A7A; 
    padding: 8px;
    background-color: #FFF;
    border: solid 1px #D3D3D3;
    border-top-color: #C9C9C9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0),0 -1px 0 rgba(0, 0, 0, 0.02),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,0.02),inset 0 1px 0 rgba(0,0,0,0.04),inset 0 2px 0 rgba(0,0,0,0.02),inset 1px 0 0 rgba(0,0,0,0.04),inset -1px 0 0 rgba(0,0,0,0.04);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0),0 -1px 0 rgba(0, 0, 0, 0.02),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
    }

#kaf-canvas .editor-field textarea {
    height: 115px;
    }

#kaf-canvas .editor-field fieldset {
    background-color: #F5F5F5;
    }
    
 #kaf-canvas .editor-field select {
    width: 93%; 
    font-size: 16px; 
    font-style: normal!important;
    font-weight: normal;
    text-decoration: none!important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    background-color: #FCFCFC;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(255, 255, 255, 0)),color-stop(100%,rgba(0, 0, 0, 0.03)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0),rgba(0, 0, 0, 0.03));
    background-image: -moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.03));
    background-image: -o-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.03));
    background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(0, 0, 0, 0.03));
    border: 1px solid #C6C6C6;
    border-top-color: #D1D1D1;
    border-bottom-color: #BFBFBF;
    -webkit-box-shadow: inset 0 1px 0 0 #FFF,inset 0 0 1px 1px rgba(255, 255, 255, 0.3),0 1px 3px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: inset 0 1px 0 0 white,inset 0 0 1px 1px rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.03);
    box-shadow: inset 0 1px 0 0 #FFF,inset 0 0 1px 1px rgba(255, 255, 255, 0.3),0 1px 3px rgba(0, 0, 0, 0.03);
    cursor: pointer;
    } 
    
 #kaf-canvas .editor-field select[multiple] {
    background-color: #ffffff !important;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(255, 255, 255, 0)),color-stop(100%,rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(255,255,255,0),rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255,255,255,0),rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0));
    } 
    
#kaf-canvas .editor-field input:focus, #kaf-canvas .editor-field textarea:focus, #kaf-canvas .editor-field select:focus {
    border-color: #B5D9E1;
    outline: 0;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0.3),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 1px 1px,inset 0 1px 0,inset 0 2px 0,inset 1px 0 0,inset -1px 0 0;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0.3),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -webkit-transition-duration: .05s;
    -moz-transition-duration: .05s;
    -o-transition-duration: .05s;
    transition-duration: .05s;
    }

#kaf-canvas .username input, #kaf-canvas .password input {
    padding-left: 30px !important;
    font-weight:bold;
    }
    
#kaf-canvas .username:before, #kaf-canvas .password:before {
    font-family: 'df-icomoon';
    color: #0072A8;
    position: absolute;
    top: 13px;
    left: 8px;
    z-index: 8;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    }

#kaf-canvas .username:before {
    content: "\e648";
    }

#kaf-canvas .password:before {
    content: "\e66d";
    }

.editor-field fieldset {
    display: block;
    clear: both;
    margin-bottom: 5px;
    }

.editor-field fieldset legend {
    margin: 5px 0 5px -9px;
    clear: both;
    padding: 4px 5px 4px 12px;
    display: block;
    color: #39C;
    line-height: 20px;
    font-size: 14px;
    width: 100%;
    border: solid 1px #D3D3D3;
    border-top-color: #C9C9C9;
    background-color: #0072A8;
    color: #FFF;
    text-shadow: -1px -1px 1px #002D61;
    letter-spacing: .05em;
    }

.editor-field fieldset table {
    font-size: 14px;
    margin-top: -9px;
    }


    
#kaf-canvas .editor-field ul {margin: 0; padding: 0; list-style-type: none;}
#kaf-canvas .editor-field ul li {padding-top: 5px;}
#kaf-canvas .check-box {border: 0 none;}
#kaf-canvas .editor-buttons {clear: both; padding-top: 5px;}
#kaf-canvas .kaf-header-button {position: absolute; top: 0; left: 0; z-index: 25;}

#kaf-canvas .kaf-propertiesheader-button {
    position: absolute; 
    top: 71px; 
    left: 8px; 
    z-index: 25;
    }
    
#kaf-canvas .editor-single-line-field {
    width: 40%;
    min-width: 230px; 
    padding: 0 4px 16px 0; 
    display: inline-block; 
    border: 0;
    }
    
#kaf-canvas .editor-single-line-field input[type="checkbox"] {border: none 0; background: transparent; margin: 0 3px 0 4px; vertical-align: middle;}
#kaf-canvas .editor-single-line-field label {font-size: 12px; color: #002D61; line-height: 13px; vertical-align: middle;}

#kaf-canvas .editor-single-line-field .kaf-instruction {
    font-size: 11px;
    line-height: 15px;
    color: #333;
    padding: 6px 6px 0 23px;
    margin-bottom: 5px;
    }
  
.kaf-metatags  {
    border-top: 1px solid #cccccc; 
    margin-top: 5px; 
    padding-top: 5px; 
    width: 100%;
    }

.kaf-metatags a  {
    float: left;
    font-size: 16px;
    color: #024A7A;
    text-transform: uppercase;
    text-decoration: none;
    }
 
 .kaf-metatags a:hover  {
    color: #0072A8;
    }
 
.metadata label {
    font-size: 16px !important;
    }

.kaf-addlink {
    border-top: 1px solid #cccccc; 
    margin-top: 5px; 
    padding-top: 5px; 
    width: 93%;
    }

.kaf-addlink a  {
    float: left;
    font-size: 16px;
    color: #024A7A;
    padding: 5px 0 8px 0;
    text-transform: uppercase;
    text-decoration: none;
    }
 
.kaf-addlink a:hover  {
    color: #0072A8;
    }


#kaf-canvas .editor-delete-confirm-box {width: 560px; padding: 20px; background-color: #efefef; margin: 0;}
#kaf-canvas .editor-delete-confirm-box a {font-size: 14px; font-weight: bold; color: #666666;}

#kaf-canvas .editor-relative-path {
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    clear: both;
    }
    
#kaf-canvas .editor-relative-path li {
    float: left; 
    color: #024A7A; 
    font-size: 16px;
    height: 30px;
    letter-spacing: .05em; 
    padding: 0; 
    margin: 0;
    }
    
#kaf-canvas .editor-relative-path li.separator {
    padding: 8px 2px 0 0;
    line-height: 30px;
    vertical-align: middle; 
    }
    
#kaf-canvas .editor-relative-path li.part { 
    padding: 8px 5px 0 0;
    line-height: 30px;
    vertical-align: middle; 
    }

#kaf-canvas .editor-relative-path input {
    font-size: 16px !important;
    padding: 6px !important;
    margin-bottom: 9px;
    }

#kafPathTypesContainer select {font-size: 10px; width: 100px; padding: 2px; border: 1px solid #ccc; font-size: 12px; color: #002D61; width: 150px;}

/* LOGIN 
----------------------------------------------- */
.kaf-login-logo {margin: 108px 0 0 0; background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; width:345px; height: 38px; background-position: 0 0; overflow: hidden;}
.kaf-login-title {position: relative; color:#024A7A; padding: 35px 0 10px 0; font-size: 24px;}

#kaf-login-control {float: left; width: 630px;}

    
/*.kaf-feedback {position: absolute; left: -665px; top: 146px;}*/
.kaf-feedback-view-page-console {width: 475px; margin: 0 auto;}
.kaf-feedback {position: absolute; top: 150px; left: 50px;}
.kaf-feedback  .ui-state-error {width: 475px;}
.kaf-feedback  .ui-state-warning {width: 475px;}
.kaf-feedback  .ui-state-success {width: 475px;}

.kaf-login .validation-summary-errors, .kaf-login .field-validation-error  {color: #C80808;}

.kaf-login-return-link {clear: both; padding: 15px 0 0 0;}
.kaf-login-return-link a {color: #39C; font-size: 12px; text-decoration: none;}
.kaf-login-return-link a:hover {color: #024A7A;}

/* PROPERTIES
----------------------------------------------- */
#kaf-asset-picker fieldset {clear: both; background-color: #F0F0F0;}

#kaf-asset-picker .assignment {clear: both; padding: 0 0 5px 0;}

   
#kaf-asset-picker .assignment a  {
    display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	margin: 0 1px 0 0;
	vertical-align: middle;
	padding: 4px 8px 4px 8px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	-webkit-border-radius: 2px;
    border-radius: 2px;
	letter-spacing: .05em;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	color: #ffffff;
	background-color: #70AD15;
	border: solid 1px #317502 !important;
	text-shadow: -1px -1px 0 #317502;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    }
    
#kaf-asset-picker .assignment a:hover {
    background-color: #5E9A11;
    border: solid 1px #317502 !important;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px -1px rgba(255, 255, 255, .5), 0 1px 0 rgba(0, 0, 0, .3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3) inset;
    }
    

	     

#kaf-asset-picker .preview {clear: both; background-color: #fff; border: 1px solid #ccc; min-height: 60px; _height: 60px;}
#kaf-asset-picker .preview img {margin: 10px 10px 6px 10px; border: 1px solid #ccc;}

#kaf-asset-picker .asset-filename {padding: 3px 2px;}
#kaf-asset-picker .asset-filename .meta {font-size: 10px; color: #024A7A;}

/* GRIDS AND LISTS  
----------------------------------------------- */
.kafWebGrid {margin: 0 auto; font-family: Arial, Sans-Serif; font-size: 12px; color: #333; padding-top: 8px;}
.kaf-assets-shell-table {width: 100%; margin: 0 auto; font-family: Arial, Sans-Serif; font-size: 12px; color: #333; }

.kafWebGrid table {margin: 0; padding: 0; border-left: none; border: 1px solid #ccc; border-collapse: collapse; display: table; margin-bottom: 20px;}
.kafWebGrid table thead th {padding: 9px 5px 5px 5px; color: #024A7A; background: #eeeeee 50% 50% repeat-x; text-align: left; font-weight: normal; text-transform: uppercase; font-size: 10px; border-collapse: collapse; border: 1px solid #ccc;}
.kafWebGrid table thead th a {color: #024A7A;}
.kafWebGrid table thead th a:hover {color: #333;}

.kafWebGrid table tbody td {padding: 5px; text-align: left; border: 1px solid #ccc; border-collapse: collapse;}
.kafWebGrid table tbody tr {background-color: #ffffff;}
.kafWebGrid table .kaf-web-grid-alt-row {background-color: #FbFbFb;}
.kafWebGrid table tbody td.kaf-Web-Grid-Button-Col {width: 30px; padding: 4px 0 0 8px;}
.kafWebGrid table tbody td.kaf-Web-Grid-Link-Col {width: 55px; padding: 5px 0 0 8px;}
.kafWebGrid table tbody td.kaf-Web-Grid-Text-Col {width: 75px; padding: 0 8px;}
.kafWebGrid table tbody td.kafWebGridThumbnailCol {width: 40px; padding: 1px; text-align: center;}
.kafWebGrid table tbody td.kaf-web-grid-id-col {width: 30px;}

.kaf-list {clear: both; width: 600px;}
.kaf-list .kaf-list-header {clear: both; width: 600px; background-color: #666666;}
.kaf-list .kaf-list-header .kaf-list-col {float: left; color: #ffffff; padding: 8px; width: 200px;}
.kaf-list .kaf-list-row {clear: both; width: 600px; background-color: #ffffff;}
.kaf-list .kaf-list-row .kaf-list-col {float: left; color: #424242; padding: 8px; width: 200px;}
.kaf-list .kaf-list-row .kaf-list-col a {color: #cccccc;}

/* TAXONOMY RULES
----------------------------------------------- */
#kaf-component-list ul {
    list-style-type: none; 
    margin: -2px 0 0 0; 
    padding: 0;
    }
   
#kaf-component-list ul li .component-item-container {
    clear: both; 
    width: 100%; 
    height: 36px; 
    background-color: #EAEEF2;
    }

#kaf-component-list ul ul {
    list-style-type: none; 
    margin: 1px 0 0 25px; 
    padding: 0;
    }
    

  
#kaf-component-list ul ul li .component-item-container {
    clear: both; 
    width: 100%; 
    height: 36px; 
    background-color: #f5f5f5;
    margin: 1px 0;
    }

#kaf-component-list ul ul li .component-item-container:last-child {
    margin: 1px 0 10px 0;
    }

#kaf-component-list .CompTitle {
    float: left; 
    padding: 0 0 0 15px; 
    width: 350px; 
    color: #024A7A; 
    font-size: 14px; 
    line-height: 35px; 
    font-weight: normal; 
    }
    
    
#kaf-component-list .CompActionLinks {float: right; width: 80px; padding: 10px;}
#kaf-component-list .CompActionLinks .CompActionLink {float: left; width: 35px;}

.CompActionLink a {text-decoration: none !important;}

.kafWebGrid .kaf-letters {margin: 3px 0 0 0; background-color: #EEE; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; box-shadow: none; padding: 5px;}

.kaf-letters-left {
    float: left; 
    font-size: 10px; 
    text-transform: uppercase; 
    color: #024A7A;
    }
    
.kaf-letters-left a {
    display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	margin: 0 0 0 0;
	vertical-align: middle;
	padding: 3px 7px 3px 7px;
	color: #ffffff;
	background-color: #024A7A;
	border: solid 1px #00153A !important;
	text-shadow: -1px -1px 0 #000000;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(0, 153, 183, .6) inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 153, 183, 0.6) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 153, 183, 0.6) inset;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	-webkit-border-radius: 2px;
    border-radius: 2px;
	letter-spacing: .05em;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }
    
.kaf-letters-left a:hover {
    background-color: #0072A8;
    border: solid 1px #024A7A !important;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px -1px rgba(255, 255, 255, .5), 0 1px 0 rgba(0, 0, 0, .3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 255, 0.3) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3) inset;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }
    
.kaf-letters-left a.selected {
    display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	cursor: pointer;
	text-align: center;
	text-shadow: 1px 1px 0 #A30A00;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	border-radius: 2px;
    color: #FFFFFF;
    background-color: #CC3300;
	border: solid 1px #A30A00 !important;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px -1px rgba(255, 255, 255, .5), 0 1px 0 rgba(255, 255, 255, 0) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(255, 255, 255, 0) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(255, 255, 255, 0) inset;
    }

.kaf-pages-right {float: right; font-size:10px; text-transform: uppercase; color: #024A7A;}


.kaf-pages-right a {
    display: inline-block;
    position: relative;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	content:" ";
	margin: -5px 0 0 0;
	vertical-align: middle;
	padding: 1px 6px 1px 6px;
	color: #ffffff;
	background-color: #024A7A;
	border: solid 1px #00153A !important;
	text-shadow: -1px -1px 0 #000000;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(0, 153, 183, .6) inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 153, 183, 0.6) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 153, 183, 0.6) inset;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	-webkit-border-radius: 2px;
    border-radius: 2px;
	text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }


.kaf-pages-right a:hover {
	background-color: #0072A8;
    border: solid 1px #024A7A !important;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px -1px rgba(255, 255, 255, .5), 0 1px 0 rgba(0, 0, 0, .3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 255, 0.3) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3) inset;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }

a.kaf-right-arrow:after, a.kaf-left-arrow:after {
    font-family: 'df-icomoon';
    position: absolute;
    top: 2px;
    left: 2px;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    }

a.kaf-right-arrow:after {
    content: "\e62a";
    }

a.kaf-left-arrow:after {
    content: "\e62d";
    }
    
.kaf-pages-right select, .kaf-letters-single select {
    font-family: Arial, san-serif;  
    font-size: 10px; 
    padding: 2px; 
    color: #005480; 
    text-transform: uppercase; 
    border-radius: 2px; 
    border-radius: 2px; 
    border: 1px solid #ccc;
    }

.kaf-letters-single {
    font-size:10px; 
    text-transform: uppercase; 
    color: #024A7A; 
    margin: 3px 0 0 0; 
    background-color: #EEE; 
    border-right: 1px solid #ccc; 
    border-left: 1px solid #ccc; 
    box-shadow: none; 
    padding: 5px;
    }

.kaf-letters-single input {
    font-family: Arial, Sans-Serif; 
    font-size: 14px;
    width: 250px; 
    color: #024A7A; 
    padding: 5px;
    vertical-align: middle;
    background-color: #FFF;
    border: solid 1px #D3D3D3;
    border-top-color: #C9C9C9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0),0 -1px 0 rgba(0, 0, 0, 0.02),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,0.02),inset 0 1px 0 rgba(0,0,0,0.04),inset 0 2px 0 rgba(0,0,0,0.02),inset 1px 0 0 rgba(0,0,0,0.04),inset -1px 0 0 rgba(0,0,0,0.04);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0),0 -1px 0 rgba(0, 0, 0, 0.02),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
    }
    
.kaf-letters-single input:focus {
    border-color: #B5D9E1;
    outline: 0;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0.3),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 1px 1px,inset 0 1px 0,inset 0 2px 0,inset 1px 0 0,inset -1px 0 0;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0.3),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -webkit-transition-duration: .05s;
    -moz-transition-duration: .05s;
    -o-transition-duration: .05s;
    transition-duration: .05s;
    }
   
    /* WEB GRID FORCE COLUMN WIDTHS */
    .colwidth25 {width: 25px;}
    .colwidth30 {width: 30px;}
    .colwidth35 {width: 35px;}
    .colwidth45 {width: 45px;}
    .colwidth55 {width: 55px;}
    .colwidth65 {width: 65px;}
    .colwidth75 {width: 75px;}
    .colwidth100 {width: 100px;}
    .colwidth150 {width: 150px;}
    .colwidthdatetime {width: 170px;}
    .colwidthdate {width: 105px;}
    .coltextcenter {text-align: center;}

/* LINK
----------------------------------------------- */
a.kaf-link-blue {font-size: 12px; color: #3399CC; text-transform: uppercase; text-decoration: none;}
a.kaf-link-orange {font-size: 12px; color: #FF9A00; text-transform: uppercase; text-decoration: none;}
a.kaf-link-green {font-size: 12px; color: #60A20B; text-transform: uppercase; text-decoration: none;}
a.kaf-link-blue:hover, a.kaf-link-orange:hover, a.kaf-link-green:hover {color: #024A7A; text-decoration: none;}
a.kaf-link-small {font-size: 10px;}


/* BUTTONS
----------------------------------------------- */
.kaf-button, a.kaf-button, input.kaf-button, .kaf-button-confirm a {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	margin: 0 1px 0 0;
	vertical-align: middle;
	padding: 5px 12px 5px 12px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	-webkit-border-radius: 2px;
    border-radius: 2px;
	letter-spacing: .05em;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }

.kaf-button:hover, a.kaf-button:hover,.kaf-button-confirm a:hover {
	cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }

.kaf-button-small, a.kaf-button-small {
	font-size: 11px;
	padding: 5px;
	vertical-align: middle;
    }

    /* BLUE BUTTONS ON WHITE */
    #kaf-canvas .editor-buttons .kaf-button-blue, #kaf-login-control .kaf-button-blue, .editor-buttons .kaf-button-blue, input.kaf-button-blue, .kaf-propertiesheader-button .kaf-button-blue, .kaf-button-confirm a {
	    color: #ffffff;
	    background-color: #024A7A;
	    border: solid 1px #00153A !important;
	    text-shadow: -1px -1px 0 #000000;
	    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(0, 153, 183, .6) inset;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 153, 183, 0.6) inset;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 153, 183, 0.6) inset;
        }
    
    #kaf-canvas .editor-buttons .kaf-button-blue:hover, #kaf-login-control .kaf-button-blue:hover, .editor-buttons .kaf-button-blue:hover, .kaf-button-blue.input:hover, .kaf-propertiesheader-button .kaf-button-blue:hover, .kaf-button-confirm a:hover {
        background-color: #0072A8;
        border: solid 1px #024A7A !important;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px -1px rgba(255, 255, 255, .5), 0 1px 0 rgba(0, 0, 0, .3) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 255, 0.3) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3) inset;
        }
        
    /* BLUE BUTTONS DARK HEADER */
    .kaf-main-title-buttons-container .kaf-button-blue, .kaf-letters-single .kaf-button-blue {
	    color: #ffffff;
	    background-color: #024A7A;
	    border: solid 1px #00153A;
	    text-shadow: -1px -1px 1px #000000;
	    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(0, 153, 183, .4) inset;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 153, 183, 0.4) inset;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 153, 183, 0.4) inset;
        }
    
    .kaf-main-title-buttons-container .kaf-button-blue:hover, .kaf-letters-single .kaf-button-blue:hover {
        background-color: #0072A8;
        -moz-box-shadow: 0 1px 0 rgba(0, 153, 183, 0), 0 2px 2px -1px rgba(0, 153, 183, .1), 0 1px 2px rgba(0, 0, 0, .3) inset;
        -webkit-box-shadow: 0 1px 0 rgba(0, 153, 183, 0), 0 2px 2px -1px rgba(0, 153, 183, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3) inset;
        box-shadow: 0 1px 0 rgba(0, 153, 183, 0), 0 2px 2px -1px rgba(0, 153, 183, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	    text-shadow: -1px -1px 0 #00153A;
        }   

    
    /* GREEN */
    .kaf-button-green {
	    color: #ffffff;
	    background-color: #70AD15;
	    border: solid 1px #317502 !important;
	    text-shadow: -1px -1px 0 #317502;
	    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        }
    
    .kaf-button-green:hover {
	    background-color: #5E9A11;
        border: solid 1px #317502 !important;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 2px 2px -1px rgba(255, 255, 255, .5), 0 1px 0 rgba(0, 0, 0, .3) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 2px -1px rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.3) inset;
        }
    
    /* RED */
    .kaf-button-red {
	    color: #ffffff;
	    border: solid 1px #B90101;
	    text-shadow: -1px -1px -1px #B90101;
	    background: -webkit-gradient(linear, left top, left bottom, from(#EF2929), to(#B90101));
	    background: -moz-linear-gradient(top,  #EF2929,  #B90101);
	    background: linear-gradient(top,  #EF2929,  #B90101);
	    background-color: #B90101;
        }
    
    .kaf-button-red:hover {
	    background: -webkit-gradient(linear, left top, left bottom, from(#F24F4F), to(#E90101));
	    background: -moz-linear-gradient(top,  #F24F4F,  #E90101);
	    background: linear-gradient(top,  #F24F4F,  #E90101);
	    background-color: #E90101;
    }

    /* ORANGE */
    .kaf-button-orange {
	    color: #ffffff;
	    background-color: #FF9900;
	    border: solid 1px #FF6500 !important;
	    text-shadow: -1px -1px 0 #CC3300;
	    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
        }
    
    .kaf-button-orange:hover {
	    background-color: #FF7A00;
        border: solid 1px #CC3300 !important;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 2px 2px -1px rgba(255, 255, 255, .1), 0 1px 0 rgba(0, 0, 0, .3) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 2px 2px -1px rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.3) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 2px 2px -1px rgba(255, 255, 255, 0.31), 0 1px 0 rgba(0, 0, 0, 0.3) inset;
        }
    
   
/*  ICON WITH TEXT 
----------------------------------------------- */
.kaf-icon-with-text {float:left; display: block; background-image: url('images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden;}
a.kaf-icon-text {font-size: 12px; color: #024A7A; text-decoration: none; cursor: pointer;}
a.kaf-icon-text:hover {color: #3399CC; text-decoration: none;}
.kaf-icon-text-space {float:left; padding: 5px 0 0 5px;}

/* ICONS  
----------------------------------------------- */
/*.kaf-icon-pages {padding: 0 0 0 0; background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden; text-decoration: none;}*/
/*.kaf-icon-left {padding: 0 25px 0 0; background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden; text-decoration: none;}*/
/*.kaf-icon {background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden; text-decoration: none;}*/

.kaf-icon, a.kaf-icon {
	text-decoration: none;
    }

.kaf-icon-photos {width: 30px; height: 26px; background-position: -74px -34px;}
.kaf-icon-small-pencil {display: block; width: 12px; height: 12px; background-position: -51px -16px;}

/* FONT - ICONS  
----------------------------------------------- */
.kaf-Web-Grid-Button-Col a, .kaf-icon-font a {
    text-decoration: none !important;
    }

[class^="kaf-icon-"], [class*=" kaf-icon-"] {
    font-family: 'df-icomoon';
    text-decoration: none !important;
    box-sizing:border-box;
    text-align: center;
    font-weight:  normal;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }


/* GENERAL ICONS */
.kaf-icon-edit:after, .kaf-icon-pencil:after, .kaf-icon-small-pencil:after  {
    content: "\e68b";
    padding: 2px;
    font-size: 16px;
	color: #0072A8;
    }
    
.kaf-icon-small-pencil:after  {
    padding: 2px;
    font-size: 14px;
    }
        
.kaf-icon-delete:after {
    content: "\e66a";
    padding: 2px;
    font-size: 18px;
	color: #cc0000;
    }
        
.kaf-icon-delete:hover:after {
	color: #990000;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    } 
        
.kaf-icon-preview:after  {
    content: "\e643";
    padding: 2px;
    font-size: 18px;
	color: #0072A8;
    }
    
.kaf-icon-announcement:after  {
    content: "\e67d";
    padding: 2px;
    font-size: 18px;
	color: #9DAFC2;
    }

.kaf-icon-external:after  {
    content: "\e649";
    padding: 2px;
    font-size: 18px;
	color: #0072A8;
    }
        
.kaf-icon-publish:before  {
    content: "\e66b";
    width: 18px;
    height: 18px;
    font-size: 11px;
    padding: 3px;
    line-height: 12px;
    border-radius: 50%;
    margin-right: 2px;
    color: #ffffff;
    font-weight:  normal;
	background-color: #70AD15;
	border: solid 1px #ffffff;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .6), 0 2px 2px -1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .3) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    } 
        
.kaf-icon-intrash:before  {
    content: "\e6b3";
    font-size: 16px;
    padding: 3px;
    line-height: 14px;
    color: #cc0000;
    } 
        
.kaf-icon-surpress:before  {
    content: "\e668";
    width: 13px;
    height: 13px;
    font-size: 11px;
    padding: 3px;
    margin-right: 7px;
    line-height: 12px;
    border-radius: 50%;
    color: #ffffff;
	background-color: #FF9900;
	border: solid 1px #ffffff;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .6), 0 2px 2px -1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .3) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    }
        
.kaf-icon-move:after  {
    content: "\e680";
    width: 18px;
    height: 18px;
    font-size: 11px;
    padding: 3px;
    line-height: 12px;
    border-radius: 50%;
    margin-right: 4px;
    color: #ffffff;
	background-color: #024A7A;
	border: solid 1px #ffffff;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .6), 0 2px 2px -1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .3) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    }  
        
        
.kaf-icon-small-pencil:hover:after, .kaf-icon-edit:hover:after, .kaf-icon-preview:hover:after, .kaf-icon-external:hover:after  {
	color: #00375E;
    }     


    .kaf-icon-trash {width: 32px; height: 24px; background-position: -201px -73px;}
    
/* SYSTEM TOOLS */

.kaf-icon-application:before, .kaf-icon-configuration:before, .kaf-icon-menus:before, .kaf-icon-galleries:before, .kaf-icon-photos:before, .kaf-icon-roles:before, .kaf-icon-tags:before, .kaf-icon-trash-menu:before, .kaf-icon-sitemap:before, .kaf-icon-settings:before, .kaf-icon-people:before, .kaf-icon-queue:before    {
    color: #024A7A;
    
    } 

.kaf-icon-application:before  {
    content: "\e643";
    font-size: 18px;
    padding: 4px 3px 3px 3px;
    } 


.kaf-icon-configuration:before  {
    content: "\e6a7";
    font-size: 16px;
    padding: 3px;
    } 

.kaf-icon-menus:before  {
    content: "\e601";
    font-size: 16px;
    padding: 3px;
    } 

.kaf-icon-galleries:before  {
    content: "\e6cb";
    font-size: 20px;
    padding: 3px 3px 3px 5px;
    } 

.kaf-icon-photos:before  {
    content: "\e6ca";
    font-size: 18px;
    padding: 3px;
    } 


.kaf-icon-roles:before  {
    content: "\e66d";
    font-size: 18px;
    padding: 3px;
    } 
    
.kaf-icon-tags:before  {
    content: "\e6c8";
    font-size: 16px;
    padding: 3px;
    } 

.kaf-icon-trash-menu:before  {
    content: "\e6b3";
    font-size: 16px;
    padding: 3px;
    }

.kaf-icon-sitemap:before  {
    content: "\e65c";
    font-size: 16px;
    }
    
.kaf-icon-settings:before  {
    content: "\e64c";
    font-size: 20px;
    padding: 0 5px 0 3px;
    line-height: 20px;
    }
    
.kaf-icon-people:before  {
    content: "\e6d9";
    font-size: 20px;
    padding: 0 5px 0 3px;
    line-height: 20px;
    }   
    
 .kaf-icon-queue:before  {
    content: "\e6c4";
    font-size: 20px;
    padding: 0 5px 0 3px;
    line-height: 20px;
    }
           
.kaf-icon-fields {display: block; width: 32px; height: 27px; background-position: -66px -102px;}


/* GENERAL CONTENT BLOCKS */
.kaf-icon-edit-content {display: block; width: 24px; height: 24px; background-position: -1px -75px; background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden; text-decoration: none; background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden; text-decoration: none;}
.kaf-icon-edit-image {display: block; width: 24px; height: 24px; background-position: -48px -75px; background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden; text-decoration: none;}
.kaf-icon-edit-image-gallery {display: block; width: 30px; height: 27px; background-position: -96px -75px; background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden; text-decoration: none;}

/* GLOBAL CONTENT BLOCKS */
.kaf-icon-edit-global {display: block; width: 24px; height: 24px; background-position: -23px -75px; background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden; text-decoration: none;}
.kaf-icon-edit-image-global {display: block; width: 24px; height: 24px; background-position: -72px -75px; background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden; text-decoration: none;}
.kaf-icon-edit-image-global-gallery {display: block; width: 30px; height: 27px; background-position: -126px -75px; background-image: url('/console/content/images/kaf-icons-sprite.png'); background-repeat: no-repeat; overflow: hidden; text-decoration: none;}

/* CONTENT BLOCKS   
----------------------------------------------- */
.kaf-rtb-base-container {position: relative;}
.kaf-rtb-content {position: relative;}
.kaf-rtb-container {position: absolute; z-index: 1;}

.kaf-quick-text input  {
    position: relative;
    font-family: Arial, Sans-Serif; 
    font-size: 16px;
	padding: 5px;
    width: 90%; 
    min-width: 430px; 
    color: #024A7A; 
    padding: 6px;
    background-color: #FFF;
    border: solid 1px #D3D3D3;
    border-top-color: #C9C9C9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0),0 -1px 0 rgba(0, 0, 0, 0.02),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,0.02),inset 0 1px 0 rgba(0,0,0,0.04),inset 0 2px 0 rgba(0,0,0,0.02),inset 1px 0 0 rgba(0,0,0,0.04),inset -1px 0 0 rgba(0,0,0,0.04);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0),0 -1px 0 rgba(0, 0, 0, 0.02),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
    }
    

.kaf-quick-text-buttons {float: left; margin: 2px 0 0 4px; vertical-align: middle;}

/* POPUP WINDOW HEADER 
----------------------------------------------- */
.kaf-popup-header {clear: both; width: 100%; height: 38px; background-color: #f5f5f5;  z-index: 2; box-shadow: 0 1px 10px #333; position: fixed; top: 0; padding: 0 0 0 5px; font-family: Arial, san-serif; border-top: 1px solid #024A7A; margin-bottom: 20px;}

    .kaf-popup-header select {font-family: Arial, san-serif; font-size: 12px; width: 150px; padding: 2px; color: #005480; text-transform: uppercase; margin: 5px 0 0 0; border-radius: 2px; border-radius: 2px; border: 1px solid #ccc;}
    .kaf-popup-header-title {float: left; padding: 10px 5px 0 10px; font-size: 12px; color: #024A7A; text-transform: uppercase;}
 
/* FEEDBACK 
----------------------------------------------- */
#kaf-feed-back-mod-container {
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    position: absolute;
    display: block;  
    z-index: 5; 
    text-align: center;
    }
    
.kaf-feedback-modal-dialog {
    display: block; 
    color: #fff; 
    font-size: 14px; 
    font-weight: normal; 
    text-transform: uppercase;
    margin: 0 auto;
    }

/* JQUERY UI OVERRIDES  
----------------------------------------------- */
.ui-widget {position: relative; width: 100%;}
.ui-widget-header {padding: 10px;}
.ui-widget-header div {float: right;}

/*error*/
.kaf-console .ui-state-error, .kaf-console .ui-widget-content .ui-state-error, .kaf-console .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a url(/console/content/images/kaf-bg-sprite.png) 50% 50% repeat; color: #ffffff; background-position: 0px -1305px;}
.kaf-console .ui-state-error a, .kaf-console .ui-widget-content .ui-state-error a, .kaf-console .ui-widget-header .ui-state-error a { color: #ffffff; }
.kaf-console .ui-state-error-text, .kaf-console .ui-widget-content .ui-state-error-text, .kaf-console .ui-widget-header .ui-state-error-text { color: #ffffff; }

/*warning*/
.kaf-console .ui-state-warning, .kaf-console .ui-widget-content .ui-state-warning, .kaf-console .ui-widget-header .ui-state-warning {border: 1px solid #cd0a0a; background: #cd0a0a url(/console/content/images/kaf-bg-sprite.png) 50% 50% repeat; color: #ffffff; background-position: 0px -1305px;}
.kaf-console .ui-state-warning a, .kaf-console .ui-widget-content .ui-state-warning a, .kaf-console .ui-widget-header .ui-state-warning a { color: #ffffff; }
.kaf-console .ui-state-warning-text, .kaf-console .ui-widget-content .ui-state-warning-text, .kaf-console .ui-widget-header .ui-state-warning-text { color: #ffffff; }

/*success*/
.kaf-console .ui-state-error, .kaf-console .ui-widget-content .ui-state-error, .kaf-console .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a url(/console/content/images/kaf-bg-sprite.png) 50% 50% repeat; color: #ffffff; background-position: 0px -1305px;}
.kaf-console .ui-state-error a, .kaf-console .ui-widget-content .ui-state-error a, .kaf-console .ui-widget-header .ui-state-error a { color: #ffffff; }
.kaf-console .ui-state-error-text, .kaf-console .ui-widget-content .ui-state-error-text, .kaf-console .ui-widget-header .ui-state-error-text { color: #ffffff; }


#kaf-feed-back-mod-container .ui-state-focus {
    background-color: #024A7A;
    margin: 0 auto;
    font-weight: normal;
    opacity: .9;
    height: 60px;
    line-height: 60px;
    box-sizing:border-box;
    vertical-align: middle;
    color: #ffffff; 
    font-size: 12px; 
    font-weight: normal;
    border-bottom: 1px solid #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }
 
#kaf-feed-back-mod-container .ui-state-focus p {
    margin: 0;
    padding: 0; 
    font-size: 14px;
    text-shadow: -1px -1px 0 #000;
    line-height: 60px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }
    
#kaf-feed-back-mod-container .ui-state-focus p:before {
    display: inline-block;
    padding-right: 2px;
    font-family: 'df-icomoon';
    content: "\e66b";
    font-size: 16px;
    line-height: 12px;
    color: #ffffff;
    font-weight:  normal;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }
    
#kaf-feed-back-mod-container .ui-state-error {
    background-color: #CD0A0A;
    margin: 0 auto;
    font-weight: normal;
    opacity: .9;
    height: 60px;
    line-height: 60px;
    box-sizing:border-box;
    vertical-align: middle;
    color: #ffffff; 
    font-size: 12px; 
    font-weight: normal;
    border-bottom: 1px solid #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }
 
#kaf-feed-back-mod-container .ui-state-error p {
    margin: 0;
    padding: 0; 
    font-size: 14px;
    text-shadow: -1px -1px 0 #000;
    line-height: 60px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }
    
#kaf-feed-back-mod-container .ui-state-error p:before {
    display: inline-block;
    padding-right: 2px;
    font-family: 'df-icomoon';
    top: 8px;
    content: "\e651";
    font-size: 18px;
    line-height: 50px;
    color: #ffffff;
    font-weight:  normal;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }








.ui-state-highlight, .kaf-console .ui-widget-content .ui-state-highlight, .kaf-console .ui-widget-header .ui-state-highlight  {
    font-weight: normal;
    vertical-align: middle;
    color: #024A7A; 
    }
    
.kaf-console .ui-state-highlight p {
    margin: 0;
    padding: 25px 0 0 10px;
    font-size: 16px; 
    font-weight: normal; 
    }

.kaf-console .ui-state-highlight a, .kaf-console .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    display: inline-block;
    font-size: 14px;
    }

.kaf-screen-confirm {
    width: 100%; 
    margin: 0 auto;
    }

.kaf-button-confirm {
    display: block;
    padding: 5px 0 0 10px;
    }    

/* DATETIME PICKER  
----------------------------------------------- 
.kaf-console .ui-datepicker {box-shadow: 5px 5px 20px #666;}
.kaf-console .ui-timepicker-div .ui-widget-header{margin-bottom: 8px;}
.kaf-console .ui-timepicker-div dl{text-align: left;}
.kaf-console .ui-timepicker-div dl dt{height: 25px;}
.kaf-console .ui-timepicker-div dl dd{margin: -25px 0 10px 65px;}
.kaf-console .ui-timepicker-div td {font-size: 90%;}

.kaf-console .ui-button {padding: 2px; margin: 3px; font-size: 11px;}
.kaf-console .ui-button-text { font-size: 11px;}

.kafAdminNav {width: 1004px; margin: 0 auto 10px auto;}
.kafAdminNav .ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-text-only {padding: 2px; height: auto; margin: 0; font-size: 10px;}
.kafAdminNav span.ui-widget-header {margin-top: 1px; margin-bottom: 1px; padding: 10px;}*/


/* META TAG BUILDER 
----------------------------------*/
#kaf-meta-tag-builder{font-family: Consolas, Lucida Console, monospace;color:black;font-size:12px;}	
.kaf-meta-remove-tag{position:absolute; right:0px; top:0px; width:15px; height:15px; background-color:red; color:white;cursor: pointer; text-align:center; background-image: url('/console/content/images/kaf-bg-sprite.png'); background-repeat: no-repeat; background-position: 0 -210px; border: solid 1px #990000; box-shadow: 1px 1px 2px #333;}
.kaf-meta-props-ol{list-style: none;padding: 8px 0 11px 0; margin:0px; background-color: #EAEEF2; overflow: hidden; width: 920px; position: relative; height: 9px;}
.kaf-meta-props-ol:nth-child(even){background-color:white;}
.kaf-meta-props{float:left;padding:0px;margin:0px;color:#024A7A;}
.kaf-meta-open-tag{padding:4px 5px 0 5px; cursor:pointer; background-image: url(/Console/Content/Images/kaf-icons-sprite.png); float: left; background-position: -238px -134px; width: 10px; height: 10px; background-repeat: no-repeat; overflow: hidden; content: url(/Console/Content/Images/kaf-icons-sprite.png);}

.kaf-editor-for-block .kaf-meta-props-ol{list-style: none;padding: 8px 0 11px 0; margin:0px; background-color: #EAEEF2; overflow: hidden; width: 430px; position: relative; height: 9px;}

.kaf-meta-props .kaf-meta-prop-req{color:#024A7A;}		
.kaf-meta-props .kaf-meta-property{color:#024A7A;}
.kaf-meta-props .kaf-meta-property:hover{outline: none;} 
.kaf-meta-props .kaf-meta-property-val{color:#666;color:#024A7A;}
.kaf-meta-props .kaf-meta-property-val:hover{outline: none;}
.kaf-meta-display-tag-open{color:#024A7A;float:left; padding-right:10px;width:30px;}
.kaf-meta-display-tag-closed{color:#024A7A;float:left; padding-right:10px;}
.kaf-meta-add-prop{display:none;}
.kaf-meta-selected{height:auto;}
.kaf-meta-selected .kaf-meta-open-tag{padding:4px 5px 0 5px; cursor:pointer; background-image: url(/Console/Content/Images/kaf-icons-sprite.png); float:left; background-position: -255px -134px; width: 10px; height: 10px; background-repeat: no-repeat; overflow: hidden; content: url(/Console/Content/Images/kaf-icons-sprite.png);}
.kaf-meta-selected .kaf-meta-props .kaf-meta-prop-req{color:#024A7A;}
.kaf-meta-selected .kaf-meta-props{color:#666;float:none;list-style: none;padding:0 10px 0 20px;margin:0px;}
.kaf-meta-selected .kaf-meta-props .kaf-meta-property{color:black;}
.kaf-meta-selected .kaf-meta-props .kaf-meta-property:hover{outline: 1px dotted #CCC;} 
.kaf-meta-selected .kaf-meta-props .kaf-meta-property-val{color:black;}
.kaf-meta-selected .kaf-meta-props .kaf-meta-property-val:hover{outline: 1px dotted #CCC;}
.kaf-meta-selected .kaf-meta-add-prop {display: block; cursor: pointer;width: 15px;height: 15px; background-color: green; border: solid 1px #769E23; background-image: url('/console/content/images/kaf-bg-sprite.png'); background-repeat: no-repeat; background-position: 0 -312px;color:white;padding:0;margin:0 0 0 20px;text-align:center; box-shadow: 1px 1px 2px #333;}
.kaf-meta-selected .kaf-meta-display-tag-open{color:#666;float:none; padding-right:10px;}
.kaf-meta-selected .kaf-meta-display-tag-closed{color:#666;float:none; padding-right:10px;}

/* MultiSelect JQuery Plugin */
.kaf-console .ui-multiselect {
     -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0),0 -1px 0 rgba(0, 0, 0, 0.02),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.45),0 0 2px rgba(74,139,217,0),0 -1px 0 rgba(0,0,0,0.02),inset 0 1px 0 rgba(0,0,0,0.04),inset 0 2px 0 rgba(0,0,0,0.02),inset 1px 0 0 rgba(0,0,0,0.04),inset -1px 0 0 rgba(0,0,0,0.04);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45),0 0 2px rgba(74, 139, 217, 0),0 -1px 0 rgba(0, 0, 0, 0.02),inset 0 1px 0 rgba(0, 0, 0, 0.04),inset 0 2px 0 rgba(0, 0, 0, 0.02),inset 1px 0 0 rgba(0, 0, 0, 0.04),inset -1px 0 0 rgba(0, 0, 0, 0.04);
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
    font-size: 16px; 
    font-style: normal!important;
    font-weight: normal;
    text-decoration: none!important;
    cursor: pointer; 
    width: 93% !important;
    min-width: 430px;
    padding: 8px; 
    text-align:left;
    background-color: #FCFCFC;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(255, 255, 255, 0)),color-stop(100%,rgba(0, 0, 0, 0.03)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0),rgba(0, 0, 0, 0.03));
    background-image: -moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.03));
    background-image: -o-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.03));
    background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(0, 0, 0, 0.03));
    border: 1px solid #C6C6C6;
    border-top-color: #D1D1D1;
    border-bottom-color: #BFBFBF;
    -webkit-box-shadow: inset 0 1px 0 0 #FFF,inset 0 0 1px 1px rgba(255, 255, 255, 0.3),0 1px 3px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: inset 0 1px 0 0 white,inset 0 0 1px 1px rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.03);
    box-shadow: inset 0 1px 0 0 #FFF,inset 0 0 1px 1px rgba(255, 255, 255, 0.3),0 1px 3px rgba(0, 0, 0, 0.03); }
.kaf-console .ui-multiselect span.ui-icon { float:right }
.kaf-console .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.kaf-console .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }
.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
.kaf-console .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* 
html .ui-multiselect-checkboxes label { border:none }




/*
 * jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.kaf-console .ui-helper-hidden { display: none; }
.kaf-console .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.kaf-console .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.kaf-console .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.kaf-console .ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.kaf-console .ui-helper-clearfix { display:block; }
/* end clearfix */
.kaf-console .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.kaf-console .ui-state-disabled { cursor: default !important;}

/* states and images */
.kaf-console .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Overlays */
.kaf-console .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Arial&fwDefault=bold&fsDefault=1.1em&cornerRadius=8px&bgColorHeader=eeeeee&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=cccccc&fcHeader=002d61&iconColorHeader=002d61&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=424242&iconColorContent=3399cc&bgColorDefault=cccccc&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=002d61&iconColorDefault=002d61&bgColorHover=eeeeee&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=100&borderColorHover=cccccc&fcHover=002d61&iconColorHover=002d61&bgColorActive=efefef&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=100&borderColorActive=cccccc&fcActive=002d61&iconColorActive=002d61&bgColorHighlight=eeeeee&bgTextureHighlight=07_diagonals_small.png&bgImgOpacityHighlight=25&borderColorHighlight=cccccc&fcHighlight=002d61&iconColorHighlight=002d61&bgColorError=cd0a0a&bgTextureError=07_diagonals_small.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=efefef&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=80&opacityShadow=50&thicknessShadow=0px&offsetTopShadow=7px&offsetLeftShadow=7px&cornerRadiusShadow=4px
 */


/* Component containers
----------------------------------*/
.kaf-console .ui-widget {
    font-family: Arial, san-serif; 
    width: 100%;
    }

.kaf-console .ui-widget .ui-widget {}

.kaf-console .ui-widget input, .kaf-console .ui-widget select, .kaf-console .ui-widget textarea, .kaf-console .ui-widget button {
    font-family: Arial, san-serif;
    }

.kaf-console .ui-widget-content a {
    color: #424242;
    }
       
.kaf-console .ui-widget-header a { 
    color: #024A7A;
    }


/* Interaction states
----------------------------------*/
.kaf-console .ui-state-default, .kaf-console .ui-widget-content .ui-state-default, .kaf-console .ui-widget-header .ui-state-default {
    background-color: #f5f5f5;  
    color: #024A7A; 
    border-radius: 0;
    }
    
.kaf-console .ui-state-default a, .kaf-console .ui-state-default a:link, .kaf-console .ui-state-default a:visited { 
    color: #024A7A;
    text-decoration: none; 
    }

.kaf-console .ui-state-hover a, .kaf-console .ui-state-hover a:hover { 
    color: #024A7A; 
    text-decoration: none; 
    }
    
.kaf-console .ui-state-active, .kaf-console .ui-widget-content .ui-state-active, .kaf-console .ui-widget-header .ui-state-active { 
    background-color: #0072A8; 
    color: #ffffff;
    }
    
.kaf-console .ui-state-active a, .kaf-console .ui-state-active a:link, .kaf-console .ui-state-active a:visited { 
    background: #0072A8; 
    color: #ffffff; 
    text-decoration: none; 
    }
    
.kaf-console .ui-widget :active { 
    outline: none; 
    }
    
.AnyTime-win .ui-state-highlight,
.AnyTime-win .ui-widget-content .ui-state-highlight,
.AnyTime-win .ui-widget-header .ui-state-highlight {
	border: 1px solid #0072A8 !important;
	background: #0072A8 !important;
	color: #ffffff !important;
	text-align: center;
    }
    
.AnyTime-win .kaf-console .ui-widget-content {
    border: 1px solid #CCC;
    background: #FFF;
    color: #222;
    box-shadow: 1px 1px 1px #333;
    }

/* Interaction Cues
----------------------------------*/
.kaf-console .ui-priority-primary, .kaf-console .ui-widget-content .ui-priority-primary, .kaf-console .ui-widget-header .ui-priority-primary { font-weight: bold; }
.kaf-console .ui-priority-secondary, .kaf-console .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.kaf-console .ui-state-disabled, .kaf-console .ui-widget-content .ui-state-disabled, .kaf-console .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }



/* Misc visuals
----------------------------------*/

/* Corner radius 
.kaf-console .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.kaf-console .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.kaf-console .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.kaf-console .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.kaf-console .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }

.kaf-console .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.kaf-console .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.kaf-console .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/

/* Overlays */
.kaf-console .ui-widget-overlay { background: #efefef url(/console/content/images/kaf-bg-sprite.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); overflow: hidden; background-position: 0px -968px;}
.kaf-console .ui-widget-shadow { margin: 7px 0 0 7px; padding: 0px; background: #000000 url(/console/content/images/kaf-bg-sprite.png) 50% 50% repeat-x; opacity: .50; filter:Alpha(Opacity=50); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; background-position: 0px -1364px;}


/* 
 * jQuery UI Selectable 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.kaf-console .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

/*
 * jQuery UI Slider 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.kaf-console .ui-slider { position: relative; text-align: left; }
.kaf-console .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.kaf-console .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.kaf-console .ui-slider-horizontal { height: .8em; }
.kaf-console .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.kaf-console .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.kaf-console .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.kaf-console .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.kaf-console .ui-slider-vertical { width: .8em; height: 100px; }
.kaf-console .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.kaf-console .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.kaf-console .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.kaf-console .ui-slider-vertical .ui-slider-range-max { top: 0; }

/*
 * jQuery UI Tabs 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
 
.kaf-console .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.kaf-console .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.kaf-console .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.kaf-console .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.kaf-console .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.kaf-console .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .kaf-console .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .kaf-console .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.kaf-console .ui-tabs .ui-tabs-nav li a, .kaf-console .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.kaf-console .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.kaf-console .ui-tabs .ui-tabs-hide { display: none !important; }


/*
 * jQuery UI Datepicker 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 
.kaf-console .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background-color: #fefefe;}
.kaf-console .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.kaf-console .ui-datepicker .ui-datepicker-prev, .kaf-console .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.kaf-console .ui-datepicker .ui-datepicker-prev-hover, .kaf-console .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.kaf-console .ui-datepicker .ui-datepicker-prev { left:2px; }
.kaf-console .ui-datepicker .ui-datepicker-next { right:2px; }
.kaf-console .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.kaf-console .ui-datepicker .ui-datepicker-next-hover { right:1px; }
.kaf-console .ui-datepicker .ui-datepicker-prev span, .kaf-console .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.kaf-console .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.kaf-console .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.kaf-console .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.kaf-console .ui-datepicker select.ui-datepicker-month, 
.kaf-console .ui-datepicker select.ui-datepicker-year { width: 49%;}
.kaf-console .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.kaf-console .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.kaf-console .ui-datepicker td { border: 0; padding: 1px; }
.kaf-console .ui-datepicker td span, .kaf-console .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.kaf-console .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.kaf-console .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.kaf-console .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.kaf-console .ui-timepicker-div{height:60px;} */

/* with multiple calendars
.kaf-console .ui-datepicker.ui-datepicker-multi { width:auto; }
.kaf-console .ui-datepicker-multi .ui-datepicker-group { float:left; }
.kaf-console .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.kaf-console .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.kaf-console .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.kaf-console .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.kaf-console .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.kaf-console .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.kaf-console .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.kaf-console .ui-datepicker-row-break { clear:both; width:100%; }  */

/* RTL support 
.kaf-console .ui-datepicker-rtl { direction: rtl; }
.kaf-console .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.kaf-console .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.kaf-console .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.kaf-console .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.kaf-console .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.kaf-console .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.kaf-console .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.kaf-console .ui-datepicker-rtl .ui-datepicker-group { float:right; }
.kaf-console .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.kaf-console .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } */

/*.kaf-console .ui-datepicker-cover {
    display: none; /*sorry for IE5
    display/**/: block; /*sorry for IE5
    position: absolute; /*must have
    z-index: -1; /*must have
    filter: mask(); /*must have
    top: -4px; /*must have
    left: -4px; /*must have
    width: 200px; /*must have
    height: 200px; /*must have
    } */

/*
 * jQuery UI Progressbar 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.kaf-console .ui-progressbar { height:2em; text-align: left; }
.kaf-console .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }


/* TABS ON CONFIG AND APP PAGES
----------------------------------------- */
.kaf-console-tab-header {
    height: 65px;
    background-color: #024A7A;
    margin: -20px 0 0 0;
    overflow: hidden;
    z-index: 3;
    position: relative;
    padding-left: 12px;
    }

.kaf-console-tab-header ul {
    margin-left: -45px;
    list-style: none;
    margin-top: 34px;
    }

.kaf-console-tab-header ul li {
    float: left;
    height: 32px;
    }

.kaf-console-tab-header ul li[id*="ActiveTab"] {
    background-color: #0072A8;
    margin: 0 0 0 2px;
    border: 1px solid #002d61;
    text-shadow: 0px -1px 0 #002D61;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }

.kaf-console-tab-header ul li:hover[id*="ActiveTab"] {
    background-color: #00375E;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    }

.kaf-console-tab-header ul li#ActiveTab {
    background-color: #fff;
    border: 1px solid #002d61;
    }

.kaf-console-tab-header .kaf-console-tab-crumbs a {
    color: #fff;
    font-size: 12px;
    padding: 9px 0;
    margin: 0 17px;
    text-shadow: -1px -1px 0 #002D61;
    text-decoration: none;
    height: 34px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .04em;
    }

.kaf-console-tab-header .kaf-console-tab-crumbs #ActiveTab a {
    color: #005480;
    text-shadow: none !important;
    }

/* LOADING ICON FONT
----------------------------------------- */
@font-face {
	font-family: 'df-icomoon';
	src:url('/console/content/fonts/df-icomoon.eot');
	src:url('/console/content/fonts/df-icomoon.eot') format('embedded-opentype'),
		url('/console/content/fonts/df-icomoon.woff') format('woff'),
		url('/console/content/fonts/df-icomoon.ttf') format('truetype'),
		url('/console/content/fonts/df-icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}