/* **********************************************************************************************************

    CSS DIRECTORY

0. ~COKESBURY
1. ~THUMBSCROLLER
2. ~MASTER
3. ~SHOPPING CART
4. ~PRODUCT LISTING
5. ~COKESBURY SIX
6. ~COLOR BOX
7. ~MEGAMENU
8. ~TREEVIEW
9. ~TOOLTIP
10. ~CURRICULUM
11. ~AUTOMATIC SHIPMENT
12. ~MOBILE
********************************************************************************************************** */

/* **********************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************

0. ~COKESBURY BEGINS HERE....

*************************************************************************************************************
*************************************************************************************************************
********************************************************************************************************** */

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
    /* Default size for 'medium' text in all modern browsers is 16px. Reduce entire document by setting body size to 75% , 12px */
    /*From now on set sizes in terms of ems: 10px .625em, 11px .688em, 12px .75em, 14px .875em, 16px 1em,  18px 1.125em. 24px 1.5em */
    font-size: 75%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal; 
	text-align: left; 
    color: #333;
    margin: 0px;
}

select,
input,
button {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.defaultText {text-align: left; font-size: 1em; color: #000000; font-family: Arial, Verdana, Helvetica, Sans-Serif;}

a {
    cursor:pointer;
}
a:link,
a:visited,
a:active { 
    text-decoration: none; 
    color: #3083b9;
    cursor:pointer;
}
a:hover { 
    text-decoration: underline; 
    color: #3083b9;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.floatleft {float: left;}
.floatright {float: right;}
.margin10Right {
        margin-right:10px !important;
    }
.margin10Left {
        margin-left:10px !important;
    }
.margin30Left {
        margin-left:30px ;
    }
.uppercase {
    text-transform:uppercase;
}
.underline {
    border-bottom:1px solid #ccc;
}
#divHeaderBar {
	width: 100%;
	height: 40px;
	background-color: #3083b9;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
	}

#divHeaderColumn1 { width: 25%; float: left;}
#divHeaderColumn2 { width: 50%; float: left;}
#divHeaderColumn3 { width: 25%; float: left; text-align: right; vertical-align: bottom;}

.alignTop {
    vertical-align:top !important;
}
.alignTopFormLabel {
    vertical-align:top !important;
    padding-top: 9px !important;
}
.required {
	color:#cc0000;
}

/************************************************************************************
HEADER BAR END
*************************************************************************************/

/************************************************************************************
BODY STRUCTURE
*************************************************************************************/
#divBodyContent { width: 100%; padding: 0px; margin: 0px;}
.divBodyColumn1 { width: 25%; float: left;}
.divBodyColumn2 { width: 75%; float: left;}
.divBodyColumnFull {width: 100%; /*The border is a fix for firefox only*/ border: 1px solid #fff;}
.divColumn2 {margin: 10px 10px 10px 10px; }
.divMasterColumn1 {padding:0;}
.tblPayBillForms .divBodyColumn1 {
    width:35%;
}

/************************************************************************************
BODY STRUCTURE END
*************************************************************************************/


/************************************************************************************
SEARCH AUTOCOMPLETE
*************************************************************************************/

.ui-autocomplete { position: absolute; cursor: default; z-index: 1000 !important; margin-top: -6px !important; width: 360px !important;}   

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
	background-color: #ffffff;
	border: 1px solid #666666;

}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	color: #3083b9;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
	background-color: #ffff99;
}

/************************************************************************************
END AUTOCOMPLETE
*************************************************************************************/


/************************************************************************************
SLIDERS
*************************************************************************************/
.divSliderCatTitle {
	display: inline; 
	position: relative; 
	top: 10px; 
	background-color: #ffffff;
	padding: 0px 10px 0px 10px;
	left: 12px;
	z-index: 45;
	font-size: 1.4em;
	color: #3083b9;
	}

a.linkdivSliderCatTitle:link {color: #3083b9; text-decoration: none;}
a.linkdivSliderCatTitle:active {color: #3083b9; text-decoration: none;}
a.linkdivSliderCatTitle:visited {color: #3083b9; text-decoration: none;}
a.linkdivSliderCatTitle:hover {color: #3083b9; text-decoration: underline;}

.divSliderMain {
	border: 1px solid #3083b9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	height: 240px;
}

/************************************************************************************
END SLIDERS
*************************************************************************************/



/************************************************************************************
PRODUCT DETAIL
*************************************************************************************/


	
.divPurchaseHereContainer {
	padding: 15px 10px 0;
	background-color:#fff;
    margin-top:10px;
	min-height: 120px;
	text-align: left;
	}    

	
/************************************************************************************
END PRODUCT DETAIL
*************************************************************************************/

/************************************************************************************
INPUT & BUTTON STYLES
*************************************************************************************/
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    margin:0;
    vertical-align:middle;
    background: #fff;
    border: 1px solid #ccc;
    padding: 7px 7px 7px 5px;
    border-radius: 5px;
    display: inline-block;
    outline: none;
    font-size: 1.1em;
    /*font-weight: bold;*/
    color: #333;
    -webkit-appearance:none;
    box-shadow:none;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-indent:3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
    border-color:#a5a5a5;
}
input[type="text"].inputQty {
    width:40px;
    text-align:center;
}
/* custom select box */
select::-ms-expand{
  display:none;
}
.customSelect {
    /*margin:3px 0;*/
    margin:0;
    width:100%;
    vertical-align:middle;
    display:inline-block;
    /*height:34px;*/
    padding: 0;
    border:1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background-repeat: no-repeat;
    -ms-background-position: right 10px center;
    background-position: right 10px center;
    background-color:#fff;
    background-image:url(../imago/aarows/aarow_down.png);
    background-image:none\9;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
    box-sizing:border-box;
}
    .customSelect:hover {
        background-image:url(../imago/aarows/aarow_down_orange.png);
    }
    


.customSelect select {
    border-radius:0;
    cursor: pointer;
    display:inline-block;
    background: transparent;
    padding: 6px 30px 6px 5px;
    padding: 6px 8px 6px 5px\9;
    font-size: 1.1em;
    color: #333;
    /*text-transform: uppercase;
    font-weight: bold;*/
    line-height: 1em;
    border: 0;
   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline:none;
}

.customSelect select option {
    margin:5px;
    border:0;
}

.divAddToCartWrapper {position: relative; display: block;}

.divQtyWrapper {
	position:absolute; 
	top: 5px; 
	left:10px;
	margin-top: 0px; 
	z-index: 40;
	color: #ffffff;
	font-size: .9em;
	font-weight: normal;
	
	}
	
	.tdPurchaseInput {font-size: .9em;}
.divAddToCartButton {
	margin-top: 0px;
	top: 0px; 
	left:0px;
	z-index: 1;
	}


.btnDetailAddToCart {
	background-color:#900;
	display:inline-block;
	border: none;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	cursor: pointer;
	width: 100%;}
	
.btnAddToExtra {
	background-color:#3083b9;
	display:inline-block;
	border: none;
	color:#ffffff;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	cursor: pointer;
	margin-top: 3px;
	margin: 2px auto 2px auto;}

.btnDetailAddToCart:hover {background-color:#cc0000;}
.btnDetailAddToCart:active {position:relative; top:1px;}

/************************************************************************************
SIDE NAV
*************************************************************************************/



/*member settings*/
.eStatementSignUpWrapper {
    border: solid 1px #339900; 
    padding: 24px;
    margin-bottom:10px;
}
.estateTimesleft {
    display:inline-block;
    width:200px;
    text-align:right;
    margin:3px 0;
}
.estateTimesRight {
    display:inline-block;
    text-align:left;
    margin:3px 0;
}

.AutoShipLoginWrapper {
    margin:20px 10px;
}

.LeftNavMemberSettings.divLeftColumnSubNav {
    padding: 20px 10px 10px 0px;
}
.twoColumnLeftWrapper {
    height:100%;
    margin:0;
	padding:0;
    float: left;
    width:275px;
}
.divBodyNavContainer.twoColumnNav {
    height:100%;
    margin:0;
	padding:0;
    float: left;
    width: 230px;
	/*position:absolute;
    border-right: 1px solid #a5a5a5;*/
}
.divBodyNavContainer.twoColumnNav .divDcLeftNavHelp {
    padding:0;
    width:auto;
    border:none;
    float:none;
}
.divDcLeftNavHelp {
    height:100%;
    margin:0;
	padding:10px 0 0 20px;
    float: left;
    width: 230px;
    border-right:1px solid #ccc;
}
.body.two table {
    padding-right:20px;
}

.divBodyContentContainer.twoColumnBody {
    float: none;
    width: auto;
    overflow: hidden;
    height:100%;
    margin:0;
    padding:0;
    vertical-align:top;

}
.twoColumnRightWrapper {
    float: none;
    width: auto;
    overflow: hidden;
    height:100%;
    margin:0;
    padding:0;
    vertical-align:top;
    margin-left:275px;
}

.Curriculum .twoColumnBodyPadding {
    padding: 10px 0 10px 10px;
}
.twoColumnBodyPadding {
    padding: 20px 0 20px 20px;
}
    td > .twoColumnBodyPadding {
        padding: 20px 0 20px 15px;
    }
.twoColumnBodyPadding table {
    border-spacing: 1px;
}
.ListHeader {
    text-align: left;
    padding: 20px 5px 10px 10px;
    /* background-color: #3083b9; */
    margin: 0;
    color: #666;
    /* font-weight: bold; */
    font-size: 16px;
    display: block;
}
.divLeftSubNavSectionTitle {
	border-top:1px solid #ccc;	
	border-bottom:1px solid #ccc;
	padding:5px 10px;	
	margin:0 0 5px;
	font-size:14px;
    font-weight: bold; 
    color: #666; 
    text-transform: uppercase; 
}
.divLeftColumnSubNav {
    background-color: inherit;
    /*border-right: 1px solid  #A5A5A5;*/
    border-image: none;
    border-radius: 0px;
    margin: 0px;
    text-align: left;
    padding: 10px 10px 10px 0px;
    list-style:none;
}

.divLeftColumnSubNav ul {
	list-style:none;
	padding:0;
	margin:10px 0;
	font-size:14px;
}
.divLeftColumnSubNav ul ul {
    margin:3px 0 10px 3px;
}
.divLeftColumnSubNav ul li {
	padding:1px 0 1px 10px;
}
.divLeftColumnSubNav ul li a,
.divLeftColumnSubNav ul li a:visited {
	color:#666;

}
.divLeftColumnSubNav ul li a:hover,
.divLeftColumnSubNav ul li a:active {
	color:#3083B9;
	text-decoration:underline;
}
.divLeftColumnSubNav ul li.selected a {
	color:#3083B9;
	font-weight:bold;
}
.divLeftColumnSubNav table {
    font-size:14px;
}
.divLeftColumnSubNav table a {
    color:#727272;
    padding-left:10px;
    line-height:18px;
    display: block;
}
.divLeftColumnSubNav table a:first-child {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 5px 10px;
    margin: 0px 0px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
}
    .divLeftColumnSubNav table a:hover {
        color:#3083B9;
    }

.dynamicContentHelpWrapper {
    padding:20px;
}
    .dynamicContentHelpWrapper .divLeftColumnSubNav a {
    }

#topNav li li a.active {
    background:none;
}
/*end member settings*/

.divLeftNavDCWrapper {
	margin-top: 15px;
    line-height: 18px;
    font-size:1em;
    border: 1px solid #a5a5a5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px 10px 10px 10px; margin-bottom: 20px;
}
.MobileClickMeArrowWrapper,
.MobileMemberSettingsHeader {
    display:none;
}

.divSideNavWrapper {
	margin-top: 20px;
	}

.divSideNavHeader {
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	background-color: #3083b9;
	font-weight: bold;  
	/* Border Radius */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}

.tblSideNavWrapper
{
	width: 100%;
	
	}

.tblSideNavWrapper, .tblSideNavWrapperList
{
	width: 100%;
	/* Border Radius */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	}
.tblSideNavWrapper a {
    font-size:14px;
    line-height:18px;
    color:#666;
}

.tblSideNavWrapperList td {
	border-top: 1px solid #dedede;
	} 

.tblSideNavWrapperListArrowUp 
{
    float: right;
    position: relative;
    top: 5px;
}

.tblSideNavWrapperListArrowDown
{
    float: right;
    position: relative;
    top: 5px;
    display: none;
}

.CollapsableHeader
{
    cursor: hand;
    cursor: pointer;
}

/* COKESBURY NEXT CHANGES */



.divLeftSubNavLink {padding-left: 15px; min-height: 15px;}
.divLeftSubNavLinkActive {background-image:url('../imago/icons/BlueCheck.png'); background-position: left; background-repeat: no-repeat; padding-left: 15px; min-height: 15px;}
a.linkLeftSubNav:link {}
a.linkLeftSubNav:active {}
a.linkLeftSubNav:visited {}
a.linkLeftSubNav:hover {color: #666666;}
.ulLeftColumnNav li {line-height: 1.5em;}


/* END COKESBURY NEXT CHANGES */

/************************************************************************************
SIDE NAV END
*************************************************************************************/

/************************************************************************************
ADVERTISEMENTS
*************************************************************************************/

	
.imgAdvertisement {
	margin-bottom: 10px;
	border: none;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}
 

	  
/************************************************************************************
END ADVERTISEMENTS
*************************************************************************************/

/************************************************************************************
PRODUCT IMAGES
*************************************************************************************/
.imgSmallProduct {
	width: 54px;
	border: none;
	}

#divSamllImageWrapper {
	position: relative;
	display: block;
	}


.divSmallImageHolder { 
	margin-top: 0px;
	top: 0px; 
	left:0px;
	z-index: 1;
	}
  

#divMediumImageWrapper {
	width: 108px;
	display: inline-block;
	position: relative;
	
	}

.divMediumImageHolder { 
	margin-top: 0px;
	top: 0px; 
	left:0px;
    width: 140px;
    height: 210px;
    vertical-align: bottom;
    overflow: hidden;
    position: relative;
	}

.divMediumImageHolder img {border: none; position:absolute; bottom: 0; left: 0;max-height:210px;}


.divMediumImageDiscount {display: none; visibility: hidden;}
	
.spanNewPriceLabel {color: #3083b9; font-weight: normal; text-transform: none;}


	
.divLargeImageWrapper
{
	margin: 20px 10px 10px 0px;
	text-align: center;
	}
	
.divLargeImageContainer 
{
	margin: auto;
	width: 100%;
	max-width: 220px;
	position: relative;
	display: block;
	}    

.imgDetailProduct {
	width: 100%;
	max-width: 220px;
	height: auto;
	border: 1px solid #999999;
	}

.divDiscountLarge {
	width: 100%;
	background-color: #cc0000;
	font-size: 1em;
	text-align: center;
	color: #ffffff;
	position: relative;
	margin-top: 1px;  
	}

/************************************************************************************
PRODUCT IMAGES END
*************************************************************************************/


/************************************************************************************
FOOTER
*************************************************************************************/
.footerSignUpWrapper {
    margin: 10px 0px;
    vertical-align: middle;
    
    display: inline-block;
    outline: medium none;
    font-size: 1.1em;
    color: #333;
    width:100%;
    text-align:left;
    position:relative;
}
    .footerSignUpWrapper input[type="email"] {
        border:none;
        padding:0;
    }
    .signUpIntroCopy {
        color:#666;font-size:1.2em;
    }
    .footerSignUpWrapper .footerSignUpInput {
        background: #FFF none repeat scroll 0% 0%;
        border: 1px solid #CCC;
        padding: 7px 7px 7px 5px;
        -moz-box-sizing: border-box;-webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 5px;
    }
    .footerSignUpWrapper .footerSignUpButton {
        
        position:absolute;
        right:-15px;
        top:0;
        height:100%;
        
    }
        .footerSignUpWrapper .footerSignUpButton input[type="button"] {
            background-color:#727272;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            cursor:pointer;
            color:#fff;
            border:none;
            height:100%;
            -webkit-appearance:none;
        }
        .footerSignUpWrapper .footerSignUpButton input[type="button"]:hover {
            background-color:#666;
        }
#divFooterWrapper {
	margin: 10px;
	padding: 10px;
	border: 1px solid #999999;
	/* Border Radius */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	

	
a.FooterLink:link { text-decoration: none;  font-size: 1em; color: #999999; }
a.FooterLink:visited { text-decoration: none;  font-size: 1em; color: #999999; }
a.FooterLink:active { text-decoration: none;  font-size: 1em; color: #999999; }
a.FooterLink:hover { text-decoration: underline;  font-size: 1em; color: #999999; }

#divLegalWrapper {
	margin: 10px;
	padding: 10px;

	}
  
  .divCopyRight {float: left; color: #999999; font-size: 1em;}
  .divSecuritySeal {float: right; padding: 10px;}  
  
/************************************************************************************
FONT STYLES
*************************************************************************************/


.divSectionTitle {color: #3083b9; font-size: 1.25em;}
.divSectionSubTitle {color: #3083b9; font-size: 1em; font-style:italic;}
.divError {color: #900; font-size: 1.25em; text-align: center; padding: 5px; font-weight: bold;}

.divPageTitle {color: #3083b9; font-size: 2em;}
.divBreadcrumbs {color: #999999; font-size: .875em;}

.textAlert {color: #900; font-size: 1.25em;}

/* COKESBURY NEXT CHANGES */
.PageTitle {color: #3083b9; font-size: 2em;}
.SectionTitle {
    border-bottom: 1px solid #ccc; color: #999999; text-transform: uppercase; font-size: 1.125em; margin: 10px 0px 10px 0px; font-weight: bold;}
/* END COKESBURY NEXT CHANGES */

/************************************************************************************
GENERAL CONTENT STYLES
*************************************************************************************/



.tdLabel {font-weight: bold; text-align: right; padding: 4px; vertical-align: top;}
.tdContent {text-align: left; padding: 4px; vertical-align: top;}    

/************************************************************************************
SHOPPING CART STYLES
*************************************************************************************/
.divShoppingCart {width: 100%; padding: 0px; margin: 0px; }

.tblShoppingCart {
    background-color: #fff;
}
.tblShoppingCart th {background-color: #3083b9; color: #ffffff; padding: 2px;}
.shoppingCartImage {text-align: center; width: 75px;} .shoppingCartNumber {text-align: left;} .shoppingCartTitle {text-align: left;} .shoppingCartPrice {text-align: right; width: 75px;} .shoppingCartQty {text-align: center; width: 75px;}
.cartImage {padding: 5px;}
.tblShoppingCart tr { border-top: 1px dotted #666666;}
.tblShoppingCart tr:first-child { border: none; } .tblShoppingCart tr:nth-child(2) { border: none; }


/************************************************************************************
PRODUCT LIST STYLES
*************************************************************************************/

.tblPagingWrapper {width: 100%; border: 1px solid #999999; padding: 5px;}
.tdPagingOf { text-align: left; font-size: .875em; padding-left: 5px;}
.tdPagingNumbers {text-align: center; font-size: .875em; }
.tdPagingNumbers a:link {color: #999999;}
.tdPagingSort {text-align: right;}
.ddlPageSort {font-size: .875em;}
.tdGridList {text-align: right !important;}

.divListingWrapper {display: inline-block; vertical-align: top; width: 180px; margin: 20px 10px; padding-bottom: 0px; text-align: center; -ms-text-justify: auto; text-justify: distribute; border-bottom: none;}
.divImageWrapper {
    width: auto;
    height: auto;
    max-width: 160px; 
    max-height: 240px; 
    padding: 8px;
}
.divImageWrapper img {
    /*width: 160px; height: 240px; border: none;*/
    width: auto;
    max-width: 140px;
    height: auto;
    max-height: 210px;
    border: none;
}

.divListingImageWrapper {
    width: 140px;
    height:230px;
	display: block;
	position: relative;
	text-align: center;
	float: none;
	margin: 0px 20px;
	}

.divListingContentWrapper {
	display: block;
	float: none;
	font-size: 12px;
	}

a.listingTitleLink:link {color: #3083b9; font-size: 1em; text-decoration: none;}
a.listingTitleLink:active {color: #3083b9; font-size: 1em; text-decoration: none;}
a.listingTitleLink:visited {color: #3083b9; font-size: 1em; text-decoration: none;}
a.listingTitleLink:hover {color: #3083b9; font-size: 1em; text-decoration: underline;}
.listingSubTitleLink {color: #666666; font-size: 1em;}


.divListingPublisher {display: none; visibility: hidden;}
.tblListingContent {margin-left: auto; margin-right: auto;}
.trListingNumber {display: none; visibility: hidden;}
.trListingPubDate {display: none; visibility: hidden;}
.trListingAuthor {display: none; visibility: hidden;}
.divAuthorRepeater {display: none; visibility: hidden;}

.trListingRetail .tdLabel {font-size: 12px;}
.trListingRetail .tdContent {font-size: 12px;}
.discountPrice {color:#cc0000;font-size: 12px;}
.discountPrice .tdLabel {}
.discountPrice .tdContent {}
.tblListingContent .tdLabel {padding: 1px;}
.tblListingContent .tdContent {padding: 1px;}
.spanSalePercent {display: none; visibility: hidden;}

.ImprintingDiv {display: none; visibility: hidden;}

.divListingAddToCart {float: none; margin: 4px 0px 4px 0px;}
.ListingLinkAddToCart {
	background-color:#cc0000;
	display:inline-block;
	border: none;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 12px 3px 12px;
	text-decoration:none;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.ListingLinkAddToCart:hover {
	background-color:#990000;
	}
a.ListingLinkAddToCart:link {color: #ffffff; font-weight:bold;}
a.ListingLinkAddToCart:active {color: #ffffff; font-weight:bold;}
a.ListingLinkAddToCart:visited {color: #ffffff; font-weight:bold;}
a.ListingLinkAddToCart:hover {color: #ffffff; text-decoration:none; font-weight: bold;}

.divListingDownload {float: none; margin: 4px 0px 4px 0px;}
.ListingLinkDownload {
	background-color:#cc0000;
	display:inline-block;
	border: none;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 12px 3px 12px;
	text-decoration:none;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	}

.ListingLinkDownload:hover {
	background-color:#990000;
	}
a.ListingLinkDownload:link {color: #ffffff; font-weight:bold;}
a.ListingLinkDownload:active {color: #ffffff; font-weight:bold;}
a.ListingLinkDownload:visited {color: #ffffff; font-weight:bold;}
a.ListingLinkDownload:hover {color: #ffffff; text-decoration:none; font-weight: bold;}

.NarrowSearchSubTitle {font-size: 1.25em; color: #666666; font-weight: normal;}
.HtmlKeyMatches {font-size: 1.5em}

.tblSideNavWrapperList li { line-height: 1.5em;}
a.leftNavLink:link {font-size: 1em;}
	

/************************************************************************************
CRC LOCATOR STYLING
*************************************************************************************/

.divCRCBanner {
    width:100%; 
    margin:5px 0;
}
.divCRCBannerText {
    font-size:3em;
    color:#3083b9;
    padding:20px 5px 10px;


}
/*.divCRCBanner img {border: none; width: 100%;}*/
.divCRCBannerIcon {
    background: url("../imago/cokesbury_icon_blue.png") no-repeat;
    width: 50px;
    height:61px;
    background-size:100%;
    display:inline-block;
    vertical-align:middle;
}
.divCRCText {
    padding: 0 20px 0 5px;
    float:left;
    max-width: 40%;
    font-size:1.1em;
    line-height:1.3em;
}
.divCRCMap {
    float:left;
}
@media screen and (max-width: 1180px) {
    .divCRCText {
        max-width:100%;
    }
    .divCRCMap {
        float:none;
        text-align:center;
    }
}
.divCRCText2 {
    padding:20px 0 0;
    width:100%;
}
.divCRCSearch {
    margin-top:10px;
    padding-right: 20px;
    float:left;
}
.divCRCSearch .customSelect {
    width:auto;
    margin-right:5px;
}

.divRCOnlyDetails {padding: 20px 80px 20px 80px;}
.divCRCLocation {font-size: 18px; color: #666; border-bottom: 1px dotted #666;}
.divCRCPhoto {float: left; padding: 10px;}
.imgCRCPhoto {width: 120px; border: none;}
.imgCRCFacebook {border: none; margin-top: 10px;}
.divCRCInfo {float: left; padding: 10px; font-family: Arial, Verdana, Sans-Serif; font-size: 13px; line-height: 18px;}
.divCRCName {font-size: 14px; color: #3083b9; font-weight: bold;}

/************************************************************************************
CUSTOMER SERVICE STYLING
*************************************************************************************/
.divCustomerSupportWrapper {font-size: 12px; font-family: Arial, Verdana, sans-serif;}
.divCustomerSupportWrapper a {font-size: 12px; font-family: Arial, Verdana, sans-serif;}
.divCustomerSupportPageTitle {margin-top: 16px; font-size: 20px; font-family: Arial, Verdana, sans-serif; color: #3083b9;}
.divCustomerSupportSectionTitle {color: #999999; font-size: 14px; font-weight: normal; text-transform: uppercase; border-bottom: 1px dotted #666666; margin-top: 12px; font-family: Arial, Verdana, sans-serif;}
.divCustomerSupportInfoWrapper { }
.divCustomerSupportInfoLabel {color: #666; font-weight: bold; width: 170px; text-align: right; float: left; padding: 5px;}
.divCustomerSupportInfoText {text-align: left; float: left; padding: 5px; font-weight: bold;}

/************************************************************************************
BEGIN MY COKESBURY STYLES
*************************************************************************************/

.tblPasswordMultipleAccounts {width: 100%; border: 1px solid #999;}
.tblPasswordMultipleAccounts th {background-color: #3083b9; color: #ffffff; font-weight: bold; text-align: center; padding: 3px;}
.tblPasswordMultipleAccounts td {text-align: center; padding: 3px;}
.tblPasswordMultipleAccounts tr:nth-child(odd)		{ background-color:#eee; }
.tblPasswordMultipleAccounts tr:nth-child(even)		{ background-color:#fff; }
th.left, td.left {text-align: left; }

/************************************************************************************
END MY COKESBURY STYLES
*************************************************************************************/

/************************************************************************************
BEGIN REGISTRATION STYLES
*************************************************************************************/
#UserNameSuggestions {
        margin: 2px 10px;
    }
    #UserNameSuggestions p {
        color: #990000;
        text-align: center;
        margin: 3px 2px;
        padding: 1px 1px;
    }
    
/* 	RESULT STYLE  */
.testresult{
	font-weight: bold;
	font-size:11px;
	font-family: arial,helvetica,san-serif;
	color:#000;
	display: block;
	height:24px;
	text-transform: uppercase;
	vertical-align: middle;
    width: 93%;
    padding: 0 1px;
}
.testresult span{
	padding:0;
	margin: 5px 5px 0 0;
	display:block;
	float:right;
	white-space: nowrap;
}
.shortPass{
	border: 1px solid #990000;
	background:url(../imago/icons/delete.png) no-repeat 2px 2px;
	background-color: #ff9999;
	color: #990000;
}

.badPass{
	border: 1px solid #cccc00;
	background:url(../imago/icons/delete.png) no-repeat 2px 2px;
	background-color: #ffff66;
	color: #000000;
}

.goodPass{
	border: 1px solid #3083b9;
	background:url(../imago/icons/check.png) no-repeat 2px 2px;
	background-color: #99ccff;
	color: #000000;
}

.strongPass{
	border: 1px solid #66cc00;
	background:url(../imago/icons/check.png) no-repeat 2px 2px;
	background-color: #ccff66;
	color: #000000;
}
/************************************************************************************
END REGISTRATION STYLES
*************************************************************************************/


/************************************************************************************
BEGIN MY ACCOUNT STYLES
*************************************************************************************/
/* Settings */

.auto-style1{padding:3px 3px 3px 3px;font-family:Verdana,Helvetica,Arial,sans-serif;color:#000;font-weight:bold;font-size:11px;vertical-align:top;text-align:right;width:240px;height:67px}
.auto-style2{padding:3px 3px 3px 3px;font-family:Verdana,Helvetica,Arial,sans-serif;color:#000;font-weight:normal;font-size:11px;vertical-align:top;height:67px}
.divSaveWrapper {margin: 2px; padding: 2px; background-color: #00FF00; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #006600; color: #006600 !important; text-align: center; width: 130px; }
.divSaveWrapperError {margin: 2px; padding: 0 10px; background-color: #FFFF00; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #000000; color: #000000 !important; text-align: center;width: auto;word-break: normal }
.tblSettingsPaymentTopForms{width:100%;vertical-align:top;padding:0 0 0 0;border-top:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;border-left:1px solid #999;background-color:#999;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size:11px;border-top-right-radius:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px}
.tblSettingsPaymentBottomForms {border-top: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; background-color: #ffffff;  }
.tdSettingsFormsLabelRight {padding: 3px 3px 3px 3px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #CCCCCC; font-weight: bold; font-size: 11px; vertical-align: top; text-align: left;}
.tdSettingsFormsLabelLeft {padding: 3px 3px 3px 3px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #CCCCCC; font-weight: bold; font-size: 11px; vertical-align: top; text-align: left;}
.tdSettingsFormsLabel { padding: 3px 3px 3px 3px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #CCCCCC; font-weight: bold; font-size: 11px; vertical-align: top; text-align: left; }
   
/* Orders */
hr.dotted { border: 0; border-bottom: 1px dotted #ccc; background: #ccc; }
.DarkGray { color: #666666; }
.divMediumTitle { font-size: 1.2em; }
.divMediumSubTitle { 
    padding: 0 2px 3px 0;
}
.section {

}
        
.col { display: block;float: left;margin: 1% 1.5% 1% 0;}
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65%; }
.span_1_of_3 { width: 32%; }
table.tablesorter thead tr .header{background-image:url('../imago/bg.gif');background-repeat:no-repeat;background-position:center left;cursor:pointer}
table.tablesorter thead tr .headerSortUp { background-image: url('../imago/asc.gif');}
table.tablesorter thead tr .headerSortDown {background-image: url('../imago/desc.gif');}

/* Address Book */
.topRounded { 
    -webkit-border-top-right-radius: 5px; 
    -webkit-border-top-left-radius: 5px; 
    -moz-border-radius-topright: 5px; 
    -moz-border-radius-topleft: 5px; 
    border-top-right-radius: 5px; 
    border-top-left-radius: 5px; 
}


.addressBookContainer { width: 45%;  margin:10px; display:inline-block; }
.divAddressWrapper {float: left; width: 70%;}
.divAddressButtons {float: right; width: 30%; text-align: center;}
    .divAddressButtons a.btnCokesburySecondary {width: 90px; margin: 3px;}
.addressBookHeaderTable { width: 100%; }
.addressBookContentContainer { border:1px solid #3083b9; padding:10px; clear:both; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius:5px; }
        
a.addressBookLink { color:#ffffff; }
.divCompleteColumnWrapper {width: 75%; display: inline-block; vertical-align: top; white-space: nowrap;}

.divCompleteColumnWrapper .divCompleteCheckOutElement {float: right; text-align: right;  width: 100%; margin: 3px;}

.NewCart .divButtonWrapper {
    padding:20px;
}
.divButtonWrapper {padding: 10px; text-align: right;}
.standardButtonWrapper {
    margin: 10px 0; 
    padding: 10px; 
    border-top:1px solid #ccc;
    text-align: right;
}



/* PAY YOUR BILL */
        .tblPayBillForms 
        {
            width: 100%; 
            margin:5px 0;
            vertical-align: top; 
            padding: 10px; 
            border:1px solid #ccc; 
            background-color: #fff; 
            font-weight: normal; 
            
            -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;
            -moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;
            border-top-right-radius: 5px; border-top-left-radius: 5px;
            
            -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;
            border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
        }

        .btnCokesburyActionDisabled {
            border: 1px solid #a5a5a5; 
            background: #a5a5a5 url(../imago/themes/NewCart/images/ui-bg_highlight-hard_60_cccccc_1x100.png) 50% 50% repeat-x; 
            color: #ffffff;
            font-weight: normal; 
            font-size: 1em; 
            text-decoration: none; 
            line-height: normal; 
            text-transform: uppercase;
            vertical-align: middle; 
            text-align: center;  
            display: inline-block; 
            padding: .5em 1em; 
            overflow: visible; 
            cursor: pointer;
        }


        .tblPayBillForms th {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; background-color: #D9D9D9; font-weight: bold; font-size: 11px; vertical-align: middle; padding: 3px 3px 3px 3px; }

        .tdPayBillFormsSection { 
            padding: 3px; 
            margin-bottom:10px;
            font-family: Arial, Verdana, Helvetica, sans-serif; 
            color: #666666; 
            font-weight: normal; 
            font-size: 14px; 
            vertical-align: middle; 
            text-align: left; 
            border-bottom: 1px solid #ccc; 
            font-weight: bold; 
        }

        .tdPayBillFormsLabel {
            padding: 10px 5px;
            color: #666;
            font-size: 1.1em;
            font-weight: bold; 
            text-align: right; 
            width: 18%;
            vertical-align:middle;
        }
        .tdPayBillFormsText {
            padding: 10px 5px;
            font-weight: normal; 
            vertical-align:middle;
        }
        .tdPayBillFormsTextOdd {
            padding: 3px; 
            background-color: #ffffff;  
            font-weight: normal; 
        }

/* END PAY YOUR BILL */
 

 
/************************************************************************************
END MY ACCOUNT STYLES
*************************************************************************************/



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width: 1024px) {

/* pagewrap */
.spanSearchGoogle {display: none;}

#divHeaderColumn1 { width: 25%; float: left;}
#divHeaderColumn2 { width: 50%; float: left;}
#divHeaderColumn3 { width: 25%; float: left;}

/* CUSTOM FIX FOR PAGE TOPRIGHT BANNERS*/
 #ctl00_Advertisement6_AdvertismentWrapper span {width: 30%; display:inline-block;}


}


@media screen and (max-width: 768px) {

#pagewrapper { width: 768px;}
#divHeaderColumn1 { width: 25%; float: left;}
#divHeaderColumn2 { width: 50%; float: left;}
#divHeaderColumn3 { width: 25%; float: left;}

.slideshow {width: 552px;}
.slideshownav {width: 552px;}


/* CUSTOM FIX FOR PAGE TOPRIGHT BANNERS*/
 #ctl00_Advertisement6_AdvertismentWrapper span {width: 30%; display:inline-block;}

}



.divBrowserCheck {
    	background: #000;
        height: 20px;
        text-align: center;
        font-size: 1em;
        padding: 3px 20px;
        vertical-align: middle;
        border-bottom: solid 1px #999;
        border-right: solid 1px #999;
        border-left: solid 1px #999;
        color: #dedede;
}

.divBrowserCheck a:link, 
.divBrowserCheck a:hover, 
.divBrowserCheck a:visited, 
.divBrowserCheck a:active{
        font-size: 12px;
        text-decoration: underline;
        color: #3083b9;
}

#jr_overlay {
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 2147483646;
	position: absolute;
}

#jr_wrap {
	position: absolute;
	width: 100%;
	z-index: 2147483647;
	padding: 0;
	margin: 0;
}

#jr_inner {
	background: #ffffe5;
	border: 1px solid #000;
	color: #4F4F4F;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	position: relative;
	box-sizing: content-box;
}

#jr_header {
	display: block;
	color: #3083b9;
	padding: 5px;
	padding-bottom: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	margin-bottom: 0.5em;
}

#jr_inner p {
	padding: 5px;
	margin: 0;
}

#jr_inner ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#jr_inner ul li {
	cursor: pointer;
	float: left;
	width: 120px;
	height: 122px;
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: center;
}

#jr_inner li a {
	color: #333;
	font-size: 0.8em;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#jr_inner li a:hover {
	text-decoration: underline;
}

#jr_inner .jr_icon {
	width: 100px;
	height: 100px;
	margin: 1px auto;
	padding: 0;
	background: transparent no-repeat scroll left top;
	cursor: pointer;
}

#jr_close {
	clear: both;
	padding: 0;
	margin: 0;
}

#jr_close a {
	color: #3083b9;
	
	width: auto;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#jr_close p {
	padding: 10px 0 0 0;
	margin: 0;
}

/************************************************************************************
PORTAL STYLES
*************************************************************************************/
/*fonts*/
.portalc1 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: center; border:0px; margin: 5px; padding: 0px;}
.portalc2 {font-size: 12px;}
/*blocks*/
.divPortalWrapper {margin: auto; max-width: 830px; position: relative; z-index: 1;}
.divPortalRow {display: block; margin: 0; padding: 0px; width: 100%; text-align: center;}
.portalheader {display: block;width: 100%;height: auto;max-width: 830px;}
.divPortalColumnOne {position:relative;vertical-align: top;display: inline-block;margin: 1% 0% 1% 0%; padding: 0px;max-width: 262px;width: 31.5%;}
.divPortalColumn {border-left: solid thin #999; position:relative; vertical-align: top; display: inline-block; margin: 1% 0% 1% 0%; padding-left: 1%; max-width: 262px; width: 31.5%;}
.divPortalDoubleColumn {border-left: solid thin #999;position:relative;vertical-align: top;display: inline-block;margin: 1% 0% 1% 0%; padding-left: 1%;max-width: 546px;width: 65%;}	
.portalcategory {display: inline-block;width: 100%;}
.portaldividerbottom {display: block; margin: auto; padding: 0px; width: 97%; text-align: center;}
.PortalVideoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;}
.PortalVideoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/************************************************************************************
END PORTAL STYLES
*************************************************************************************/




/************************************************************************************
BIBLE FINDER
*************************************************************************************/
.CuricFinderTable {
    margin-top:10px;
}
    .CuricFinderTable div {
        display: inline-block;
        width: 49%;
    }
.CuricFinderTable select {
    margin:3px 0;

}
.bibleFinderTable > div {
    display:inline-block;
    width:49%;
    margin:3px 0;
}
.bibleFinderTable .formInputLabel {
    width:30%;
}
.bibleFinderTable .customSelect {
    width:60%;
}

#tbl2 table {
    width:70%;
}
     .CuricFinderList li {
        float:left; 
        margin:5px 20px;
        font-size:1.1em;
     }

.siteMapColumn {
    width:49%;
    display:inline-block;
    vertical-align: top;
}
   

/* **********************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************

1. ~THUMBSCROLLER BEGINS HERE....

*************************************************************************************************************
*************************************************************************************************************
********************************************************************************************************** */

.thumb-scroller{
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
position:relative;
color:#333;
/*background-color:#fff;*/
overflow:hidden;
zoom:1;
margin: 0px auto;
}
.thumb-scroller img{
/* DAVE'S FIX*/
width: 100%;	
max-width:160px !important;
max-height:none !important;

}

/* ipad scrollers size fix */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)
  and (orientation: landscape)  {

    div.thumb-scroller.ts-horizontal {
        padding:0 0 0 5px !important;
    }

    .ts-container .ts-list .ts-slide,
    .ts-container .ts-list .ts-slide .ts-wrapper {
        width: 154px !important;
    }
    .ts-container .ts-list .ts-slide .ts-content .FixedSliderImageWrapper {
        width: 152px !important;
    }
    .ts-container .ts-list .ts-slide .ts-content .FixedSliderImageWrapper img {
        width:100% !important;
    }
    .thumb-scroller.ts-horizontal div.ts-control {
        padding:0 !important;
        margin-left:5px !important;
        width:94% !important;
    }
}



.ts-border-box{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.ts-container{
position:relative;
width:100%;
overflow:hidden;
}
.thumb-scroller>ul{
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
list-style:none;
}
.ts-list{
position:absolute;
top:0;
left:0;
padding:0;
margin:0;
list-style:none;
}
.ts-vertical .ts-list{
float:left;
}
.ts-slide{
display:block;
float:left;
padding:0;
margin:0;
/*overflow:hidden;*/
}
.ts-wrapper{
position:relative;
width:100%;
height:100%;
border:0 solid #333;
/*background:#fff; url(../imago/loader.gif) no-repeat center;*/
overflow:hidden;
-webkit-backface-visibility:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.ts-content{
position:absolute;
top:0;
left:0;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
border: 1px solid #AFADAD;
height: 338px;
background-color: #fff;
}

.ts-content img {

}
img.ts-content{
width:auto;
height:auto;
border:0;
}
.ts-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.ts-wrapper:hover .ts-overlay{
filter:alpha(opacity=15);
-moz-opacity:.15;
opacity:.15;
}

/* captions */
.ts-caption{
display:block;
font-size:1em;
width:100%;
padding:5px;
line-height:normal;
margin:0;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.ts-outside .ts-caption{
position:relative;
}
.ts-inside .ts-caption{
position:absolute;
color:#666;
background:#fff;
background:rgba(255,255,255,.9);
border: 1px solid #999;
max-height:280px;
-webkit-transition:-webkit-transform 0.4s;
-moz-transition:-moz-transform 0.4s;
-ms-transition:-ms-transform 0.4s;
-o-transition:-o-transform 0.4s;
transition:transform 0.4s;
}
.ts-slide-up{
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%);
}
.ts-slide-left {
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%);
}
.ts-slide-right {
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
}
.ts-slide-down{
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
-ms-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
}
.ts-caption-button{
position:absolute;
right:0;
width:22px;
height:22px;
margin:4px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#000;
background:rgba(0,0,0,0.75);
cursor:pointer;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.ts-caption-button div{
position:absolute;
top:50%;
left:50%;
width:10px;
height:10px;
margin-top:-5px;
margin-left:-5px;
font-size:0;
background:url(../imago/scroller-assets.png) no-repeat -54px 0;
filter:inherit;
}
.ts-collapse div{
background-position:-54px -10px;
}
.ts-wrapper:hover .ts-caption-button{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

/* buttons */
.ts-prev,
.ts-next{
position:absolute;
background-color:#fff;
cursor:pointer;
}
.ts-horizontal .ts-prev,
.ts-horizontal .ts-next{
top:0;
width:35px;
height:100%;
}
.ts-vertical .ts-prev,
.ts-vertical .ts-next{
left:0;
width:100%;
height:35px;
}
.ts-prev div,
.ts-next div,
.ts-play-button div,
.ts-small-prev div,
.ts-small-next div{
position:absolute;
top:50%;
left:50%;
font-size:0;
background-image:url(../imago/scroller-assets.png);
background-repeat:no-repeat;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
.ts-prev:hover div,
.ts-next:hover div,
.ts-play-button:hover div,
.ts-small-prev:hover div,
.ts-small-next:hover div{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.ts-horizontal .ts-prev div,
.ts-horizontal .ts-next div{
width:16px;
height:30px;
margin-top:-15px;
margin-left:-8px;
}
.ts-horizontal .ts-prev div{
background-position:0 -32px;
}
.ts-horizontal .ts-next div{
background-position:-16px -32px;
}
.ts-vertical .ts-prev div,
.ts-vertical .ts-next div{
width:30px;
height:16px;
margin-top:-8px;
margin-left:-15px;
}
.ts-vertical .ts-prev div{
background-position:0 0;
}
.ts-vertical .ts-next div{
background-position:0 -16px;
}
.ts-disabled{
cursor:default !important;
}
.ts-prev.ts-disabled div,
.ts-next.ts-disabled div{
display:none;
}

/* mouseover buttons */
.ts-hover-prev,
.ts-hover-next{
position:absolute;
width:40px;
height:40px;
background:#000;
background:rgba(0,0,0,0.75);
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
cursor:pointer;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.ts-container:hover .ts-css-hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.ts-horizontal .ts-hover-prev{
top:50%;
margin-top:-20px;
left:8px;
}
.ts-horizontal .ts-hover-next{
top:50%;
margin-top:-20px;
right:8px;
}
.ts-horizontal .ts-hover-prev div,
.ts-horizontal .ts-hover-next div{
position:absolute;
top:50%;
left:50%;
font-size:0;
background-image:url(../imago/scroller-assets.png);
background-repeat:no-repeat;
width:12px;
height:20px;
margin-top:-10px;
margin-left:-6px;
filter:inherit;
}
.ts-horizontal .ts-hover-prev div{
background-position:-30px 0;
}
.ts-horizontal .ts-hover-next div{
background-position:-42px 0;
}
.ts-vertical .ts-hover-prev{
left:50%;
margin-left:-20px;
top:8px;
}
.ts-vertical .ts-hover-next{
left:50%;
margin-left:-20px;
bottom:8px;
}
.ts-vertical .ts-hover-prev div,
.ts-vertical .ts-hover-next div{
position:absolute;
top:50%;
left:50%;
font-size:0;
background-image:url(../imago/scroller-assets.png);
background-repeat:no-repeat;
width:20px;
height:12px;
margin-top:-6px;
margin-left:-10px;
filter:inherit;
}
.ts-vertical .ts-hover-prev div{
background-position:-32px -20px ;
}
.ts-vertical .ts-hover-next div{
background-position:-32px -32px;
}
.ts-hover-prev.ts-disabled,
.ts-hover-next.ts-disabled{
display:none;
}

/* controls */
.ts-header,
.ts-control{
position:relative;
width:100%;
height:30px;
overflow:hidden; /* TODO: hidden? */
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.ts-title{
position:relative;
float:left;
font-size:18px;
line-height:30px;
padding-left:5px;
white-space:nowrap;
text-shadow:1px 1px 1px rgba(0,0,0,0.01);
}
.ts-page-info{
position:relative;
float:right;
font-size:14px;
line-height:30px;
padding-right:5px;
white-space:nowrap;
}
.ts-play-button,
.ts-small-prev,
.ts-small-next{
position:relative;
float:right;
width:22px;
height:24px;
margin:3px 0px 3px 0;
cursor:pointer;
}
.ts-small-prev div,
.ts-small-next div{
width:8px;
height:12px;
margin-top:-6px;
margin-left:-4px;
}
.ts-small-prev div{
background-position:-52px -48px;
}
.ts-small-next div{
background-position:-60px -48px;
}
.ts-small-next.ts-disabled div,
.ts-small-prev.ts-disabled div{
filter:alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;
}
.ts-play-button div{
width:10px;
height:12px;
margin-top:-6px;
margin-left:-5px;
background-position:-42px -44px;
}
.ts-pause div{
background-position:-32px -44px;
}

/* scrollbar */
.ts-scrollbar{
position:relative;
width:100%;
height:10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background-color:#d6d6d6;
cursor:pointer;
overflow:hidden;
margin:18px 0;
}
.ts-scrubber{
position:absolute;
top:0;
left:0;
height:10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background-color:#888;
cursor:grab;
}
.ts-scrubber:hover,
.ts-scrollbar:hover .ts-scrubber{
background-color:#3083b9;
cursor: grab;
}

/* nav thumbs */
ul.ts-nav{
position:relative;
display:block;
padding:0;
margin:10px auto;
list-style:none;
}
ul.ts-nav li{
position:relative;
display:inline;
float:left;
font-size:0;
width:8px;
height:8px;
padding:0;
margin:0 6px;
border:1px solid #333;
background-color:#ccc;
cursor:pointer;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
ul.ts-nav li:hover{
background-color:#666;
}
ul.ts-nav li.ts-active{
background-color:#666;
cursor:default;
}
.ts-scrubber,
ul.ts-nav li{
-webkit-transition:background-color 0.4s;
-moz-transition:background-color 0.4s;
-ms-transition:background-color 0.4s;
-o-transition:background-color 0.4s;
transition:background-color 0.4s;
}
.ts-content,
.ts-overlay,
.ts-css-hover,
.ts-caption-button,
.ts-link-button,
.ts-prev div,
.ts-next div,
.ts-play-button div,
.ts-small-prev div,
.ts-small-next div,
.ts-zoom-button{
-webkit-transition:opacity 0.4s;
-moz-transition:opacity 0.4s;
-ms-transition:opacity 0.4s;
-o-transition:opacity 0.4s;
transition:opacity 0.4s;
}

/* icons */
.ts-zoom-button,
.ts-link-button{
display: none;
}
.ts-zoom-button div,
.ts-link-button div{
display: none;
}
.ts-zoom-button div{
display: none;
}
.ts-link-button div{
display: none;
}
.ts-wrapper:hover .ts-zoom-button,
.ts-wrapper:hover .ts-link-button{
display: none;
}
.ts-zoom-button:hover,
.ts-caption-button:hover,
.ts-link-button:hover,
.ts-hover-prev:hover,
.ts-hover-next:hover{
-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
-moz-box-shadow:0 0 5px rgba(0,0,0,.5);
box-shadow:0 0 5px rgba(0,0,0,.5);
}
.ts-button-align-left{
margin-left:-50px;
}
.ts-button-align-right{
margin-left:10px;
}

/* **********************************************************************************************************

THUMB SCROLLER ENDS HERE....

********************************************************************************************************** */

/* **********************************************************************************************************

2. ~ MASTER BEGINS HERE....

********************************************************************************************************** */





.tblMainBanner {width: 100%; padding: 6px;  background-image: url("../imago/grayfade.jpg"); background-position: top; background-repeat: repeat-x; border: solid 1px #999999; background-color:#999999;}
.divBannerType {padding-bottom: 4px; color: #3083b9; font-size: 18px; font-family: Verdana;}


.divFrontListItemsCat {font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ffffff;}
a.linkdivFrontListItemsCat:link { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ffffff; }
a.linkdivFrontListItemsCat:visited { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ffffff; }
a.linkdivFrontListItemsCat:active { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ffffff; }
a.linkdivFrontListItemsCat:hover { text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ffffff; }

.tableFrontListSlider {padding: 6px; border-bottom: solid 1px #999999; border-left: solid 1px #999999; border-right: solid 1px #999999; width: 100%; background-image: url("../imago/bluefade.jpg"); background-repeat:repeat-x; background-color: #dce8ef; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #000000;}




.TableFooter { border-bottom: solid 12px #ffffff; padding: 6px; width: 100%; background-image: url("../imago/bluefade.jpg"); background-repeat:repeat-x; background-color: #dce8ef; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #000000;}
.TableFooterSectionTitle {color: #3083b9; font-weight: bold;}




.bluefootertable {width: 100%; background-color: #3083b9; text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ffffff;}
a.bluefootertable:link { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ffffff; }
a.bluefootertable:visited {  text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ffffff; }
a.bluefootertable:active { text-decoration: none; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ffffff; }
a.bluefootertable:hover {  text-decoration: underline; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #ffffff; }


.tblTopBanners {width: 100%; height: 225px; padding: 6px;  background-image: url("../imago/grayfade.jpg"); background-position: top; background-repeat: repeat-x; border: solid 1px #999999; background-color:#cccccc;}


.TableBrowse {border-bottom: solid 1px #999999; border-left: solid 1px #999999; border-right: solid 1px #999999; width: 228px; background-image: url("../imago/bluefade.jpg"); background-repeat:repeat-x; background-color: #dce8ef; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #000000;}
.TableBrowse td a {text-decoration: none;}
.tdBrowse {padding: 12px;}

.TableBrowseExtra {border-bottom: solid 1px #999999; border-left: solid 1px #999999; border-right: solid 1px #999999; width: 228px; background-image: url("../imago/bluefade.jpg"); background-repeat:repeat-x; background-color: #dce8ef; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #000000;}
.TableBrowseExtra td {padding: 4px; vertical-align: top;}

.AdditionalInfoTitle {font-size: 12px; color: #3083b9;}
.tblAdditionalInfo {border: solid 1px #999999; background-color: #efefef; font-size: 11px;}


/* GIFT CARDS */
.giftCardsCompareTable {
    padding:0;
    border-collapse:collapse;
}
    .giftCardsCompareTable td {
        padding:5px 15px 5px 5px;
        border-top:1px solid #ccc;
    }

.giftCardsCompareTableHeader {
    background:#3083b9;
    font-weight:bold;
    color:#fff;
}
.giftCardsCompareTableBorder {
    border-right:1px solid #ccc;
}
#ctl00_Content_tblFormSelectDeliveryOption td label {
    vertical-align:top;
}

/* OLD STUFF */




/* MAIN BODY SECTION */
.tblMain
{
	width: 972px;
	text-align: center;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
	background-color: #ffffff;
}

.tdMainLeft
{
	width: 192px;
	text-align: left;
	vertical-align: top;
	padding: 12px 0px 12px 0px;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
	background-color: #ffffff;
}

.tdMainBody
{
	width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 12px 12px 12px 12px;
	background-color: #ffffff;	
}

/* LEFT NAV CLASSES */
.tblLeftNav
{
	width: 192px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border: 1px solid #3083b9;
	background-color: #efefef;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.tblLeftNav th
{
	width: 192px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	font-size: 18px;
	vertical-align: top;
	padding: 0px 6px 0px 6px;
	border: 0 solid transparent;
	background-color: #3083b9;

}

.tblLeftNav td
{
	width: 180px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
	padding: 6px 6px 3px 6px;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
}
.tblLeftNavBrowse
{
	width: 228px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border: 1px solid #3083b9;
	background-color: #efefef;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.tblLeftNavBrowseth
{
	width: 228px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	font-size: 18px;
	vertical-align: top;
	padding: 0px 6px 0px 6px;
	border: 0 solid transparent;
	background-color: #3083b9;
}

.tblLeftNavBrowsetd
{
	width: 180px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
	padding: 6px 6px 3px 6px;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
}
/* LEFT NAV CLASSES */
.tblLeftNavAdditional
{
	width: 228px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border: 1px solid #3083b9;
	background-color: #efefef;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.tblLeftNavAdditional th
{
	width: 228px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	font-size: 18px;
	vertical-align: top;
	padding: 0px 6px 0px 6px;
	border: 0 solid transparent;
	background-color: #3083b9;
}

.tblLeftNavAdditional td
{
	width: 180px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
	padding: 6px 6px 3px 6px;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
}
.inLeftNav
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}

a.leftNavSmLink:link
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #3083b9;
}

a.leftNavSmLink:visited
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #3083b9;
}

a.leftNavSmLink:active
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #3083b9;
}

a.leftNavSmLink:hover
{
	text-decoration: underline;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #3083b9;
}
a.leftNavLink:link
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

a.leftNavLink:visited
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

a.leftNavLink:active
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

a.leftNavLink:hover
{
	text-decoration: underline;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}






#footer
{
	width: 792px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

.footer
{
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #3083b9;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
	vertical-align: middle;
	text-align: center;
    font-size:12px;
}


#footer a:link
{
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

#footer a:visited
{
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

#footer a:active
{
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

#footer a:hover
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

a.producttitlelink:link
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
	color: #3083b9;
}

a.producttitlelink:visited
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
	color: #3083b9;
}

a.producttitlelink:active
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
	color: #3083b9;
}

a.producttitlelink:hover
{
	text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
	color: #3083b9;
}

a.boldlink:link
{
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #3083b9;
}

a.boldlink:visited
{
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #3083b9;
}

a.boldlink:active
{
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #3083b9;
}

a.boldlink:hover
{
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #3083b9;
}
.tblBrowse
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
	text-align: left;
}

.tblBrowse td
{
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

.breadcrumbs
{
	width: 100%;
	text-align: right;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

a.breadcrumbslink:link
{
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

a.breadcrumbslink:visited
{
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

a.breadcrumbslink:active
{
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

a.breadcrumbslink:hover
{
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

.textSmall
{
	font-weight: normal; 
	font-size: 9px; 
	color: #3083b9;
	text-align: left;
}

.error
{
	font-weight: normal; 
	font-size: 11px; 
	color: #cc0000;
}


.tblPurchaseHere
{
	width: 144px;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #3083b9;
	border-right: 1px solid #3083b9;
	border-bottom: 1px solid #3083b9;
	border-left: 1px solid #3083b9;
	background-color: #efefef;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.tblPurchaseHere th
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	font-size: 18px;
	vertical-align: top;
	padding: 0px 6px 0px 6px;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
	background-color: #3083b9;

}

.tdPurchaseHere
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
	padding: 6px 6px 6px 6px;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 0 solid transparent;
	background-color: #ffffff;
}


.tdLabel
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}



.tdLabelDiscount
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #cc0000;
}

.tdTextDiscount
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #cc0000;
}

.tdText
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

	.ddlProductSelect
	{
		padding: 2px 2px 2px 2px;
		width: 136px;
		font-size: 11px; 
		font-weight: normal; 
		font-family:Arial, Verdana, Helvetica, sans-serif;
	}
	
.productSubTitle
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

.BrowseABC
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
	border-bottom: solid 1px #3083b9;
	border-top: solid 1px #3083b9;
	text-align: center;
	padding: 2px;
}

a.lnkBrowseABC:link
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

a.lnkBrowseABC:visited
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

a.lnkBrowseABC:active
{
	text-decoration: none;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

a.lnkBrowseABC:hover
{
	text-decoration: underline;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

/* RECOMMENDED BOOK SELECTIONS LISTING */
.schoolListingsWrapper table td {
    padding:1px;
}

.schoolListingsWrapper table td a,
.schoolListingsWrapper table td a:active {
    padding:2px;
    font-size:14px;
}
.schoolListingLetters {
    margin:15px 0;
    border-bottom:1px solid #ccc;
} 
.schoolListingLetters,
.schoolListingLetters a:active {
    font-size:15px;
}
.divRecSel {
    font-weight: normal; 
    font-size: 20px; 
    color: #cc0000; 
    border-bottom:1px solid #cc0000;
    text-align: left; 
    vertical-align: top; 
    padding: 0;
    margin-top:10px;

}
a.lnkRecSel:link {text-decoration: none; font-weight: normal; font-size: 15px; color: #cc0000; text-align: left; vertical-align: top; border-bottom: 1px solid #cc0000; }
a.lnkRecSel:visited {text-decoration: none; font-weight: normal; font-size: 15px; color: #cc0000; text-align: left; vertical-align: top; border-bottom: 1px solid #cc0000; }
a.lnkRecSel:active {text-decoration: none; font-weight: normal; font-size: 15px; color: #cc0000; text-align: left; vertical-align: top; border-bottom: 1px solid #cc0000; }
a.lnkRecSel:hover {text-decoration: none; font-weight: normal; font-size: 15px; color: #cc0000; text-align: left; vertical-align: top; border-bottom: 1px solid #cc0000; }


.FrontListItem {vertical-align: top; width: 33%;	}
.tblRecSel {width: 100%; padding: 0px 0px 0px 0px; font-weight: normal; font-size: 11px; color: #000000; text-align: center; }
.tblRecSel th {vertical-align: bottom; padding: 8px 0px 4px 0px; }
.tblRecSel td {vertical-align: top; padding: 0px 4px 0px 4px;}
a.lnkRecSelTitle:link {text-decoration: none; font-weight: bold; font-size: 11px; color: #3083b9; }
a.lnkRecSelTitle:visited {text-decoration: none; font-weight: bold; font-size: 11px; color: #3083b9; }
a.lnkRecSelTitle:active {text-decoration: none; font-weight: bold; font-size: 11px; color: #3083b9; }
a.lnkRecSelTitle:hover {text-decoration: underline; font-weight: bold; font-size: 11px; color: #3083b9; }
/* END SECTION */

/* CUSTOMER FORMS */
.tblCustomerForms {
    width: 100%; 
    vertical-align: top; 
    padding: 0; 
    border: 1px solid #3083b9; 
    font-weight: normal; 
}

.tblCustomerForms th {font-family: Arial, Verdana, Helvetica, sans-serif; color: #ffffff; background-color: #3083b9; font-weight: bold; font-size: 11px; vertical-align: middle; padding: 3px 3px 3px 3px; }
.tblCustomerFormsth {font-family: Arial, Verdana, Helvetica, sans-serif; color: #ffffff; background-color: #3083b9; font-weight: bold; font-size: 11px; vertical-align: middle; padding: 3px 3px 3px 3px; }
.statementsMessage {
    margin-top:15px;
    font-weight:bold;
}
.tdCustomerFormsSection { padding: 3px 3px 3px 3px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #cc0000; font-weight: normal; font-size: 14px; vertical-align: middle; text-align: left; border-top: 1px solid #3083b9; }
.tdCustomerFormsText {
    padding: 3px; 
    font-family: Arial, Verdana, Helvetica, sans-serif;  
    font-weight: normal; 
    vertical-align: top;
    width:40%;
}
.tdCustomerFormsText input,
.tdCustomerFormsText textarea {
    width:100%;
}
.tdCustomerFormsTextOdd {padding: 3px 3px 3px 3px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 11px; vertical-align: top;}
.tblCustomerForms .divBodyColumn1 {
    width:100%;
    float:none;
}
.tblCustomerForms .formInputLabel {
    width:240px;
}
.tdCustomerFormsVal {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000000; 
    font-weight: normal; 
    font-size: 11px; 
    vertical-align: middle;
    width:50%;
}
.btnHeader { font-size: 10px; }

.inputElement { width: 200px;}
.inputElement.width100percent { width: 100%;}

.tblCurvedCustomerForms { width: 100%; vertical-align: top; padding: 0px 0px 0px 0px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background-color: #CCCCCC; font-weight: normal; font-size: 11px; border-top-right-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; }
.tdCurvedCustomerFormsLabelOdd { padding: 3px 3px 3px 3px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #ffffff; font-size: 11px; vertical-align: top; }
.tdCurvedCustomerFormsLabelEven { padding: 3px 3px 3px 3px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #F5F5F5; font-size: 11px; vertical-align: top; }


/* END SECTION */

.tblAttention {width: 100%; text-align: left; vertical-align: top;  }
.tblAttention th {font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; color: #cc0000; padding: 0; font-weight: bold; font-size: 12px; }
.tblAttention td {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; padding: 6px 6px 6px 6px; background-color: #efefef; font-weight: normal; font-size: 11px;  border: 1px solid #cc0000;}
.attentionMessageMargin .tblAttention {
    margin:0 50px;
    width:auto;
}
    .attentionMessageMargin .tblAttention td {
        padding:10px;
    }
.imgButton { width: 190px; border: none; margin-top: 12px;}

#bodyContent
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.bodyCopy
{
	text-align: left;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
}

.pageTitle
{
	text-align: left;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	color: #3083b9;
}

.searchDynamic .pageTitle { display: none;}

.sectionTitle
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #3083b9;	
}
#divArBalanceTitle,
#divAdjustmentTitle,
#divArBalanceTitle,
#divStatementTitle,
#divArPaymentTitle
 {
    border-bottom: 1px dotted #666666; color: #999999; text-transform: uppercase; font-size: 1.125em; margin: 40px 0 5px; font-weight: bold;

}
.tblpaging
{
	width: 100%;
	vertical-align: middle;
	border-top: 1px solid #3083b9;
	border-right: 0 solid transparent;
	border-bottom: 1px solid #3083b9;
	border-left: 0 solid transparent;
	background-color: #efefef;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #3083b9;
}

.tblproductlisting
{
	text-align: left;
	width: 100%;
	vertical-align: top;
	border-top: 0 solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 1px solid #3083b9;
	border-left: 0 solid transparent;
	/*background-color: #ffffff;*/
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}
.detailTitle
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #3083b9;
	border-bottom: 1px solid #3083b9;
}
.detailSubTitle
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #3083b9;
}




span.informal
{
	color: #888;
	font-weight: normal;
	text-align: left;
	font-size: 9px;
	font-style:italic;
	overflow:hidden;
	white-space:nowrap;
	width:auto!important;
}



/* FCKEditor CSS Tags */
.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

/* Rating */
.demoarea
{
	width: 144px;
	text-align: center;
	border: solid 1px #3083b9;	
}

.ratingStar {
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingStar {
	background-image: url(../imago/FilledStar.png);
}
.emptyRatingStar {
	background-image: url(../imago/EmptyStar.png);
}
.savedRatingStar {
	background-image: url(../imago/SavedStar.png);
}	

.tblRatingLegend {width: 100%; padding: 2px;}
.tblRatingLegend td {vertical-align: top; font-weight: normal; font-size: 10px; color: #999999; }

/* MEMBER CART */
.tblZip {vertical-align: top; padding: 0px 0px 0px 0px; background-color: #ffffff; font-weight: normal; font-size: 11px; }


.smallitemimagediscount
{
	border-top: solid 1px white;
	background-color: #cc0000;
	width: 54px;
	vertical-align: middle;
	color: White;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.ProductLargeImageNav {background-color: #3083b9; padding: 12px;}
a.ProductLargeImage:link {text-decoration: none; font-weight: bold; font-size: 12px; color: #ffffff; text-align: left; vertical-align: top;  }
a.ProductLargeImage:visited {text-decoration: none; font-weight: bold; font-size: 12px; color: #ffffff; text-align: left; vertical-align: top;  }
a.ProductLargeImage:active {text-decoration: none; font-weight: bold; font-size: 12px; color: #ffffff; text-align: left; vertical-align: top;  }
a.ProductLargeImage:hover {text-decoration: none; font-weight: bold; font-size: 12px; color: #ffffff; text-align: left; vertical-align: top;  }


.shoppingCartNumber {width: 100px;} 
.shoppingCartTitle {width: 270px;}
.shoppingCart75 {width: 75px;}

.NarrowSearchSubTitle {color: #3083b9; font-weight: bold;}
.RetailPriceDecorationSuperseded {text-decoration: line-through;}
.RetailPriceDecoration {}






/* **********************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************

3. ~SHOPPING CART BEGINS HERE....

********************************************************************************************************** */


/*************************************************************************************************************** 
********** BEGIN STANDARD STRUCTURE 
***************************************************************************************************************/

.divContentMainWrapper {
    width: 78%; 
    float: right;
}
.divContentLeftWrapper {
    width: 22%;
    float: left;
}

.divContentMain {margin: 20px 20px 20px 20px;}
.divContentLeft {
    margin: 57px 0 20px 20px;
}

/*************************************************************************************************************** 
********** END STANDARD STRUCTURE 
***************************************************************************************************************/

/*************************************************************************************************************** 
********** BEGIN STANDARD CONTAINERS 
***************************************************************************************************************/
/* new cart only
.divContainerLeft {	
    background-color: #fff; 
    border: 1px solid #ccc; 
    margin-bottom: 20px;
    color:#333;
}*/
.divContainerLeft.orderSummaryWrapper {
    background-color: #fff; 
    border: 1px solid #ccc; 
    margin-bottom: 20px;
    color:#333;
    padding:0;
    border-radius:0;
}
.divContainerLeft {
    background-color: #f3f3f3;
    border: 1px solid #a5a5a5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 20px;
}
/* new cart style
.divContainerLeftTitle { 
    padding:10px;
    margin-bottom:10px;
    text-transform: uppercase; 
    background: #3083B9; 
    color:#fff;
    font-size: 1.2em;
    font-weight: bold;
}*/
.divContainerLeftTitle { 
    text-transform: uppercase;
    color: #990000;
    font-weight: bold;
    height: 1.25em;

}
.divCartExtrasTitle {
    margin-top: 10px;
    margin-left: 10px;
    color: #900;
    text-transform: uppercase;
    font-weight: bold;
    height: 1.25em;
    overflow: visible;
}
.orderSummaryTitleWrapper.divContainerLeftTitle {
    background: #E7E7E7 none repeat scroll 0% 0%;
    padding:0;
    font-size:1.2em;
    height:36px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
    .orderSummaryTitleWrapper div {
        display:inline-block;
    }
    .orderSummaryTitleWrapper .shoppingCartIconContainer {
            height: 36px;
            width: 40px;
    }
    .orderSummaryTitleWrapper .orderSummaryTitle {
        padding: 10px 5px 0;
        text-transform: uppercase; 
        color:#666;
        font-weight: bold;
        vertical-align: top;
       /* width: 60%;*/
    }
/*************************************************************************************************************** 
********** END STANDARD CONTAINERS 
***************************************************************************************************************/

/*************************************************************************************************************** 
********** LABELS AND ELEMENTS
***************************************************************************************************************/
td.formInputLabel {
    margin-top:8px;
}
.formInputLabel {
    vertical-align:middle;
    font-size:1.1em;
    text-align:right;
    font-weight:bold;
    color:#666;
    display: inline-block;
    margin-right:5px;
}
.formInputLabel.alignFromTop {
    vertical-align:top;
    margin-top:12px;
}
.divFormSectionTitle {
    border-bottom: 1px solid #ccc; 
    color: #666; 
    text-transform: uppercase; 
    font-size: 14px; 
    margin: 10px;
}
.divFormLabel {
    width: 27% !important; 
    display: inline-block !important; 
    text-align: right; 
    font-weight: bold; 
    vertical-align: middle; 
    margin:3px 5px 3px 0; 
}
.divFormElement {
    width: 65% !important; 
    display: inline-block !important; 
    text-align: left; 
    padding: 3px; 
    font-size: 12px;
    margin:3px 0; 
}

.divProductDetailInfoLabel {
    vertical-align: middle;
    color: #666;
    font-size: 13px;
    display:inline-block; 
    text-align: right; 
    margin:0 3px 0 0; 
    font-weight: bold; 
    }
.divProductDetailInfoContent {
    display:inline-block; 
    text-align: left;  
    font-size:13px;
    vertical-align: middle;

}

.divOneColumnWrapper {}
.divTwoColumnWrapper {
    width: 49%; 
    display: inline-block; 
    vertical-align: top; 
    /*white-space: nowrap; not sure why this is here*/
}

    .divTwoColumnWrapper.checkout {
        margin: 5px 0 0;
    }
.divHalfColumnWrapper {width: 49%; }

.divOneColumnWrapper .divCheckOutLabel {
     display: inline-block;
     width: 16.7%; 
     text-align: right;  
     font-weight: bold;

}
.divOneColumnWrapper .divCheckOutElement {
     display: inline-block; 
     text-align: left; 
     width: 81%; 
     margin: 3px 0; 
}
.divOneColumnWrapper .divCheckOutElement.paymentMethodWrapper {
     display: inline-block; 
     text-align: left; 
     width: 51%; 
     margin: 3px 0; 
}
.divOneColumnWrapper .divCheckOutElement input {width: 97%;}
.divOneColumnWrapper .divCheckOutElement input[type="checkbox"] {width: auto !important;}

.divCheckOutLabel {
    vertical-align: middle;
    color: #666;
    font-size: 1.1em;
    display:inline-block; 
    width: 34%;  
    text-align: right; 
    margin: 3px; 
    font-weight: bold; 
}
    
.divTwoColumnWrapper .divCheckOutElement {
    display:inline-block; 
    text-align: left;  
    width: 60%; 
    font-size:13px;
    margin: 3px 0;
    vertical-align: middle;
}
/*
.divTwoColumnWrapper .divCheckOutLabel {float: left; width: 34%;  text-align: right; margin: 3px; font-weight: bold;}
.divTwoColumnWrapper .divCheckOutElement {float: left; text-align: left;  width: 60%; margin: 3px;}*/
.divTwoColumnWrapper .divCheckOutElement input, select {width: 100%;}

.divHalfColumnWrapper .divCheckOutLabel {
    display:inline-block;
    width: 34%;  
    text-align: right;
    margin: 3px; 
    font-weight: bold;
}
.divHalfColumnWrapper .divCheckOutElement {
     display:inline-block; 
     text-align: left;  
     width: 60%; 
     margin: 3px 0;
}
.divHalfColumnWrapper .divCheckOutElement input, select {width: 100%;}
.divHalfColumnWrapper .divCheckOutElement input[type="radio"] {width: auto !important;}

.divCheckOutText {font-style: italic; color: #333333; font-size: .9em;}

.divFormInsturctions {font-style: italic; color: #666; margin: 0px 10px 10px 10px;}
.divFormElementExtras {font-style: italic; color: #666; font-size: .9em; margin:  3px 0px;}
.divButtonWrapperCenter {text-align: center;}

.divFormElementWrapper {width: 100%; white-space: nowrap;}

.divFormElement input, .divFormElement textarea, .divFormElement select  {width: 100% !important;}

.divSimpleWrapper {}
.divSimpleLabel {display: inline-block; width: 30%; margin: 3px; text-align: right;  font-weight: bold;}
.divSimpleElement {display: inline-block; text-align: left; width: 40%; margin: 3px;}
.divSimpleElement input, select {width: 100%;}

#divGiftCard .divCheckOutElement .GCinputWrapper {
    display:inline-block;
    width:37%;
}
#divGiftCard .divCheckOutElement .GCbuttonWrapper {
    display:inline-block;
    margin-left:10px;
}
.expirationDate .customSelect {
    width:47%;
}
/*************************************************************************************************************** 
********** END FORM ELEMENT STYLES 
***************************************************************************************************************/

/*************************************************************************************************************** 
********** BEGIN SHOPPING CART STYLES 
***************************************************************************************************************/

.divShoppingCartTitle {color: #3083b9; font-size: 24px; margin-bottom: 10px;}

.divShoppingCartContent {}
.divShoppingCartContentWrapper{
    border: 1px solid #ccc; 
    background:#fff;
    margin-top:10px;
}
.EmptyCartStyle {height: 48px; }
.EmptyCartStyle td {text-align: left; vertical-align: top; padding: 10px;}

.tblShoppingCartContent {
    width: 100%; 
    border: none; 
    margin: 0;
    border-collapse: collapse;
}
.trShoppingCartHeader {
    background-color: #e7e7e7; 
    color: #727272; 
    font-size:1.2em;
    text-transform: uppercase;
}
.shoppingCartIconContainer {
    width:45px;
    height:40px;
    background: #900 url("../imago/mobile_cart_white.png") no-repeat 40% 50%;
    background-size:24px auto;
}

.trShoppingCartHeader th {
    border: none;
}
.trShoppingCartItem {
    border-top: 1px solid #ccc; 
    border-collapse:collapse;
}
.trShoppingCartItem td {
    padding: 8px 5px; 
    vertical-align: top;
    border: none;
}
.tblShoppingCartContent tr:last-child td {
    border: none;
}


.tdShoppingCartRemove {
    text-align: center;
     width: 65px; 
     vertical-align: middle !important;
}
.HiddenCol,
.tdShoppingCartRemove {
    display:none;
}

a.linkRemoveFromCart:link {color: #990000; text-decoration: none;}
a.linkRemoveFromCart:visited {color: #990000;}
a.linkRemoveFromCart:active {color: #990000; text-decoration: none;}
a.linkRemoveFromCart:hover {color: #990000; text-decoration: underline;}
.tdShoppingCartImage {
    width: 60px; 
    text-align: center;
}
.tdShoppingCartImage img {
    width: 54px; 
    border: none;
}

.thShoppingCartContent {
    text-align: left;
    padding:0 0 0 5px;
}
.tdShoppingCartContent {
    text-align: left; 
}
.thShoppingCartPrice,
.thShoppingCartTotal,
.thShoppingCartDiscount {
    text-align: center; 
    width: 80px;
    padding-right:20px;
}
.thShoppingCartSubTotal {
    text-align: center; 
    width: 120px;
    padding-right:20px;
}
.thShoppingCartQty {
    text-align: center; 
    width: 90px;
    padding-right:10px;
}

.trShoppingCartItem .tdShoppingCartTotal,
.trShoppingCartItem .tdShoppingCartPrice {
    font-size:14px;
    color:#333;
    text-align: center;
    padding:20px 20px 0 0;
}
.trShoppingCartItem .tdShoppingCartDiscount {
    font-size:14px;
    text-align: center;
    padding:20px 20px 0 0;
    color: #990000; 
}

.trShoppingCartItem .tdShoppingCartQty {
    font-size:14px;
    color:#333;
    text-align: center;
    /*padding-right:20px;*/
    padding:20px 10px 0 0;
}
.trShoppingCartItem .tdShoppingCartQty .removeFromCart {
    font-size:12px
}
.tdShoppingCartQty input,
.tdShoppingCartQty span {
    text-align: center;
    color:#333;
    display:block;
    font-size:14px;
    margin: -8px auto 0;
}

.tdShoppingCartQty span {
    padding-top:10px;
}

.divPartialOrderMessage {margin: 5px -75px 5px -75px; padding: 5px; background-color: rgb(243, 243, 243); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #a5a5a5; color: #333 !important; text-align: left; font-size: .9em;}



.divCartTitle {color: #3083b9; font-size: 14px;}
.divCartSubtitle {color: #666666; font-size: 11px;}
.divCartNumber {font-size: 11px; margin-top: 5px;}
.divCartFormat {font-size: 11px;}
.divCartAvailability {font-size: 11px; margin-top: 5px; font-style: italic; color: #666666;}

.divShoppingCartExtras {
    float: left; 
    width: 55%; /* take out for new cart */
}
.divShoppingCartSubtotals {
    float: right; 
    width: 275px; 
}

.divCartExtraButtonsWrapper {
    width: 400px;
    float: left;
}
.spanCartExtraButtons {display: inline-block; margin: 10px 2px;}

 /* new cart 
.divShoppingCartEstimatesWrapper .divContainerLeft {	
    width:250px;
    display:inline-block;
    color:#333;
    vertical-align:top;
    margin-right:10px;
}*/

.divShoppingCartEstimatesWrapper {
    background-color: #F3F3F3;
    border: 1px solid #A5A5A5;
    border-radius: 10px;
}
    .divShoppingCartEstimatesWrapper .divContainerLeft {
        border:none;
        padding:0;
        margin:0;
    }

/*
 .divShoppingCartEstimatesWrapper .divContainerLeft {	
    background-color: #f3f3f3;
    border: 1px solid #a5a5a5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}*/

.divCartExtrasDesc {
    margin: 0 10px;
}
.divCartExtrasElementsWrapper {}
.divCartExtrasElement {
    margin:10px;
    display:inline-block;
}
.divCartExtrasElement .customSelect {
    margin-bottom:5px;
    width:auto;
}

.divShoppingCartEstimatesWrapper .divCartExtrasButton {
    display:inline-block;
    margin-left: 5px;
}
.divCartExtrasError {margin: 0px 10px 10px 10px; color: #990000;}
.divCartExtrasDivider {
    clear:both;
    border-bottom: 1px solid #A5A5A5;

}

.txtEstimateTax {width: 75px;}

.divAddToCartRed {color: #900; margin-bottom: 5px;}
.divAddToCartBlack {color: #000; margin-bottom: 5px; text-align: left;}
.divAddToCartRedBold {color: #900; font-weight: bold; margin-bottom: 5px;}
.divAddToCartBlackBold {color: #000; font-weight: bold; margin-bottom: 5px;}
.divAddToCartRedBox {color: #900; border: 1px solid #900; padding: 3px; font-size: .9em; margin-bottom: 5px;}
.txtEmailJson {}
.divStockandShipping {padding: 10px 5px; text-align: center;}

.divAddToCardWantItBy {
    padding: 5px 0px;
    text-align: left;
}
.spanWantItByDay {color: #900; font-weight: bold;}
.spanOrderByTime {}


/*************************************************************************************************************** 
********** END SHOPPING CART STYLES 
***************************************************************************************************************/

/************************************************************************************
LOGIN MODAL
*************************************************************************************/
.Login_divModalWrapper {width: 100%; text-align: center;}
.Login_divBodyWrapper {margin: 20px 0 10px;}
.Login_divReturningCustomerWrapper {width: 54%; float: left; text-align: left; border-right: 1px solid #727272;}
.passwordBlock {
    display:block;
    margin:5px 0 0 33%;
}
.Login_divNewCustomerWrapper {width: 45%; float: left; text-align: left;}
.Login_divContent {margin: 0px 10px; font-size: 12px;text-align:left;}
.Login_divContent .divFormElementWrapper {
    white-space:normal;
}
.Login_divContent .divFormElementWrapper .divFormLabel  {width: 30% !important}
.Login_divModalTitle {font-size: 14px; font-weight: bold;text-align:left;}
.bodyLogin {font-size: 75%; font-family: Arial, Verdana, Helvetica, sans-serif; background: #ffffff; color: #000;}
.iFrameLogin {width: 100%!important;}
.divNewAccount ul {
    padding-left:10px;
}
    .divNewAccount ul li {
        margin-bottom:5px;
        font-style:italic;
    }
a.LinkFooter.privacyStatementSmall {
    font-size:.9em !important;
    margin-right:10px;
}
.ui-dialog .ui-dialog-content.stayInTheKnowModal {
    padding: 10px;
    color: #666;
    font-size: 1.1em;
    line-height: 1.3em;
}
/************************************************************************************
END LOGIN MODAL
*************************************************************************************/


/*************************************************************************************************************** 
********** BEGIN ELEMENT STYLES 
***************************************************************************************************************/
.divShoppingCartMainButtons {margin-top: 10px; text-align: right; }
.divBtnWrapper {margin: 5px; display: inline-block;}
.divBtnWrapperRight {
    margin: 10px;
    float:right;
    clear:both;
}
.divBtnWrapperCenter {margin: 5px; display: inline-block; text-align: center;}
.divBtnWrapperCenter .divListingAddToCart {display: inline-block; text-align: center; float: none;}
.divAddToCartQtyWrapper { display: inline-block; text-align: center; width: 100%;}
.divAddToCartQtyWrapper .divListingAddToCart {float: none;}
.divAddToCartQtyWrapper .btnCokesburyAction {width: 100%;}

.divStyleSelector {
    margin-top:10px;
}
.divStyleSelector select {
    width:98%;
}
.divStyleSelector b {
    margin:0 5px;
    display: block; 
    color:#666;
}


.btnCokesburyAction, a.btnCokesburyAction {
    cursor:pointer;
    border: 1px solid #900; 
    background: #900 50% 50%; 
    color: #ffffff; 
    font-weight: normal; 
    font-size: 1em; 
    text-decoration: none; 
    line-height: normal; 
    text-transform: uppercase; 
    vertical-align: middle; 
    text-align: center;  
    display: inline-block; 
    padding: .5em 1em; 
    overflow: visible; 
    -webkit-border-radius:0;-moz-border-radius:0;
    border-radius:0;
    -webkit-appearance:none;
}
.btnCokesburyAction:hover, a.btnCokesburyAction:hover,
.btnCokesburyAction:focus, a.btnCokesburyAction:focus,
.btnCokesburyAction:active, a.btnCokesburyAction:active {
    border: 1px solid #cc0000; 
    background: #cc0000; 
    -webkit-border-radius:0;-moz-border-radius:0;
    border-radius:0;
}
.btnCokesburyAction.margin5, a.btnCokesburyActionmargin5 {
    margin:5px;
}

.btnCokesburySecondary,  
a.btnCokesburySecondary {
    margin:0;
    cursor:pointer;
    border: 1px solid #727272; 
    background: #727272; 
    color: #ffffff; 
    font-weight: normal; 
    font-size: 1em; 
    text-decoration: none; 
    line-height: normal; 
    text-transform: uppercase; 
    vertical-align: middle; 
    text-align: center;  
    display: inline-block; 
    padding: .5em 1em; 
    overflow: visible; 
    -webkit-border-radius:0;-moz-border-radius:0;
    border-radius:0;
    -webkit-appearance:none;
}
.btnCokesburySecondary:hover,
.btnCokesburySecondary:focus,
.btnCokesburySecondary:active {
    border: 1px solid #666; 
    background: #666; 
    -webkit-border-radius:0;-moz-border-radius:0;
    border-radius:0;
}
.btnCokesburySecondary:disabled,
.btnCokesburySecondaryDisabled {
    display:none;
}

a.curriculumRecommendationButton,
a.curriculumRecommendationButton:link,
a.curriculumRecommendationButton:hover,
a.curriculumRecommendationButton:visited,
a.curriculumRecommendationButton:active {
    display: inline-block;
    color: #666; 
    text-align: center; 
    border: 1px solid #ccc;
    font-size: 1.125em;
    padding: 10px;  
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    text-decoration: none;
    background-color: #fff;
    -webkit-appearance:none;
}
a.curriculumRecommendationButton:hover {
    color: #666;
    border-color: #727272;
}
.AutomaticShipmentButtonContainer {
    
}
.divSliderCaptionBuyNow .AutomaticShipmentButtonContainer {
    display:none;
}
.AutomaticShipmentButton {
    cursor:pointer;
    background: #727272; 
    color: #ffffff; 
    font-weight: normal; 
    font-size: 13px; 
    text-decoration: none; 
    line-height: 15px; 
    border:none;
    vertical-align: middle; 
    text-align: left;  
    display: inline-block; 
    padding: 2px 42px 2px 0; 
    overflow: visible; 
    -webkit-border-radius:0;-moz-border-radius:0;
    border-radius:0;
    -webkit-appearance:none;
}
    .AutomaticShipmentButton:hover {
        background:#666;
    }
.yourAutomaticShipmentsModalWrapper .AutomaticShipmentButtonContainer,
.divListingAddToCart .AutomaticShipmentButtonContainer {
    margin:5px auto;
    position: relative;
    border: 1px solid #727272; 
    background: #727272; 
}
.divListingAddToCart .AutomaticShipmentButton {
    width:100%;
}
.AutomaticShipmentButton .autoShipBoldText {
    text-transform: uppercase; 
    font-weight: bold; 
}
.AutomaticShipmentButton .autoShipScheduleText {
    display:block;
}
.AutomaticShipmentButton .autoShipAddToText {
	display: none;
}
.divProductListingWrapper .AutomaticShipmentButton .autoShipScheduleText {
    display:none;
}
.autoshipIconContainer {
    height:100%;
    width:40px;
    position:absolute;
    background:#fff;
    right:0;
}
.autoshipIconLeft {
    width: 34px;
    height: 34px;
    background: transparent url("../../imago/icons/automatic_shipping/GreyLeft.png") no-repeat scroll 0% 0% / contain;
    margin: 3px 0 0 3px;
}
/*  auto ship button changes for search */

.List .autoshipIconContainer,
.Grid .autoshipIconContainer {
    width: 32px;
}
.List .autoshipIconLeft,
.Grid .autoshipIconLeft {
    width: 28px;
    height: 28px;
    margin: 3px 0px 0px 2px;
}
.List .divListingAddToCart .AutomaticShipmentButton,
.Grid .divListingAddToCart .AutomaticShipmentButton {
    font-size: 12px;
    line-height: 14px;
    padding: 1px;
}



.List .AutomaticShipmentButton .autoShipBoldText,
.Grid .AutomaticShipmentButton .autoShipBoldText {
    font-weight:normal;
}
.List .AutomaticShipmentButtonContainer,
.Grid .AutomaticShipmentButtonContainer {
    margin:4px auto;
    width:111px;
}

/*************************************************************************************************************** 
********** END ELEMENT STYLES 
***************************************************************************************************************/





/*************************************************************************************************************** 
********** BEGIN CHECK OUT STYLES 
***************************************************************************************************************/

.divCheckoutStepTitle {font-size: 20px; color: #3083b9; text-align: left; text-transform: uppercase; white-space: nowrap;}
.divCheckOutProgressWrapper {text-align: left;}


.divCheckOutProgressStepActive {width: 32%; height: 30px; display: inline-block; background-image:url('../imago/SC_HeaderActiveBack.png'); background-repeat:no-repeat; text-align: left; background-size:100% 100%;}
.divCheckOutProgressStepLink {width: 32%; height: 30px; display: inline-block; background-image:url('../imago/SC_HeaderActiveBack.png'); background-repeat:no-repeat; text-align: left; background-size:100% 100%;}
.divCheckOutProgressStepLink:hover {background-image:url('../imago/SC_HeaderActiveBackOver.png'); cursor: pointer;}

.divCheckOutProgressStepInActive {width: 32%; height: 30px; display: inline-block; background-image:url('../imago/SC_HeaderInActiveBack.png'); background-repeat:no-repeat; text-align: left; background-size:100% 100%;}
.divCheckOutProgressIcon {margin: 5px 10px 5px 20px; display: inline-block; width: 20px; height: 20px; vertical-align: top;}
.CheckOutProgressStepTitle {display: inline; color: #ffffff; line-height: 30px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: .9em; vertical-align: top;}
.CheckOutProgressStepTitleMobile {display:none;}

a.linkProgress:link {color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: bold;}
a.linkProgress:visited {color: #ffffff;}
a.linkProgress:active {color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: bold;}
a.linkProgress:hover {color: #ffffff; text-decoration: underline; text-transform: uppercase; font-weight: bold;}

.divCheckOutButtonWrapper {border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px;}


.divDisclaimer {color: #666666; font-size: 11px; margin: 20px;}

.divMemberAddressButtons {float: right;}



/*************************************************************************************************************** 
********** END CHECK OUT STYLES 
***************************************************************************************************************/

/*************************************************************************************************************** 
********** BEGIN MY DOWNLOAD STYLES 
***************************************************************************************************************/

.tblDownloadsSubscriptions { 
    border: 1px solid #dedede;
   -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.tblSubscriptionDetailsHeader {padding: 4px; background: #dedede;}

.tblDownloadsSubscriptions tr:nth-child(odd) {background: #efefef;}
.tdDownloadsSubscriptions td {padding: 4px;}
.tdDownloadsSubscriptions:hover { cursor: pointer; background-color:rgb(204, 238, 255) !important; }



/*************************************************************************************************************** 
********** END MY DOWNLOAD STYLES 
***************************************************************************************************************/


/*************************************************************************************************************** 
********** BEGIN QUICK ADD STYLES 
***************************************************************************************************************/
.divQuickAddElementWrapper { 
    padding:0 5px;
}
.divQuickAddLabel {display: inline-block; width: 30%; margin: 3px;}
.divQuickAddElement {display: inline-block; text-align: left; margin: 3px;width:60%;}
.divQuickAddButtonWrapper {margin: 10px; text-align: right;}
.divQuickAddError {padding-top: 5px; text-align: left;}
/*************************************************************************************************************** 
********** END QUICK ADD STYLES 
***************************************************************************************************************/

/*************************************************************************************************************** 
********** BEGIN ORDER SUMMARY STYLES
***************************************************************************************************************/
.divContainerLeft .tblOrderSummary {
    width: 100%; 
    color:#333;
    padding:0 10px 10px;
    font-size:1.1em;
}
    .divContainerLeft .tblOrderSummary td {
        width:100%;
    }

.divContainerLeft .tblOrderSummary .tdOrderSummaryLabel {padding: 5px; text-align: right; font-weight: bold;color:#666;}
.divContainerLeft .tblOrderSummary .tdOrderSummaryAmount {padding: 5px; text-align: right;}
.divContainerLeft .tblOrderSummary .tdOrderSummaryPromoLabel {padding: 5px; text-align: right; font-weight: bold; color: #990000;}
.divContainerLeft .tblOrderSummary .tdOrderSummaryPromoAmount {
    padding: 5px; 
    text-align: right; 
    color: #990000;
    white-space:nowrap;
}
.divContainerLeft .tblOrderSummary .tdOrderSummaryOrderLabel {padding: 10px 5px 5px; text-align: right; font-weight: bold;color:#666;}
.divContainerLeft .tblOrderSummary .tdOrderSummaryOrderAmount {padding: 10px 5px 5px; text-align: right; }

.divContainerSummary {
    
}
.divContainerSummary td {
    width:100%;
}
.divContainerSummary .divContainerLeftTitle {display: none;}
.divContainerSummary .tblOrderSummary {
    width: 100%;
    border:1px solid #ccc;
    border-top:none;
    color:#333;
    font-size:1.1em;
    background:#fff;
    padding:5px 10px;
}

    .divContainerSummary .tblOrderSummary .tdOrderSummaryLabel,
    .divContainerSummary .tblOrderSummary .tdOrderSummaryOrderLabel,
    .divContainerSummary .tblOrderSummary .tdOrderSummaryPromoLabel {
        background-color: #fff;
        color: #666;
        padding: 5px; 
        font-weight: bold; 
        text-align: right; 

    }
.divContainerSummary .tblOrderSummary .tdOrderSummaryAmount,
.divContainerSummary .tblOrderSummary .tdOrderSummaryPromoAmount,
.divContainerSummary .tblOrderSummary .tdOrderSummaryOrderAmount {
    padding: 5px; 
    text-align: right; 
    width: 70px;
    vertical-align:bottom;
}

    .divContainerSummary .tblOrderSummary .tdOrderSummaryPromoLabel,
    .divContainerSummary .tblOrderSummary .tdOrderSummaryPromoAmount {
        color: #990000; 
        white-space:nowrap;
    }
    .divContainerSummary .tblOrderSummary .tdOrderSummaryOrderAmount,
    .divContainerSummary .tblOrderSummary .tdOrderSummaryOrderLabel {
        padding-top:10px;
    }
    .tdOrderSummaryOrderBorder {
        padding-top:5px;
        border-bottom:1px solid #ccc;
    }
/*************************************************************************************************************** 
********** END ORDER SUMMARY STYLES 
***************************************************************************************************************/

/*************************************************************************************************************** 
********** BEGIN REVIEW STYLES 
***************************************************************************************************************/

.divShipmentDetailsWrapper {
    color: #333; 
    font-size: 1.25em;
    font-weight:bold;
    background:#fff;
    border-bottom:1px solid #ccc;
    padding:10px;
}
.divShipmentDetails {
    float: left; 
    font-weight: bold;
    color: #666; 
}
.divFulfilledBy {
    font-weight: normal;
}


.divShipmentEstimatedDelivery {float: right; font-weight: bold; color:#666;}

/*************************************************************************************************************** 
********** END REIVEW STYLES 
***************************************************************************************************************/

/*************************************************************************************************************** 
********** BEGIN PROMO CODE STYLES 
***************************************************************************************************************/
.divContainerLeft .divPromoCodeTitle {
    text-transform: uppercase;
    color: #990000;
    font-weight: bold;
    height: 1.25em;
    overflow: visible;
}/* new cart style
.divContainerLeft .divPromoInstructions {
    padding:0 10px;
}*/

.divContainerLeft .divPromoInput {margin: 10px; width: 50%; float: left;}
.divContainerLeft .divPromoInput input {width: 100%;}
.divContainerLeft .divPromoButton {margin: 10px; width: 30%;  float: left;}
.divContainerLeft .divPromoDescription {color: #990000; font-style: italic; text-align: center;}

/* new cart style
.divShoppingCartExtras .divPromoCodeTitle {
    margin-top: 10px;
    margin-left: 10px;
    font-weight: bold; 
    height: 1.25em; 
    overflow: visible;
}*/
.divShoppingCartExtras .divPromoCodeTitle {
    margin-top: 10px;
    margin-left: 10px;
    color: #900;
    text-transform: uppercase;
    font-weight: bold;
    height: 1.25em;
    overflow: visible;
}
.divShoppingCartExtras .divPromoInstructions {
    margin-left: 10px;
    height: 1.25em;
    overflow: visible;
}
.divShoppingCartExtras .divPromoInput {margin: 10px; width: 60%; float: left;}
.divShoppingCartExtras .divPromoInput input {width: 100%;}
.divShoppingCartExtras .divPromoButton {margin: 10px; float: left;}
.divShoppingCartExtras .divPromoDescription {color: #990000; font-style: italic; display: block; margin-left: 10px; margin-bottom: 10px;}
/*************************************************************************************************************** 
********** END PROMO CODE STYLES 
***************************************************************************************************************/

/*************************************************************************************************************** 
********** BEGIN ERROR & ALERT STYLES STYLES 
***************************************************************************************************************/
.divErrorWrapper {margin: 10px; padding: 10px; background-color: #ffff00; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #990000; color: #990000 !important; text-align: left;}
.divAlertWrapper {margin: 10px; padding: 10px; background-color: #ffff99; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #3083b9; color: #000000; text-align: left;}
.divAlertWrapper p {display: inline-block; margin: 0px;}
.divShippingEstNotice.divAlertWrapper {
    clear:both;
}
/*************************************************************************************************************** 
********** END ERROR & ALERT STYLES STYLES 
***************************************************************************************************************/

/************************************************************************************
ADD TO CART MODAL
*************************************************************************************/
.ATC_divModalWrapper,
.Confirm_divModalWrapper { 
    text-align:center;
}
.ATC_divBodyWrapper,
.Confirm_divBodyWrapper {
    display:inline-block; 
    margin: 20px;
}
.ATC_divImageWrapper{
    float: left; 
    display: inline-block; 
    
}
    .ATC_divImageWrapper img {
        border: none;
        max-width: 108px;
        max-height:180px;
    }
.Confirm_divImageWrapper {
    float: left; 
    display: inline-block; 
    width: 100px;
}

.ATC_divContentWrapper {
    float: left; 
    display: inline-block; 
    text-align: left; 
    margin-left: 20px; 
    width: 420px; 
}
    .ATC_divContentWrapper.curriculumBuilder {
        width: 58%;
        margin: 30px 2% 0px;
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .ATC_divContentWrapper.curriculumBuilder .curriculumBuilderText {
        color: #333;
        font-size: 18px;
        line-height: 1.3em;
    }
.Confirm_divContentWrapper {
    font-size:14px;
    line-height:1.4em;
    float: left; 
    width:480px;
    text-align:center;
    padding-left: 20px;
}
.modalAnnouncement {
    font-size:14px;
    line-height:1.4em;
    text-align:center;
    padding: 5px 20px;
}
.Confirm_divContentWrapper .largeType,
.modalAnnouncement .largeType {
    font-size:16px;
    line-height:2em;
}
.Confirm_divContentWrapper .largeTypeEmail,
.modalAnnouncement .largeTypeBold {
    font-size:20px;
    color:#727272;
    font-weight:bold;
}

.ATC_divTitle {color: #3083b9; font-size: 1.4em;}
.ATC_divSubtitle {color: #666666; font-style: italic; font-size: 1em;}

.ATC_divContentTable {margin-top: 10px;}
.ATC_divContentTableRow { white-space: nowrap;}
.ATC_divContentTableLabel {float: left; text-align: right; font-weight: bold; padding: 2px; width: 120px; font-size: .9em;}
.ATC_divContentTableText {float: left; text-align: left; padding: 2px; width: 280px; font-size: .9em;}

.ATC_divSubtotalWrapper {margin: 10px;}
.ATC_divSubtotalTable {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 10px;color:#333;}
.ATC_divSubtotalTableRow {white-space: nowrap;}
.ATC_divSubtotalTableLabel {float: left; text-align: right; font-weight: bold; padding: 2px; width: 500px;}
.ATC_divSubtotalTableText {float: right; text-align: left; padding: 2px;}

.ATC_divButtonWrapper {
    text-align: right;
    margin-right:10px;
}
.ATC_divButton {display: inline-block; margin: 10px;}

.spanSpecialPrice {color: #cc0000;}

/************************************************************************************
END ADD TO CART MODAL
*************************************************************************************/



/*************************************************************************************************************** 
********** BEGIN CREDIT CARD STYLES 
***************************************************************************************************************/

.demo {padding: 0px;}
.demo .numbers{background-color:#ffd;border:1px solid #eec;margin-bottom:32px;padding:16px 20px}
.demo .numbers p{margin-bottom:0}
.demo .numbers .list{margin-bottom:0}
.example{clear:both;margin-bottom:32px}
.cards{overflow:hidden; margin: 0px; padding: 0px;}
.cards li{list-style:none;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;background-image:url(../imago/icons/card_logos.png);background-position:0 0;float:left;height:32px;margin-right:8px;text-indent:-9999px;width:51px}
.cards li:last-child{margin-right:0}

.cards .VISA{background-position:204px 0}
.cards .MC{background-position:153px 0}
.cards .DISC{background-position:102px 0}
.cards .AMEX{background-position:51px 0}

.cards .CokesburyAccount.off{background-position:0 32px}
.cards .VISA.off{background-position:204px 32px}
.cards .MC.off{background-position:153px 32px}
.cards .DISC.off{background-position:102px 32px}
.cards .AMEX.off{background-position:51px 32px}

form input.txtAccountNumber.valid{background:url(../imago/icons/tick.png) right center no-repeat #fff;}
.vertical{overflow:hidden}.vertical li{float:left;width:140px}
.vertical li .or{color:#aaa;float:left;font-size:12px;margin-left:-8px;margin-top:32px}
.vertical li:last-child{float:right;text-align:right}
.vertical li:last-child input{float:right}
.vertical input{width:68px}

/*************************************************************************************************************** 
********** END CREDIT CARD STYLES 
***************************************************************************************************************/

/*************************************************************************************************************** 
********** BEGIN FREE SHIPPING STYLES 
***************************************************************************************************************/

.divFreeShippingAddToCartWrapper {margin: 3px;}
.divFreeShippingAddToCartIcon {display: inline-block; vertical-align: middle;}
.divFreeShippingAddToCartText {display: inline-block; vertical-align: middle; color: #990000; font-weight: bold; text-align: left;}


.divFreeShippingCartWrapper {float: right;}
.divFreeShippingCartIcon {display: inline-block; vertical-align: middle;}
.divFreeShippingCartIcon img {width: 12px; height: 12px;}
.divFreeShippingCartText {display: inline-block; vertical-align: middle; color: #990000; font-size: .9em; text-align: left;}
.divCartShippingEligibility {float: left; font-size: .9em; margin-right: 10px;}

.divSameDayShippingWrapper {margin: 3px;}
.divAddThisWrapper {}


.divFreeShippingWrapper {
    color:#333;
}
/* new cart 
.divFreeShippingHeader {
    background-color: #990000; 
    color: #ffffff; 
    font-weight: bold; 
    margin-bottom: 10px;
    padding: 10px;
    font-size: 1.2em;
    text-transform: uppercase;
}*/
.divFreeShippingHeader {
    background-color: #990000;
    color: #ffffff;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 3px 3px 3px;
    margin-bottom: 10px;
}
.divFreeShippingDescription {
    padding: 0px 10px;
}
.divFreeShippingTotals {
     margin: 10px;
     text-align: center; /* remove for new cart style */
}
    .divFreeShippingTotals label {
        font-size:1.2em;
    }
.divFreeShippingStatusWrapper {margin: 10px;}
.divFreeShippingIcon {display: inline-block; vertical-align: top;}
.divFreeShippingStatusText {
    display: inline-block; 
    color: #990000; 
    font-weight: bold; 
    text-align: left;
}

.divFreeShippingConfirm {color: #990000; font-weight: bold;}

/*************************************************************************************************************** 
********** END FREE SHIPPING STYLES 
***************************************************************************************************************/





/*************************************************************************************************************** 
********** BEGIN NEED HELP 
***************************************************************************************************************/
.divNeedHelp 
    { 
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #fff;
    margin: 10px 10px 0px 10px;
    padding: 0px;
    height: 30px;
    background-color: #cceeff;
    text-align: left;
    vertical-align: top;
}
.divNeedHelpLivePersonImage {padding: 0px; margin: 0px;}
.divNeedHelpLivePersonImage img {border: none; width: 100%; height: auto; max-width:298px;}
.divNeedHelpTextContainer {padding: 6px 0px 5px 20px; font-size: 1em;}
.divNeedHelpTextHelp {float: left; padding: 0px; vertical-align: top;}
.divNeedHelpTextStatus {float: left; padding: 0px; padding-left: 3px; color: #009900; font-style: italic; vertical-align: top;}
.divNeedHelpTextArrow {float: right; padding: 0px; padding-right: 10px; color: #3083b9; vertical-align: top;}

.divNeedHelp ul ul {display: none;}
.divNeedHelp ul li:hover > ul {display: block;}

.divNeedHelp ul {padding: 0px; margin: 0px; list-style: none ; position: relative; display: inline-table; z-index: 1000; width: 100%;}
.divNeedHelp ul:after {content: ""; clear: both; display: block;}

.divNeedHelp ul li {float: left; margin: 0px; padding: 0px; width: 100%;}
.divNeedHelp ul li:hover {}
.divNeedHelp ul li:hover a {display: block; padding: 0px; color: #3083b9; text-decoration: none;}
.divNeedHelp ul li a {display: block; padding: 0px; color: #3083b9; text-decoration: none;}

.divNeedHelp ul li ul {width: 100%;}			
		
.divNeedHelp ul ul {background: #cceeff; border-radius: 0px; padding: 0px; margin: 0px; position: absolute; top: 100%;}
.divNeedHelp ul ul li {margin: 0px; padding: 0px; float: none; border-top: 1px solid #ffffff; position: relative;}
.divNeedHelp ul ul li a {display: block; padding: 0px; color: #3083b9; text-decoration: none;}	

.divNeedHelp ul ul li:hover {background: #a3deff;}




.divLeftNavLivePerson {
padding: 10px 0;
}
#lpButtonDiv-header img {
width: 100%;
height: auto; 
}

#lpButtonDiv img {
width: 100%;
height: auto; 
}

/*************************************************************************************************************** 
********** END NEED HELP  
***************************************************************************************************************/




/*************************************************************************************************************** 
********** BEGIN MEDIA QUERIES 
***************************************************************************************************************/

/* iPads (portrait) 768px ----------- */
@media screen and (max-width: 1000px) {

.divContentLeftWrapper {width: 100%; float: none;}
.divContentMainWrapper {width: 100%; float: none;}


.divContentLeft {margin: 0px 20px 0px 20px; vertical-align: top;}
.divContainerLeft {width: 250px; margin: 10px; display: inline-block; vertical-align: top;}


.liSignOutMain {display: none !important;}
}

@media screen and (max-width: 1024px) {

.liSignOutMain {display: none !important;}

}



/* **********************************************************************************************************

4. ~PRODUCT LISTING BEGINS HERE....

********************************************************************************************************** */


.View {margin: 0px 20px 25px;}
.Grid {}

.spanSearchDDList {display: none !important}

/************************************************************************************
NARROW SEARCH
*************************************************************************************/

.LeftNavWrapper { border: 1px solid #3083b9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 10px;}

.LeftNavSectionTitle {font-size: 1.25em; color: #666; font-weight: normal; line-height: 1.5em}
li.LeftNavSection {
    padding-bottom: 5px; 
    margin-bottom: 5px; 
    border-bottom: 1px solid #999;
}
li.LeftNavSection:last-child {border-bottom: none;}

.xman {
	background:url(../imago/xman_grey.png) no-repeat;
	cursor:pointer;
}
.xman:hover {
	background:url(../imago/xman_red.png) no-repeat;
}
.aarow_up {
	background:url(../imago/aarows/aarow_up_lt.png) 97% 50% no-repeat;
	cursor:pointer;
}
	.aarow_up:hover {
		background:url(../imago/aarows/aarow_up_orange.png) 97% 50% no-repeat;		
	}
	.aarow_down:hover {
		background:url(../imago/aarows/aarow_down_orange.png) 97% 50% no-repeat;
	}
.aarow_down {
	background:url(../imago/aarows/aarow_down.png) 97% 50% no-repeat;
	cursor:pointer;
}

.NarrowSearchUnionable .aarow_down, 
.NarrowSearchUnionable .aarow_up {
     width: 18px;
     height: 18px;
     padding-right:3px;
     float: right;
     background-position:0 4px;
}
ul.NarrowSearchCrumbs {
    list-style: none; 
    padding: 0px; 
    margin: 10px 10px 0 0;}

ul.NarrowSearchCrumbs li {
    list-style: none; 
    line-height: 1.5em; 
    margin-bottom: 5px;
}
.LinkNarrowSearchRemove,
a.LinkNarrowSearchRemove:link {
    cursor:pointer;
    text-decoration: none; 
    color: #666; 
    background:url("../imago/xman_grey.png") no-repeat;
    margin:10px;
    padding:0 20px;
    font-size: 14px;
    line-height: 1.4em;
    background-size: 15px 15px;
}
a.LinkNarrowSearchRemove:visited {text-decoration: none;}
a.LinkNarrowSearchRemove:active {text-decoration: none;}
a.LinkNarrowSearchRemove:hover {
    color: #3083B9;
    background-image:url("../imago/xman_red.png");
    
}

ul.NarrowSearch {
    list-style:disc; 
    padding: 0px; 
    margin-top:10px;
}
ul.NarrowSearch li {line-height: 1.5em;}

a.LessMore {
    font-size: .90em; 
    color: #666; 
    display: block; 
    text-align: left; 
    text-decoration: none;
    margin:0 12px 10px; 
    
}
a.LessMore:hover {color: #3083b9;}


a.LessMore.showingMore .showAarow {
    background:url(../imago/aarows/aarow_up.png) 95% 50% no-repeat;
}
    a.LessMore.showingMore:hover .showAarow {
        background:url(../imago/aarows/aarow_up_orange.png) 95% 50% no-repeat;
    }
a.LessMore.showingLess .showAarow {
    background:url(../imago/aarows/aarow_down.png) 95% 50% no-repeat;
}
    a.LessMore.showingLess:hover .showAarow {
        background:url(../imago/aarows/aarow_down_orange.png) 95% 50% no-repeat;
    }
a.LessMore.showingLess .showAarow,
a.LessMore.showingLess:hover .showAarow,
a.LessMore.showingMore .showAarow,
a.LessMore.showingMore:hover .showAarow {
    display:inline-block;
    margin-right:5px;
    cursor:pointer;
    width:10px;
    height:8px;
    background-size: contain;
}
ul.NarrowSearchUnionable {list-style:none; padding: 0px; margin-left: 0;}
.liSearchNarrow {
    margin:2px 0;
    padding:0;
    list-style:none;
    display:block;
}

.aSearchNarrow, 
.aSearchNarrowSelected {
    cursor: pointer; 
    padding-left:20px; 
   /* height:15px; */
    display:inline-block; 
    line-height:17px; 
    vertical-align:top;
}
.aSearchNarrow.shortenRow,
.aSearchNarrowSelected.shortenRow {
    margin-right:23px;
}
   .aSearchNarrow {
        background:url(../imago/icons/checkBoxesSmallBlank.png) no-repeat;
    }
    .aSearchNarrowSelected {
        background:url(../imago/icons/checkBoxesSmallChecked.png) no-repeat;
    }


/************************************************************************************
END NARROW SEARCH
*************************************************************************************/
/************************************************************************************
PAGINATION
*************************************************************************************/
.divLabel {display: inline-block; text-align: right;}
.divElement {display: inline-block; text-align: left;}

.divPaginationWrapper {
    padding: 10px 5px;
    white-space: nowrap; 
    text-align: left;
    clear:both;
}
.divPaginationWrapper.MobileTop {
    border-bottom: 1px solid #ccc; 
}
.divPaginationWrapper.MobileBottom {
    border-top: 1px solid #ccc; 
}

.divPaginationWrapper.MobileTop .divPagesWrapper { 
    margin-top:5px;
}
.divPaginationWrapper.MobileTop .divPaginationPagesLinks { 
    display:none;
}
.divPaginationWrapper.MobileTop .divPaginationPagesTotals { 
    color: #666;
    font-size: 1.25em;
    padding: 8px;
}
.divPaginationWrapper.MobileBottom .divPaginationPagesTotals,
.divPaginationWrapper.MobileBottom .divSortingWrapper  { 
    display:none;
}
.divPaginationWrapper.MobileBottom .divPaginationPagesLinks {
    color: #666;
    font-size: 1.25em;
    padding: 8px;
    text-align:center;
    clear:both;
}
.divPaginationWrapper.MobileBottom .divPagesWrapper {
    margin:auto;
}


    .divPaginationPagesSorter { margin: 0 5px;}
    .divPageSize { margin: 0 5px;}
    .divPaginationListingOptions { margin: 5px;}
        .View .divGridViewIcon {display: inline-block; width: 20px; height: 20px; background-image:url('../imago/icons/iconGrid.png');}
        .View .divListViewIcon {cursor:pointer; display: inline-block; width: 20px; height: 20px; background-image:url('../imago/icons/iconListActive.png');}
        .Grid .divGridViewIcon {cursor:pointer; display: inline-block; width: 20px; height: 20px; background-image:url('../imago/icons/iconGridActive.png');}
        .Grid .divListViewIcon {display: inline-block; width: 20px; height: 20px; background-image:url('../imago/icons/iconList.png');}
.twoColumnBodyWrapper.Curriculum .divPaginationListingOptions {
    display:none;
}

.paginationLink {
    display:inline-block;
    margin:0 10px;
}
.divPaginationPagesLinks strong {
    color:#666;
    margin: 0 5px;
}
.divPaginationPagesLinks a {
   padding: 4px 8px;
   border: 1px solid transparent;
}
    .divPaginationPagesLinks a:hover {
       background-color:#fff;
       text-decoration: none;
       border: 1px solid #CCC;
    }
.aarowRight {
    background: transparent url("../imago/aarows/aarow_right.png") no-repeat scroll 100% 100%;
    width: 9px;
    height: 15px;
    display:inline-block;
}
    .aarowRight:hover {
        background: transparent url("../imago/aarows/aarow_right_orange.png") no-repeat scroll 100% 100%;
        width: 9px;
        height: 15px;
        cursor:pointer;
    }
    .aarowRight.aarowDisabled {
        background: transparent url("../imago/aarows/aarow_right_lt.png") no-repeat scroll 100% 100%;
    }

.aarowLeft {
    background: transparent url("../imago/aarows/aarow_Left.png") no-repeat scroll 0% 0%;
    width: 9px;
    height: 15px;
    display:inline-block;
}
    .aarowLeft:hover {
        background: transparent url("../imago/aarows/aarow_Left_orange.png") no-repeat scroll 0% 0%;
        width: 9px;
        height: 15px;
        cursor:pointer;
    }
    .aarowLeft.aarowDisabled {
        background: transparent url("../imago/aarows/aarow_Left_lt.png") no-repeat scroll 0% 0%;
    }

.divPaginationWrapper.MobileTop .aarowLeft,
.divPaginationWrapper.MobileTop .aarowRight {
    display: inline-block;
    margin: 2px 20px;
    vertical-align:top;
}
.divPaginationWrapper.MobileBottom .paginationLink.aarowRight,
.divPaginationWrapper.MobileBottom .paginationLink.aarowLeft {
    display: inline-block;
    margin: 2px 10px;
    vertical-align:top;
    width:auto;
    padding: 0 25px;
    color: #727272;
}
.divPaginationPagesLinks .nextPageWrapper:hover {
    background-color:transparent;
    border: 1px solid transparent;
}
.divPaginationPagesLinks .nextPageWrapper .paginationLink:hover {
    color:#ed8c21;
}
    .divPaginationWrapper.MobileBottom .paginationLink.aarowDisabled,
    .divPaginationWrapper.MobileBottom .paginationLink.aarowDisabled:hover {
        color:#a5a5a5;
    }
/************************************************************************************
END PAGINATION
*************************************************************************************/

/************************************************************************************
PRODUCT LISTING VIEW
*************************************************************************************/
.View .divProductListing {text-align: left;}
.View .divProductListingWrapper {
    display: block; 
    vertical-align: top;
    width: 100%; 
    margin: 20px 10px; 
    padding-bottom: 20px; 
    text-align: left; 
    -ms-text-justify: none; 
    text-justify: none; 
    border-bottom: 1px solid #ccc;
}
.View .divProductListingWrapper:last-child {
    border:none;
}
.Curriculum .divProductListingWrapper:last-child {
    border-bottom:1px solid #ccc;
}
.View .divProductListingWrapper .divImageAreaWrapper {display: block; float: left; }

.Grid .divProductListing {text-align: left;}
.Grid .divProductListingWrapper {display: inline-block; vertical-align: top; width: 210px; margin: 20px 10px; padding-bottom: 0px; text-align: center; -ms-text-justify: auto; text-justify: distribute; border-bottom: none;}
.Grid .divProductListingWrapper .divImageAreaWrapper {display: inline-block; float: none;}

.Curriculum .divProductListing {
    text-align: left;
} 
.Curriculum.divProductListingWrapper,
.Curriculum .divProductListingWrapper {
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    margin: 0px;
    border-bottom:1px solid #ccc;
    float:left;
    width: 25%;
    display:inline-block;
    position:relative;
}


.Curriculum .divProductListingWrapper .divImageAreaWrapper {
    border-right: 1px solid #ccc;
    margin: 8% 0px;
    padding: 0 8%;
    float:none;
    display:block;

}
.Curriculum .divProductListingWrapper:nth-child(4n) .divImageAreaWrapper {
    border:none;
}

/*
.View .divImageWrapper {width: 140px; height: 210px; padding: 8px; }
.View .divImageWrapper img {width: 140px; height: 210px; border: none;}

.Grid .divImageWrapper {width: 140px; height: 210px; }
.Grid .divImageWrapper img {width: 140px; height: 210px; border: none;}
*/
.View .divImageWrapper {
    width: 140px; 
    height: auto; 
    padding: 0;
    margin:0 8px 8px;
}
.View .divImageWrapper img {
    width:auto;
    max-width: 140px; 
    height:auto;
    max-height: 210px; 
    border: none;
}
.View .divImageContainer {
    text-align:center;
}

.Grid .divImageWrapper {
    width: 140px; 
    height: 210px; 
    padding: 0;
    margin:8px;
    position:relative;
}
.Grid .divImageWrapper img {
    max-width: 140px; 
    height:auto;
    max-height: 210px; 
    border: none;
}
.Grid .divImageContainer {
    position:absolute;
    bottom:0;
    width: 100%;
    text-align: center;
}

.Curriculum .divImageWrapper {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    margin: 0px auto;
    display: inline-block;
    position:static;
}
.Curriculum .divImageWrapper img {
    max-height: 190px;
    max-width: 190px;
    border: medium none;
    height: auto;
}
.Curriculum .divImageContainer {
    text-align: center;
    display: table-cell;
    height: 195px;
    max-height: 100%;
    vertical-align: middle;
    position:static;
    width:auto;
}

@media only screen and (min-width: 1001px) and (max-width:1120px) {
    .Curriculum .divImageContainer {
        height: 160px;
        width: 160px;
    }
        .Curriculum .divImageWrapper img {
            max-height: 155px;
            max-width: 155px;
        }

}
@media only screen and (min-width: 901px) and (max-width:1000px) {
    .Curriculum .divImageContainer {
        height: 140px;
        width: 140px;
    }
        .Curriculum .divImageWrapper img {
            max-height: 135px;
            max-width: 135px;
        }
}
@media only screen and (max-width:900px) {
   /* .Curriculum .divImageContainer {
        height: 115px;
        width: 115px;
    }
        .Curriculum .divImageWrapper img {
            max-height: 110px;
        }*/
    .Curriculum .divProductListingWrapper {
        width: 50%;
    }
    .Curriculum .divProductListingWrapper:nth-child(2n) .divImageAreaWrapper {
        border:none;
    }
}


.View .divListingAddToCart {display: block; width: auto; float: right; margin: 5px;}
.Grid .divListingAddToCart {display: block; width: 100%; float: none; margin: 5px 0;}

.Curriculum .CurriculumSearchHit .divListingAddToCart,
.Curriculum .CurriculumSearchHit .divListingContentHolder {
    display: none;
} /*HTML will not even be emitted. Not used.*/

.View .divListingContentHolder {display: table; vertical-align: top; padding: 0 10px;}
.Grid .divListingContentHolder {display: block; vertical-align: top; margin: 5px; width: auto;}

.Curriculum .listProductTitle { display: none;}
.View a.listProductTitle:link {font-size: 1.5em; color: #3083b9;}
.Grid a.listProductTitle:link {font-size: 1em; color: #3083b9;}
a.listProductTitle:active {}
a.listProductTitle:visited {}
a.listProductTitle:hover {text-decoration: underline;}

.View .listingSubTitle {font-size: 1.15em; font-style: italic; color: #666; }
.Grid .listingSubTitle {font-size: .95em; font-style: italic; color: #666; }

.View .divProductListingContentWrapper {font-size: 1em;line-height:1.3em;}
.View .ContentLabel {display: inline-block; padding: 1px; text-align: right; font-weight: bold; width: 140px;}
.View .ContentText {display: inline-block; padding: 1px; text-align: left;}

.Grid .divProductListingContentWrapper {font-size: 1em;}
.Grid .ContentLabel {display: inline-block; padding: 1px; text-align: right; font-weight: bold; width: auto;}
.Grid .ContentText {display: inline-block; padding: 1px; text-align: left;}

.View .Publisher {display: block; margin-top: 10px;}
.Grid .Publisher {display: none;}
.View .ProductNumber {display: block;}
.Grid .ProductNumber {display: none;}
.View .PubDate {display: block;}
.Grid .PubDate {display: none;}
.View .Author {display: block;}
.Grid .Author {display: none;}
.View .EditedBy {display: block;}
.Grid .EditedBy {display: none;}

.View .CokesburyPrice {color: #900; font-weight: bold;}
.Grid .CokesburyPrice {color: #900; font-weight: bold;}

.View .Imprint {display: block; margin: 10px; }
.Grid .Imprint {display: none; margin: 0px; }



.divBtnCompare {padding: 5px; margin: 10px;}


.divCompareWrapper {padding: 4px; font-size:.9em; text-transform: uppercase; color: #666; text-align: center;}
.divCompareClick {cursor: pointer; background-image:url(../imago/icons/checkBoxesSmall.png); background-position: 0px 0px; padding-left:20px; height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; vertical-align:middle;}
.divCompareSelected   {cursor: pointer; background-image:url(../imago/icons/checkBoxesSmall.png); background-position: 0px -15px; padding-left:20px; height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; vertical-align:middle;}
    .CurriculumSearchHit .divCompareWrapper {
        visibility:hidden;
    }
    .Curriculum .CurriculumSearchHit .divCompareWrapper {
       display:none;
    }
/************************************************************************************
END PRODUCT LISTING GRID VIEW
*************************************************************************************/

/************************************************************************************
BEGIN PRODUCT COMAPRE PAGE
*************************************************************************************/

.tblCompare {width: 100%;}
.imgCompareProduct {border: none; width: 54px; height: auto;}

.tblCompare td {padding: 4px; text-align: center;}
.tblCompare td img {width: 54px; height: auto; border: none;}


.tdCompareSection { font-weight: bold; text-align: left !important;}

.tdCompareOdd {background-color: #efefef; text-align: left; vertical-align: top; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;}
.tdCompareEven {background-color: #ffffff; text-align: left; vertical-align: top; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede;}
.tdCompareLabel {background-color: #3083b9; color: #ffffff; text-align: right !important;}
	
.btnCompare {font-family:Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 10px;}
a.linkCompareTitle:link {text-decoration: none; font-size: 1.125em; color: #3083b9; } 
a.linkCompareTitle:visited {text-decoration: none; font-size: 1.125em; color: #3083b9; } 
a.linkCompareTitle:active {text-decoration: none; font-size: 1.125em; color: #3083b9; } 
a.linkCompareTitle:hover {text-decoration: underline; font-size: 1.125em; color: #3083b9; }


/* **********************************************************************************************************

PRODUCT LISTING ENDS HERE....

********************************************************************************************************** */

/* **********************************************************************************************************

5. ~COKESBURY SIX BEGINS HERE....

********************************************************************************************************** */

/************************************************************************************
SET ALL MARGIN & PADDING
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, pre, table,
dd, dt, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, var, legend, fieldset {
    margin: 0;
    padding: 0;
    
}
    

img, fieldset {
    border: 0;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

html, body, form {
    height: 100%;
    background-color: #f3f3f3;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
.divPageWrapper {
    margin: 0 auto;
    padding: 0px;
    max-width: 1220px;
    min-width: 768px;
    min-height: 100%;
    background-color: #f3f3f3;
}

.divMainBodyWrapper {}
.divBodyNavContainer {display: none;}
.divBodyContentContainer {}

.oneColumnBodyWrapper {
    margin: 0px 20px;
    height: auto;
    width: auto;
    clear: both;
}
    .oneColumnBodyWrapper.marginTop {
        margin: 20px;
    }
.twoColumnBodyWrapper {
    margin: 0px 20px;
    height: auto;
    width: auto;
    clear: both;
    overflow: hidden;
    background: transparent url("../imago/cccccc.gif") repeat-y scroll 230px center / 1px auto;
}
    .twoColumnBodyWrapper.noDividerLine {
        background:none;
    }

.twoColumnNav {margin-top: 20px; display: block; width: 20%; margin-right: 1%; float: left;}
.twoColumnBody {margin-top: 20px; margin-bottom: 40px; width: 79%; float: left;}




.searchDynamic .addthis_toolbox,
.twoColumnBodyWrapper.Grid .twoColumnBody .addthis_toolbox,
.twoColumnBodyWrapper.List .twoColumnBody .addthis_toolbox {
    display:none;
}
.twoColumnBodyWrapper.Grid .twoColumnBody .pageTitle,
.twoColumnBodyWrapper.List .twoColumnBody .pageTitle {
    display:none;
}
/* in ecat now
.buttonBar {
    width:100%;
}
.buttonBar .button {
    cursor: pointer;
    text-align: center;
    background: #E2E2E2 none repeat scroll 0% 0%;
    border: 1px solid #CCC;
    color: #727272;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    width: 19.5%;
    display: inline-block;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0.5% 0px 0px;
    padding: 0.5em 6px;
    float: left;
   
}
    .buttonBar .button:hover {
        background-color:#fff;
    }
*/
/************************************************************************************
HEADER STRUCTURE
*************************************************************************************/

.divHeaderWrapper {
    clear: both;
    padding: 10px 20px;
}
.divNewHeaderWrapperFix .divHeaderWrapper {
    padding: 10px 40px;
}

.divLogoWrapper {
    display: inline-block;
    vertical-align: bottom;
    width: 30%;
}

.divSearchWrapper {
    display: inline-block;
    vertical-align: bottom;
    width: 57%;

}

.divLiveChatWrapper {
    display: inline-block;
    vertical-align: bottom;
    width: 12%;
    text-align: right;
    margin-top: 15px;

}


.imgCokesburyLogo {width: 100%; max-width: 265px; height: 61px; border: none; background-image: url("../imago/Cokesbury.png"); background-position: left bottom; background-repeat: no-repeat; overflow: hidden; moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; }
.imgCokesburyLogoDev {width: 100%; max-width: 265px; height: 61px; border: none; background-image: url("../imago/CokesburyDev.png"); background-position: left bottom; background-repeat: no-repeat; overflow: hidden; moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; }
.imgCokesburyLogoStage {width: 100%; max-width: 265px; height: 61px; border: none; background-image: url("../imago/CokesburyStg.png"); background-position: left bottom; background-repeat: no-repeat; overflow: hidden; moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; }



/************************************************************************************
VSL STYLES
*************************************************************************************/
#divVSLTitle {
    margin: 0px;
    position: absolute;
    top: 35px;
    width:28%;
}

.divVSLDisplayName {
    font-size: 2em;
    color: #3083b9;
    white-space: normal;
    font-weight:bold;
    line-height: 1.1em;
}

.divVSLByLine {
    font-size: 1em;
    color: #666666;
    font-style: italic;
    line-height: 1.5em;
}

/************************************************************************************
ACCOUNT TOP NAV STYLES
*************************************************************************************/

.divAccountTopNavWrapper {
    clear: both;
    padding: 0px 40px;
}

.divAccountNavButtonWrapper {
    float: right;
}

.divAccountNavButton {
    display: inline-block;
    margin: 0px 0px 0px 10px;
    padding: 10px 20px;
    background-color: #fff;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

    .divAccountNavButton > a:link {
        text-decoration: none;
        text-transform: uppercase;
        color: #3083b9;
    }

    .divAccountNavButton > a:visited {
        text-decoration: none;
        text-transform: uppercase;
        color: #3083b9;
    }

    .divAccountNavButton > a:active {
        text-decoration: none;
        text-transform: uppercase;
        color: #3083b9;
    }

    .divAccountNavButton > a:hover {
        text-decoration: none;
        text-transform: uppercase;
        color: #3083b9;
    }



#topNav {
    float: right;
    margin: 0;
    padding: 0px;
    z-index: 1200;
}

    #topNav ul {
        list-style: none !important;
        z-index: 1200;
    }

    #topNav > li {
        list-style: none !important;
        float: left;
        margin: 0px 0px 0px 10px;
        padding: 10px 0;
        background-color: #fff;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border:1px solid #f3f3f3;
        border-top:none;
    }
            #topNav > li:hover {
                border:1px solid #ccc;
                border-top:none;
            }
        #topNav li a {
            text-decoration: none;
            position:relative;
            text-transform: uppercase;
            color: #3083b9;
            padding:10px 20px;
            z-index: 1000;
            
        }
        #topNav #MyAccount {
          /*  border:none;*/
        }
        #topNav #MyAccount:hover {
            border-radius:0;
        }
        #topNav #MyAccount > a {
            z-index:1200;
            border-bottom:none;
          /* border-left:1px solid #f3f3f3;
            border-right:1px solid #f3f3f3;*/ 
        }
            #topNav #MyAccount:hover > a {
          /*  border-left:1px solid #ccc;
            border-right:1px solid #ccc;*/ 
            background-color:#fff;
        }

        #topNav #lnkBtnMyAccount .aarow {
            background: transparent url("../imago/aarows/aarow_down_lt.png") no-repeat scroll 95% 50%;
            cursor: pointer;
            width: 10px;
            height: 10px;
            display: inline-block;
            padding-left: 15px;
        }

        #topNav .mycokesburylist {
            position: absolute;
            display: none;
            padding: 5px 5px 10px 0;
            border: 1px solid #ccc;
            margin: 0 0 0 -1px;
            width: auto; 
            top:33px;
            background-color: #ffffff;
            -webkit-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-bottom-right-radius: 5px;
            -moz-border-bottom-left-radius: 5px;
            -moz-border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            border-top-right-radius: 5px;
            z-index: 1100;
            box-shadow:3px 3px 4px rgba(0,0,0,0.3);
        }

        #topNav li li {
            margin: 0px;
            padding: 0px;
        }

        #topNav > li:hover .mycokesburylist {
            display: block;
        }

        #topNav > li:hover li {
            float: none;
            padding:5px 0 4px;
            -webkit-border-bottom-right-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            -moz-border-radius-bottomright: 0;
            -moz-border-radius-bottomleft: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

            #topNav li:hover li a {
                color: #3083b9;
                border: none;
                text-align: left;
                padding-left: 20px;
            }

        #topNav li li:hover {
        }

        #topNav li li a:hover {
            margin-left: -2px;
            color: #3083b9;
        }

#topNav li:hover li a {
	text-decoration: none;
	text-transform: uppercase;
	color:#727272;
}
#topNav li:hover li:hover a {
	color:#3083b9;
	margin:0;
}

#lnkBtnMyAccount.active {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: none;
    padding-bottom: 8px;
}

#lnkBtnMyAccount img, #lnkBtnCartItems img {
    vertical-align: middle;
    border: none;
}

#topNav li li a.active {
    background-image: url('../imago/NavCheckMark.png');
    background-position: left center;
    background-repeat: no-repeat;
}

 .liSignOutMain {display: none !important;} 



/************************************************************************************
HEADER SEARCH STYLES
*************************************************************************************/

.divSearchElementWrapper {
    width: 400px;
    padding: 0px;
    margin: 20px 20px 0px 20px;
    white-space: nowrap;
}

input[type="text"].inputSearchBox {
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    font-size: 14px;
    color: #666;
    border-top: 2px solid #a5a5a5;
    border-right: 1px solid #a5a5a5;
    border-bottom: 2px solid #a5a5a5;
    border-left: 2px solid #a5a5a5;
    width: 310px;
    height: 48px !important;
    overflow: hidden;
    float: left;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow:none;
}

.inputSearchBox:focus {
    outline: none;
}

.inputSearchButton {
    margin: 0px;
    padding: 0px;
    width: 44px;
    height: 48px !important;
    cursor: pointer;
    border: none;
    background-image: url('../imago/iconSearch.png');
    background-color: #3083b9;
    float: left;
    border-top: 2px solid #a5a5a5;
    border-right: 2px solid #a5a5a5;
    border-bottom: 2px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
    /* Fixes submit button height problem in Firefox */
    .inputSearchButton::-moz-focus-inner {
        border: 0;
    }


/************************************************************************************
HEADER STYLES
*************************************************************************************/
 
.divLiveChatButtonWrapper {
    display: none;
}

.divLiveChatButton {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    background-color: #3083b9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    white-space: nowrap;
}

a.lpChatTextLink:link,
.lpChatTextLinkText {text-decoration: none;text-transform: uppercase;color: #ffffff;}
.lpChatTextLinkText strong span,
.lpChatTextLinkText span a {
    color: #ffffff !important;
}

    .divLiveChatButton > a:link {
        text-decoration: none;
        text-transform: uppercase;
        color: #ffffff;
    }

    .divLiveChatButton > a:visited {
        text-decoration: none;
        text-transform: uppercase;
        color: #ffffff;
    }

    .divLiveChatButton > a:active {
        text-decoration: none;
        text-transform: uppercase;
        color: #ffffff;
    }

    .divLiveChatButton > a:hover {
        text-decoration: none;
        text-transform: uppercase;
        color: #ffffff;
    }

        .divLiveChatButton p {
            padding:0 !important;
            margin:0 !important;
        }

/************************************************************************************
MEGA MENU STYLES
*************************************************************************************/

.topNavWrapper {
    background-color: #727272;
    height: 50px;
    margin: 20px 40px;
}

.divTopNavButton {
    float: left;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 30px 10px 20px;
    line-height: 30px;
    background: url(../images/iconDownArrow.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
}

    .divTopNavButton:hover {
        background-color: #333333;
        cursor: pointer;
    }

.divTopNavButtonRight {
    float: right;
    font-size: 14px;
    color: #ffffff;
    padding: 10px;
    line-height: 30px;
}

    .divTopNavButtonRight:hover {
        background-color: #333333;
        cursor: pointer;
    }

.divBillBoardContainer {
    height: 320px;
}

/************************************************************************************
ADVERTISING STYLES
*************************************************************************************/

.divRibbonTopWrapper {background-color: #fff; margin: 0px}
.divRibbonTopWrapper > .divAdvertisementImageWrapper {width: 100%; float: left; }
.divRibbonTopWrapper > .divAdvertisementImageWrapper > .imgAdvertisement {margin: 0px; width: 100%; }
.divMidPageWrapper {background-color: #fff; border-top: 1px solid #727272; border-bottom: 1px solid #727272; padding: 15px 15px}
.divMidPageWrapper > .divAdvertisementImageWrapper {width: 31%; float: left; margin: 15px 1%}
.divMidPageWrapper > .divAdvertisementImageWrapper > .imgAdvertisement {width: 100%;}
.divBottomPageWrapper {background-color: #fff; border-top: 1px solid #727272; border-bottom: 1px solid #727272; padding:30px;}
.divBottomPageWrapper > .divAdvertisementImageWrapper {width: 20%; float: left; }
.divBottomPageWrapper > .divAdvertisementImageWrapper > .imgAdvertisement {margin: 0px 15px; width: 90%;}

.divBillBoardNavWrapper {
    background-color: #727272;
    margin: 0px;
    padding: 0px 40px;
}

.divBillBoardTitleWrapper {
    display: table-cell;
    padding: 10px 30px 10px 20px;
    line-height: 15px;
}

.divBillBoardTitleWrapperActive {
    display: table-cell;
    background-color: #333333;
    padding: 10px 30px 10px 20px;
    line-height: 15px;
}

.divBillBoardTitle {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
}

.divBillBoardSubTitle {
    font-size: 11px;
    color: #ffffff;
    font-style: italic;
}

.imgBillboardTop {width: 100%; height: auto;}

/************************************************************************************
PRODUCT DETAIL
*************************************************************************************/
.divProductDetailWrapper {
    padding: 0px 20px;
    margin-top:20px;
}
.divProductDetailLeft {}
.divProductDetailRight {width: 220px; float: right;}

.divProductDetailImageWrapper {width: 24%; max-width: 300px; display: table-column; float: left;text-align:center;}
.divProductDetailImageContainer {margin: 0px 0px 20px 40px;}
   /* .imgProductDetailLarge {
        width: 100%; 
        height: auto; 
        border: none;
    }*/
     .imgProductDetailLarge {
        max-width: 100%; 
        height: auto; 
        border: none;
        max-height: 100%;
    }

.divProductDetailCenter {width: 55%; float: left;}
.divProductDetailTabsWrapper {width: 75%; float: left;}
.divProductDetailTabsContainer {
    margin: 20px 0px 20px 20px;
}

.divProductSampleButtonWrappers {margin: 10px 4px;}
.liProductExtrasButton {margin-top: 8px; list-style: none;}
a.LinkProductExtrasButton,
a.LinkProductExtrasButton:link,
a.LinkProductExtrasButton:hover,
a.LinkProductExtrasButton:visited,
a.LinkProductExtrasButton:active {
    display: block; 
    background-color: #3083b9; 
    color: #fff; 
    text-align: center; 
    font-size: 1.45em; 
    padding: 10px;  
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    text-decoration: none;
}
a.LinkProductExtrasButton:hover {
    background-color: #055c92; 
}

.divProductDetailContentWrapper {margin: 0px 20px;}
h1 { 
    font-weight: normal; 
    color: #333; 
    font-size: 2em;
}
h2 { font-weight: normal; color: #666; font-size: 1.5em;} 
h3 {
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #3083b9;
	border-bottom: 1px solid #3083b9;
}
h4 {
    color: #666;
    font-size: 1.25em;
    font-weight:normal;
}
h5 {
    color: #666;
    font-size: 1.1em;
    font-weight:bold;
}
h6 {
    color: #666;
    font-size: 1.25em;
    font-weight:bold;
}
    .divProductDetailKicker {margin-top: 1em; font-size: 1em; color: #333; text-align: left;}

    .divVideoButtonWrapper {
        border-top: 1px solid #ccc;
        margin-top: 1em; padding: 10px 0px 0 10px; 
    }
    .divVideoButtonWrapper .curriculumButtonsWrapper {
        vertical-align: top;
        margin-top: 10px;
        width:49%;
    }
    
.divProductDetailVideo { width:49%;}
.divProductDetailVideoTitle {margin-top: 1em; color: #666; font-size: 1.25em; font-weight: bold;}
.divProductDetailVideoContainer {float: left; margin: 10px 10px 0px 0px; }
.divProductDetailVideoClip {position: relative; width: 160px; height: 90px; overflow: hidden; }
    .divProductDetailVideoClip img {width: 160px; height: 120px; position: absolute; top: -15px; border: none;}

.divProductDetailVideoTitleTime {margin: 2px 0px; font-size: 1em; width: 160px; height: 2.25em;  overflow: hidden;}
.spanProductDetailVideoTitle {font-weight: bold; color: #666;}
.spanProductDetailVideoTime {font-weight: normal;}

.divProductDetailInfo {margin-top: 1em; padding: 10px; border-top: 1px solid #ccc;}
.divProductDetailInfoWrapper { margin: 6px; /*width: 45%; float: left;*/}

.divProductDetailInfo.curriculumGroupInfo .divProductDetailInfoWrapper {
    width: 45%;
    display: inline-block;
    margin: 3px 0px;
}
.divProductDetailExtras {margin-top: 1em; padding: 10px; border-top: 1px solid #ccc;}
.divProductDetailExtrasTitle {margin-top: 1em; color: #666; font-size: 1.25em; font-weight: bold;}
.divProductDetailExtrasSubTitle{margin-top: 1em; margin-bottom: -.5em; color: #666; font-size: 13px; font-weight: bold;}

.liProductExtras {margin-left: 10px !important; margin-top: 10px; list-style: none;}


/*  product detail available formats list  */
.availableFormatsWrapper {
	width:100%;
	margin:5px 0 0;
    padding:0;
    list-style:none;
}
.availableFormatsWrapper li {
	padding:5px;
	font-size:13px;
	display:table;
    width:100%;
	color:#666;
	cursor:pointer;
}
.availableFormatsWrapper li > div {
    display:table-cell;
}

.CurriculumFormatsWrapper {
	width:54.5%;
    display:inline-block;
    vertical-align:top;
}
.CurriculumFormatsContainer {
	width:100%;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    box-sizing: border-box;
    display:inline-block;
    vertical-align:top;
    margin-top:8px;
    border-bottom:1px solid #ccc;
}
    .CurriculumFormatsContainer:first-child {
        margin:0;
    }
    
.curriculumPriceWrapper {
	margin-top:10px;
    float:left;
    width:85%;
}
@media only screen and (max-width:1000px) {
    .curriculumPriceWrapper {
        width:75%;
    }
}
.curriculumPriceWrapper .curriculumFormatItem {
	font-size:15px;
	color:#666;
	cursor:pointer;
	display:inline;
    padding:0 5px;
}
.curriculumPriceWrapper .curriculumFormatsPrice {
	color: #900;
	margin:0 5px;
	font-size:15px;
	display:inline-block;
}
.curriculumPriceWrapper .availableFormatsItemPrice {
    display: inline-block;
    color: #727272;
    font-size: 14px;
    float:none;
}
.curriculumFormatsStatus {
    display:inline-block;
    color: #900;
    font-size: 14px;
    float:none;
}

	.liOtherFormat:hover {
		background:#E6E6E6;
	}
	.liOtherFormatCurrent {
		background:#fff;
		border:1px solid #ccc;
	}
.smallItemCheckbox {
	background:url(../imago/checkbox_small.jpg);
	width:14px;
	height:14px;
	/*float:left;*/
    position:absolute;
}
.liOtherFormat .smallItemCheckbox {
    visibility:hidden;
}
.availableFormatsItem {
    display:block;
	font-weight:bold;
	margin:0 0 0 20px;
    color:#666 !important;
}
.availableFormatsPriceWrapper {
    white-space:nowrap;
    padding-left:10px;
    text-align:right;
}
.availableFormatsItemPrice {
    display:inline;
	text-decoration: line-through;
	padding-left:0 5px;
}
.availableFormatsItemCokesPrice {
    font-weight:bold;
    display:inline;
	color: #900;
	margin:0 5px;
}

/************************************************************************************
ORDER BOX
*************************************************************************************/

.divProductDetailOrderBox {}
.divProductDetailOrderBoxWrapper {background-color: #fff; padding: 10px;}
.divOrderBoxFreeShippingWrapper {}
.divOrderBoxFreeShippingIcon {float: left; margin-right: 2px;}
.divOrderBoxFreeShippingText {float: left; color: #999; font-weight: bold; font-size: 1.15em; margin-left: 2px;}
.divOrderBoxRetailPrice {margin-top: 1em; color: #999; font-weight: bold; font-size: 1em; text-decoration: line-through;}
.divOrderBoxCokesburyPrice {color: #900; font-size: 2.5em; vertical-align: top;}
.spanOrderBoxCokesburyPriceCents {color: #900; font-size: .6em; vertical-align: top;}
.divProductDetailOrderBoxContainer .divOrderBoxButtons .btnCokesburySecondary {
    width:100%;
    margin-bottom:3px;
    font-weight:bold;
}
.divOrderBoxAddToCartWrapper {}
    .divOrderBoxAddToCartWrapper > .divListingAddToCart {}
    .divOrderBoxAddToCartWrapper > .divListingAddToCart > .divAddToCartWrapper { }
    .divOrderBoxAddToCartWrapper > .divListingAddToCart > .divAddToCartWrapper > .divQtyWrapper {
        font-size: 1.125em;
        font-weight: bold;
    }
        .divOrderBoxAddToCartWrapper > .divListingAddToCart > .divAddToCartWrapper > .divQtyWrapper input {
            padding:4px;
            text-align: center;
        }
    .divOrderBoxAddToCartWrapper > .divListingAddToCart > .divAddToCartButtonContainer > .btnCokesburyAction,
    .divOrderBoxAddToCartWrapper > .divListingAddToCart > .divAddToCartButtonContainer > .btnCokesburyAction:active,
    .divOrderBoxAddToCartWrapper > .divListingAddToCart > .divAddToCartButtonContainer > .btnCokesburyAction:focus,
    .divOrderBoxAddToCartWrapper > .divListingAddToCart > .divAddToCartButtonContainer > .btnCokesburyAction:hover {
        width: 100%;
        font-weight: bold; 
        font-size: 1.25em; 
        padding-right:10px;
        text-align: center;
        -webkit-appearance:none;
    }
    .GetStartedWrapper .btnCokesburyAction,
    .GetStartedWrapper .btnCokesburyAction:active,
    .GetStartedWrapper .btnCokesburyAction:focus,
    .GetStartedWrapper .btnCokesburyAction:hover {
        padding:.5em 0; 
        width: 100%;
        font-weight: bold; 
        font-size: 1.25em; 
        text-align: center;
        -webkit-appearance:none;
    }
.divOrderBoxButtons {
    width:100%;
}
.divOrderBoxButtons .addToButtonsWrapper {
    width:47%;
    display: inline-block;
}
.addToButtonsWrapper > .btnAddToExtra,
.addToButtonsWrapper > .btnAddToExtra:focus,
.addToButtonsWrapper > .btnAddToExtra:active,
.addToButtonsWrapper > .btnAddToExtra:hover {
    background-color: #FFF;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 0;
    color: #A5A5A5;
    font-size: 12px;
    font-weight: normal;
    white-space: normal;
    border: 1px solid #CCC;
    width: 100%;
    text-indent: 10px;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.addToButtonsWrapper .boldText {
    font-weight:bold;
}

    .curriculumBar .divOrderBoxButtons .addToButtonsWrapper .btnAddToExtra:hover {
        background-color:#ccc;
        color:#333;
    }

.divAddThisWrapper {display: block; margin-top: 5px; width: 100%; text-align: center; color: #3083b9; font-size: .9em;}
.divAddThisWrapper > div > a > img {margin-left: 17px;}

.divOrderBoxNotifyWrapper {padding: 4px; border: 1px solid #ccc; text-align: center;}
.divOrderBoxNotifyText {font-size: 1em;}
.divOrderBoxNotifyFormWrapper {padding: 4px; clear: right;}
    .divOrderBoxNotifyFormWrapper > span {display: block; margin: 3px; color: #666; text-transform: uppercase;font-size: .9em;}
    .divOrderBoxNotifyFormWrapper > input[type=button] {margin: 3px;}




/************************************************************************************
ORDER CONFIRMATION
*************************************************************************************/
#divCustomerOrder, #divGuestOrder {
    padding: 0 20px;
}

/************************************************************************************
FOOTER
*************************************************************************************/

/*google trusted store*/
#GTS_CONTAINER {
    margin:20px auto 0;
}
#GTS_CONTAINER > div {
    position:relative;
    width: 140px;
    height: 45px;
    overflow: hidden !important;
    margin:auto;
}
#GTS_CONTAINER img {
    border:none;
    position:absolute;
    top: -10px;
    right: 0;
}



.divFooterContainer {border-top: 1px solid #a6a6a6}
.divFooterSocialMediaWrapper {margin-top: 1em; text-align: center;}
    .divFooterSocialMediaWrapper > img {margin: 1em; width: 32px; height: 32px; border: none;}

.divFooterContentWrapper,
.divFooterLegal {
    padding: 0 20px 10px;
}

.divFooterColHalfWrapper {width: 49%; float: left;}




.divFooterCol1 > .LinkFooter {display: block;}
.LinkFooter,
a.LinkFooter:link,
a.LinkFooter:visited,
a.LinkFooter:active,
a.LinkFooter:hover { 
    line-height: 18px; 
    cursor:pointer;
    text-decoration: none; 
    font-family: Verdana, Helvetica, sans-serif; 
    font-weight: normal; 
    color: #727272; 
    font-size: 1em;
}
a.LinkFooter:hover {
    text-decoration: underline;
    color: #3083B9;
}
.divFooterCol1 {width: 20%; float: left; }
.divFooterCol2 {width: 20%; float: left; }
.divFooterCol3 {width: 20%; float: left; }
.divFooterCol4 {width:20%; float:left;text-align:center;}
.divFooterCol5 {
    width: 20%;
    max-width:140px; 
    float: right; 
    background-color:#fff;
    border:1px solid #ccc;
    position:relative;
    border-radius:5px;
}
    .divFooterCol5 .securityLockWrapper {
        padding:5px;
        position:absolute;
        left:-24px;
        bottom:-15px;
    }
.securityLock {
        background: url("../imago/secure_padlock.png") no-repeat;
        width:35px;
        height:42px;
    }
.updateAutoShipWrapper .securityLock.checkout {
    margin:0;
}
.securityLock.checkout {
    float:left;
    margin-top:10px;
}
.divFooterLegal {color: #727272; text-decoration: none; font-size: 1em;}


.divOtherSitesSelector {
   width: 80%;
}
.PaymentInfoSecurityWrapper {
    float:right; 
    margin:-20px 0 10px;
}

.divFooterSecuritySeal {margin: 1em; text-align: center;}

.divFooterSectionTitle {text-transform: uppercase; color: #727272; font-size: 1.25em; font-weight: bold; margin: 1.5em 0px .75em 0px}

/************************************************************************************
BEGIN SLIDERS
*************************************************************************************/
.Slider50Percent:nth-of-type(even) {box-shadow: -1px 0 0 #999;}
.Slider50Percent {width: 49.5%; display: inline-block; padding:0px; vertical-align: top;}
.Slider50Percent .Slider50Percent {width:100%;}/*fixes home page slider, same control used on product pages*/

.divWideSlider, .divNarrowSlider {width: 100%; padding-bottom:15px;}
.divSliderMain2 {width: 100%; padding-bottom:15px;}

.FrontListSlidersOneColumn {display: block;}
.FrontListSlidersTwoColumn {display: block;}
    .FrontListSlidersTwoColumn > span {display: inline-block; width: 49.5%;}
    .FrontListSlidersTwoColumn > span:nth-child(2) {box-shadow: -1px 0 0 #999;}
    .FrontListSlidersTwoColumn > span:nth-child(4) {box-shadow: -1px 0 0 #999;}
    .FrontListSlidersTwoColumn > span:nth-child(7) {box-shadow: -1px 0 0 #999;}



.tblFrontListSliders {width: 100%;}
.tblFrontListSliders td:nth-child(even){border-left: 1px solid #999;}
.divSliderWrapper,
.FrontListSlidersTwoColumn .divSliderRecommendedWrapper {
    padding: 20px 0 0; 
    border-top: 1px solid #999; 
    width: 100%;
}

.divSliderMainTitle {margin-left: 20px; width: 90%; height: 1.5em; color: #666; font-size: 1.5em; text-transform: uppercase; line-height:1.5em; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;}

.divSliderCatViewAll {float: right; margin: 2px 20px 2px 2px;}
    a.LinkSliderViewAll:link {font-size: .9em; text-decoration: none; color: #3083b9; font-weight: bold;}
    a.LinkSliderViewAll:hover {}
    a.LinkSliderViewAll:active {}
    a.LinkSliderViewAll:visited {}

.divSliderContent {display: none; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-align: center;}

.divSliderTitleBindingWrapper {width: 100%; line-height: 1em; height: 3em; overflow: hidden; background-color:#fff; }

    .divSliderTitleContainer {display: block; font-size: 1em; line-height: 1.25em; text-align: center; margin: 3px 2px; max-height: 2.5em; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
    a.LinkSliderTitle:link {text-decoration:none; color: #3083B9; font-weight: bold; }
    a.LinkSliderTitle:hover {color: #3083B9; text-decoration:none;}
    a.LinkSliderTitle:active {}
    a.LinkSliderTitle:visited {}

    .divSliderSubTitle{display: none;}

.divSliderBindingContainer {margin: 2px; color: #666; font-weight: normal; font-size: .85em; font-style: italic; text-align: center;}

.divSliderAuthorContainer {display: block; margin: 4px; font-size: 1em; text-transform: uppercase; text-align: center; height: 1.25em; overflow: hidden; background-color: #fff;}
    a.LinkSliderAuthor:link { text-decoration:none; color: #666; font-weight: normal;  }
    a.LinkSliderAuthor:active {}
    a.LinkSliderAuthor:hover {text-decoration:none; color: #666;}
    a.LinkSliderAuthor:visited {}

.divSliderRetailPrice{margin: 8px 0px 0px 10px; float: left; color: #666; font-size: .9em; text-align: left; text-decoration:line-through;}
.divSliderCokesburyPriceContainer {margin: 8px 10px 0px 0px; float: right; color: #3083B9; font-size: 1.125em; text-align: right;}
.divSliderCokesburyPrice{ }

.ts-page-info {display: none !important;}


/* Slider tooltip styles */
.divTip {
				width: 160px;
				height: 225px;
				padding: 10px;
				background-color: #FFEFEF;
				border: solid 1px #AFADAD;
				position: absolute;
				top: 0;
				z-index: 100000000000;
				display: none;
                left: 159px;
			}
.divTipContent {display: none;}
.divTip, .divTipLeft {width: 160px ;height: 338px; padding: 0px; background-color: #fff;border: solid 1px #AFADAD;position: absolute;top: 0;z-index: 1;display: none;}
.divTipLeft {left: -150px;}
.divTip:after, .divTipLeft:after {content: '';display: block;position: absolute;top: 241px;width: 0;height: 0;	border-style: solid;}
.divTip:after {left: -2px;border-width: 50px 0 50px 22px;border-color: transparent transparent transparent #ffffff;}
.divTipLeft:after {left: 139px;border-width: 50px 22px 50px 0;border-color: transparent #ffffff transparent transparent;}
.divTip:before, .divTipLeft:before {content: '';display: block;position: absolute;top: 240px;width: 0;height: 0;border-style: solid;}
.divTip:before {left: -1px;border-width: 51px 0 51px 23px;border-color: transparent transparent transparent #AFADAD;}
.divTipLeft:before {left: 137px;border-width: 51px 23px 51px 0;border-color: transparent #AFADAD transparent transparent;}

.divTipContentTextWrapper {height: 240px; overflow: hidden;}
.divSliderCaptionTitle{color: #3083B9; font-weight: bold; font-size: 1em; line-height: 1.25em; text-align: center; max-height: 2.5em; overflow: hidden;margin: 6px 5px;}
.divSliderCaptionSubTitle {color: #666; font-weight: normal; font-style: italic; font-size: .9em; line-height: 1.25em; text-align: center; margin: 2px 5px; height: 2.5em; overflow: hidden;}
.divSliderCaptionText{font-size: .9em; line-height: 1.25em; height:16em; overflow: hidden; color: #999; margin: 0px 10px;}
.divSliderCaptionFreeShippingContainer {line-height: 1.25em; text-align: center; margin: 2px; height: 2.5em; overflow: hidden;}
.divSliderCaptionFreeShipping {color: #3083B9; font-weight: normal; font-size: 1em; }
.divSliderCaptionBuyNow {margin: 5px; text-align: center;}

.FixedSliderImageWrapper {
    width: 158px;
    height: 240px;
    padding: 0px;
    margin: 0px;
    position: relative;
    background-color:#f3f3f3;
}
.FixedSliderImageContainer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}
.FixedSliderImageContainer img {
    width: auto;
    max-width: 158px !important;
}

.divSliderCaptionBuyNow > .divListingAddToCart > .divAddToCartButtonContainer > .btnCokesburyAction {
	display: block;
	margin-left: auto;
	margin-right: auto;
    background: none;
	background-color: #fff;
   	color: #3083B9; 
	font-weight: bold; 
	font-size: .9em; 
	line-height: 1.25em; 
	border: 2px solid #3083B9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	padding: 3px 6px;
       -webkit-appearance:none;
}
.divSliderCaptionBuyNow > .divListingAddToCart > .divAddToCartButtonContainer > .btnCokesburyAction:active {}
.divSliderCaptionBuyNow > .divListingAddToCart > .divAddToCartButtonContainer > .btnCokesburyAction:hover {background-color: #3083B9; color: #fff;}
.divSliderCaptionBuyNow > .divListingAddToCart > .divAddToCartButtonContainer > .btnCokesburyAction:visited {}

/************************************************************************************
LARGE HOME BANNER ADS BEGIN
*************************************************************************************/



.divBillboardWrapper {}
.cycle-slideshow {
    width:100%;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.divBodyContentContainer.twoColumnBody .cycle-slideshow {
    border-right: 1px solid #A5A5A5;
    border-left: 1px solid #A5A5A5;
}
.divSlideshowImageContainer {width: 100%;display: none;}
.divSlideshowImageContainer > img {width:100%;}

/* FIX SO THAT ALL SLIDES DO NOT SHOW WHEN PAGE FIRST LOADS */
.divSlideshowImageContainer.first { display: block }
/* FIX SO THAT ALL SLIDES DO NOT SHOW WHEN PAGE FIRST LOADS */

.spanSlideshowBannerSpacerHeader {display: block; height: 210px !important; }
.spanSlideshowBannerSpacerBanner {display: block;}
.spanSlideshowBannerSpacerBanner input[type=image] {width: 100%; height: auto;}

.divNewHeaderWrapper {width: 100%; z-index: 1000; margin-bottom: 0px; }
.divHeaderContainer {position: relative; margin: 0 auto;padding: 0px;max-width: 1220px; min-width: 768px; }
.divHeader {position: relative; width: 100%; height: 130px; }
.divTopNav {position: relative; margin: 0 20px;} 
.divNewHeaderWrapperFix .divTopNav {
    margin: 0 40px;
}
.external {background-color: #727272;
    height: 50px;
    margin: 0px;
    padding: 0px 50px;
    overflow: hidden;
}

.external > a:link {
    display: inline-block;
    height: 50px;
    font-size: 13px;
    color: #ffffff;
    padding: 10px 25px 0px 25px;
    line-height: 1em;text-decoration: none;font-style: italic;}
.external > a:link > b {
    font-size: 1.125em;
    font-style: normal;
    text-transform: uppercase;
}
.external > a:hover {color: #ffffff}
.external > a:active {color: #ffffff}
.external > a:visited {color: #ffffff}

a.cycle-pager-active:link {background-color: #3f3f3f;}
a.cycle-pager-active:hover {}
a.cycle-pager-active:active {}
a.cycle-pager-active:visited {}

.divSlideshowPrevious {position:absolute; top: 60%; left: 25px; z-index: 500; width: 24px; height: 75px; cursor: pointer; background-image: url(../imago/BillboardLeft.png); background-repeat: no-repeat;}
.divSlideshowNext {position:absolute; top: 60%; right: 25px; z-index: 500; width: 24px; height: 75px; cursor: pointer; background-image: url(../imago/BillboardRight.png); background-repeat: no-repeat;}

/************************************************************************************
LARGE HOME BANNER ADS END
*************************************************************************************/

.ui-state-active > a.ui-tabs-anchor:link {color: #ed8c21}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

.tblScrollerContainer {}
.tblScrollerContainer td {width: 50%;}



/* **********************************************************************************************************

COKESBURY SIX ENDS HERE....

********************************************************************************************************** */

/* **********************************************************************************************************

6. ~COLOR BOX BEGINS HERE....

********************************************************************************************************** */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#333;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../imago/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#fff; font-size:1.1em; text-shadow:1px 1px 3px #111;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../imago/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


/* **********************************************************************************************************

COLOR BOX ENDS HERE....

********************************************************************************************************** */

/* **********************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************

7. ~MEGAMENU BEGINS HERE....

*************************************************************************************************************
*************************************************************************************************************
********************************************************************************************************** */



.page_wrapper,
.page_wrapper_vertical {
	width: 860px;
	margin: 36px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
}
.menu_description {
	color:#262626;
	text-shadow:1px 1px 1px #ffffff;
	padding-bottom: 36px;
}
.menu_description h1 {
	margin-top: 24px;
	font-size:24px;
	line-height:38px;
}
.menu_description h2 {
	font-size:18px;
	line-height:24px;
}
.menu_description ul.description {
	font-size:12px;
	line-height:21px;
	list-style: square;
	margin: 0 0 0 15px;
	padding: 0;
}
.menu_description a {
	color: #888888;
	text-decoration: none;
}
.page_wrapper_vertical {
	width:960px;
	margin: 36px auto;
}
.page_wrapper_vertical .menu_description {
	float:left;
	width: 760px;
	margin-left: 40px;
}
.page_wrapper_vertical .menu_description h1 {
	margin-top: -6px;
}
.page_wrapper_fixed {
	margin: 70px auto;
}
@media only screen and (min-width: 768px) and (max-width: 984px) {
	.page_wrapper, .page_wrapper_vertical {width:768px;}
	.page_wrapper_vertical .menu_description {width: 500px;}
}
@media only screen and (max-width:767px) {
	.page_wrapper, .page_wrapper_vertical {width:420px;}
	.page_wrapper_vertical .menu_description {width: 100%;margin-left:0;}
	.page_wrapper_vertical .menu_description h1 {margin-top: 24px;}
}
@media only screen and (max-width:479px) {
	.page_wrapper, .page_wrapper_vertical {width:300px;}
}




/*  _______________________________________________

    01 MEGA MENU BAR
    _______________________________________________  */




.megamenu_container {
	width:100%;
	height: 46px;
	*height: 44px;
	margin:0 auto;
	position: relative;
	z-index:1000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.megamenu_fixed {
	width: inherit;
	position:fixed;
	top:0;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	/* IE7 Fix */
	*width:expression(this.parentNode.currentStyle['width']);
}
.megamenu {
	list-style:none;
	padding:0;
	position:relative; /* For IE7 */
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1;
}
	.megamenu > li {
		float:left;
		margin:0;
		border:none;
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease;
        letter-spacing: 0.4px;
	}
    @media only screen and (max-width: 865px) {
        .megamenu > li {
            letter-spacing: 0;
        }
    }
	
            .megamenu > li > a {
			font-size:1.125em;
			text-transform:uppercase;
			outline:0;
			text-decoration:none;
			display:block;
			padding: 16px 15px;
		}
		.megamenu > li .megamenu_drop {
			padding-right:30px;
		}
       
		.megamenu li.megamenu_button {
			display: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			transition: none;
		}

		/* Right aligned menu item */
		
		.megamenu li.megamenu_right {
			float:right;
			margin-right:-1px;
            text-align: right;
		}
		.megamenu li.megamenu_right a {
			margin-right:5px;
		}

		


/*  _______________________________________________

    02 MEGA MENU CONTAINERS
    _______________________________________________  */


/**/

.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
	position: absolute;
	margin:0;
	padding-top:24px;
	padding-bottom:10px;
	left:-9999em;
	top:-9999em;
	display: block;
	zoom:1;
	z-index:9998;
	float: left;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.megamenu li .dropdown_first {
	margin-left:-1px;
}
.megamenu li .droplast_right {
	margin-right:-1px;
    padding-left:20px;
  
}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover .dropdown_container {
	top:45px;
	left:auto;
    -moz-transition-delay:200ms;
    -o-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    transition-delay:200ms;
}
.megamenu li:hover .dropdown_fullwidth {
	top:45px;
	left:-1px;
}
.megamenu li .dropdown_right {
	right:0;
}
.megamenu li:hover .dropdown_right {
	top:45px;
	left:auto;
	right:0;
}


/*
	Bigger containers need smaller padding values and
	on the opposite, smaller containers will have
	higher paddings. 
	This makes the content within each kind of drop down 
	equally distant from the left edge. 
*/

.megamenu .dropdown_1column {
	width: 8.3334%;
	padding-left: 2%;
	padding-right: 2%;
}
.megamenu .dropdown_2columns {
	width: 16.6667%;
	padding-left: 1.8333%;
	padding-right: 1.8333%;
}
.megamenu .dropdown_3columns {
	width: 25%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.megamenu .dropdown_4columns {
	width: 33.3334%;
	padding-left: 1.333%;
	padding-right: 1.333%;
}
.megamenu .dropdown_5columns {
	width: 41.6667%;
	padding-left: 1.166%;
	padding-right: 1.166%;
}
.megamenu .dropdown_6columns {
	width: 50%;
	padding-left: 1%;
	padding-right: 1%;
}
.megamenu .dropdown_7columns {
	width: 58.3334%;
	padding-left: 0.833%;
	padding-right: 0.833%;
}
.megamenu .dropdown_8columns {
	width: 66.6667%;
	padding-left: 0.666%;
	padding-right: 0.666%;
}
      .megamenu .dropdown_8columns.dropdown_fullwidth {
	    width: 100%;
	    padding-left: 0;
	    padding-right: 0;
       }
.megamenu .dropdown_9columns {
	width: 75%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
.megamenu .dropdown_10columns {
	width: 83.3334%;
	padding-left: 0.333%;
	padding-right: 0.333%;
}
.megamenu .dropdown_11columns {
	width: 91.6667%;
	padding-left: 0.1666%;
	padding-right: 0.1666%;
}
.megamenu .dropdown_12columns,
.megamenu .dropdown_fullwidth {
	width: 100%;
}




/*  _______________________________________________

    03 DROP DOWN COLUMNS GRID
    _______________________________________________  */




.megamenu .col_1,
.megamenu .col_2,
.megamenu .col_3,
.megamenu .col_4,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12 {
	float: left;
	display:inline;
	position: relative;
	margin-left: 2%;
	margin-right: 2%;
	/* 
	Rounding error with IE7.
	Lower margin values will absorb the difference.
	*/
	*margin-left: 1.9%;
	*margin-right: 1.9%;
}

.megamenu .col_1 {width:4.33%;}
.megamenu .col_2 {width:12.66%;}
.megamenu .col_3 {width:21%;}
.megamenu .col_4 {width:29.33%;}
.megamenu .col_5 {width:37.66%;}
.megamenu .col_6 {width:46%;}
.megamenu .col_7 {width:54.33%;}
.megamenu .col_8 {width:62.66%;}
.megamenu .col_9 {width:71%;}
.megamenu .col_10 {width:79.33%;}
.megamenu .col_11 {width:87.66%;}
.megamenu .col_12 {width:96%;}

.megamenu .rowcontent {
	clear:left;
	/*
	IE7 clear issue.
	Display inline required.
	*/
	*display:inline;
}




/*  _______________________________________________

    04 FLY-OUT MENU
    _______________________________________________  */




.megamenu .dropdown_flyout, 
.megamenu .dropdown_flyout .dropdown_flyout_level {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.megamenu .dropdown_flyout li {
	float: left;
	width: 92%;
	padding: 3px 4% 3px 4%;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.megamenu .dropdown_flyout ul li {
	width: 140px;
	padding: 3px 10px 3px 10px;
}
.megamenu .dropdown_flyout a {
	display: block;
	width: 10em;
}
.megamenu .dropdown_flyout .dropdown_flyout_level {
	position: absolute;
	margin:15px 0 0 4px;
	padding:6px;
	left: -9999em;
	top:-9999em;
	display: block;
	zoom:1;
	float: left;
}
.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
	left:95%;
	top:-21px;
}
.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
	left:-108%;
	right:100%;
}




/*  _______________________________________________

    05 MEGA MENU WEB ELEMENTS
    _______________________________________________  */




/* 1. General Typography */


.megamenu p, 
.megamenu h1, 
.megamenu h2, 
.megamenu h3, 
.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	padding:0;
	margin:0 0 20px;
}
.megamenu > li > div a {
	text-decoration: none;
	outline: none;
}
.megamenu > li > div a:hover {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.megamenu p {
	font-size:12px; 
	line-height:21px; 
}
.megamenu h1, 
.megamenu h2, 
.megamenu h3,
.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	font-weight: bold;
	margin:0 0 20px 0;
}
.megamenu h1 {
	font-size: 24px;
	line-height: 28px;
}
.megamenu h2 {
	font-size: 20px;
	line-height: 22px;
}
.megamenu h3 {
	font-size: 16px;
	line-height: 20px;
}
.megamenu h4 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom:14px;
}
.megamenu h5 {
	font-size: 12px;
	line-height: 18px;
	margin-bottom:14px;
}
.megamenu h6 {
	font-size: 10px;
	line-height: 16px;
	margin-bottom:14px;
	text-transform:uppercase;
}


/* 2. Lists */


.megamenu li ul,
.megamenu li ol {
	padding:0;
	margin:0 0 18px 20px;
}
.megamenu li ul {
	list-style:none;
    margin-left: 0px;
}
.megamenu li ol {
	list-style:decimal;
	*margin-left: 22px;
}
    .megamenu li ul li {
        line-height:21px;
    }
        .megamenu li ul li a {
        line-height:21px;
        }
	.megamenu li ul li a,
    .megamenu li ul li,
	.megamenu li ol li {
        color:#eeeeee !important;
		font-size:12px;
		position:relative;
		padding:0;
		margin:0;
		float:none;
		text-align:left;
        font-weight:bold;
        text-transform: uppercase;
       /* margin-left: 10px;*/
	}
    .megamenu li ul li ul li a,
    .megamenu li ul li ul li,
	.megamenu li ol li ul li {
		text-transform:none;
		color:#c8c8c8 !important;
        font-weight:normal
       /* margin-left: 10px;*/
	}

.megamenu li .list_unstyled {
	list-style: none;
	margin-left:0;
}


/* 3. Custom Paragraphs */


.megamenu .blue, 
.megamenu .grey, 
.megamenu .orange, 
.megamenu .dark, 
.megamenu .purple {
	padding:0 0 0 15px; 
	margin-bottom:18px;
	border-left: solid 5px;
}
	.megamenu .blue {border-left-color:#929292;}
	.megamenu .grey {border-left-color:#ECE7BA;}
	.megamenu .orange {border-left-color:#BD4F33;}
	.megamenu .dark {border-left-color:#3F3F3F;}
	.megamenu .purple {border-left-color:#382E34;}

.megamenu .black_box {
	text-shadow:none;
	padding:10px;
	margin-top:-10px;
	*margin-top:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}


/* 4. Video + Misc. */


.megamenu .video_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 24px;
}
	.megamenu .video_container iframe,  
	.megamenu .video_container object,  
	.megamenu .video_container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border:none;
	}
.megamenu .dropcap {
	display:block; 
	float:left; 
	font-size:42px; 
	line-height:36px; 
	margin:4px 8px 0 0;
}
.megamenu hr {
	width: 100%;
	height: 0;
	*height:2px;
	border:none;
	margin-bottom: 24px;
}


/* 5. Images */


.megamenu img {
	max-width: 100%;
	height: auto;
	border:none;
	margin-bottom: 18px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity:0.7;
	-webkit-transition: opacity 0.3s ease-in-out; 
	-moz-transition: opacity 0.3s ease-in-out; 
	-o-transition: opacity 0.3s ease-in-out; 
	transition: opacity 0.3s ease-in-out;  
}
	.megamenu img.img_left {
		float: left;
		margin-right: 18px;
	}
	.megamenu img.img_right {
		float: right;
		margin-left: 18px;
	}

.megamenu img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
	-webkit-transition: opacity 0.3s ease-in-out; 
	-moz-transition: opacity 0.3s ease-in-out; 
	-o-transition: opacity 0.3s ease-in-out; 
	transition: opacity 0.3s ease-in-out;  
}


/* 6. Paragraph Icons */


.megamenu .paragraph_icon {
	padding-left: 36px;
	padding-right: 20px;
	margin-bottom: 18px;
}
.megamenu .mini_icon {
	background-repeat: no-repeat;
	margin-top: 4px;
	margin-left:-34px;
	float: left;
	width: 20px;
	height: 20px;
}


/* 7. Social Icons */


/* 8. Form Elements */


.megamenu #megamenu_form {
	margin:0 0 20px 0;
	display: block;
}
.megamenu #megamenu_form fieldset {
	border:0;
	margin:0;
	padding:0;
	position: relative;
}
.megamenu #megamenu_form label {
	width: 94%;
	float: left;
	margin: 0 0 12px 0;
	padding-top: 3px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
.megamenu #megamenu_form input.form-input, 
.megamenu #megamenu_form textarea {
	width: 90%;
	padding:6px;
	border: 1px solid #dddddd;
	box-shadow: none;
	margin: 0 0 12px 0;
    -moz-transition:border-color 0.2s;
    -o-transition:border-color 0.2s;
    -webkit-transition:border-color 0.2s;
    transition:border-color 0.2s;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.megamenu #megamenu_form input.form-captcha {
	width: 40px;
}
.megamenu #megamenu_form textarea {
	height: 120px;
}
.megamenu #megamenu_form input.form-input:hover, 
.megamenu #megamenu_form textarea:hover {
	border: 1px solid #bbbbbb;
}
.megamenu #megamenu_form input.form-input:focus, 
.megamenu #megamenu_form textarea:focus {
	border: 1px solid #aaaaaa;
	box-shadow: none;
	outline: none;
}
.megamenu #megamenu_form .form-buttons {
	list-style: none;
	width: 94%;
	margin: 6px 0 0 0;
}
.megamenu #megamenu_form .form-buttons li {
	float: left;
	margin: 0 12px 0 0;
}
.megamenu #megamenu_form .form-buttons li input {
	float: left;
	margin: 0 12px 0 0;
	padding: 9px 0;
	width: 90px;
	font-size:12px;
	cursor: pointer;
	color: #eeeeee;
	border: none;
	background: #000000;
}

/* Colored elements */

.megamenu #megamenu_form label.error,
.megamenu #megamenu_form #error,
.megamenu #megamenu_form #success {
	color:#fff;
	clear: both;
	width: 90%;
	padding:6px;
	font-size:12px;
	line-height: 18px;
}
.megamenu #megamenu_form label.error,
.megamenu #megamenu_form #error {
	background:#E45635; 
}
.megamenu #megamenu_form input.error,
.megamenu #megamenu_form input.error:hover,
.megamenu #megamenu_form input.error:focus,
.megamenu #megamenu_form textarea.error,
.megamenu #megamenu_form textarea.error:hover,
.megamenu #megamenu_form textarea.error:focus {
	border-color:#f4baad; 
}
.megamenu #megamenu_form #success {
	background:#90AB76;
}
.megamenu #megamenu_form #success, 
.megamenu #megamenu_form #error {
	display: none;
	position:absolute;
	top:0;
	margin-left: 0;
	width: 90%;
}



/* 9. Tables */


.megamenu .table_light, 
.megamenu .table_dark {
	width:100%;
	padding:0;
	margin:6px 0 18px 0;
	font-size:12px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.megamenu .table_light th, 
.megamenu .table_dark th {
	text-align:left; 
	padding:12px 9px 12px 9px; 
	font-weight:bold; 
	font-size:12px;
}
	.megamenu .table_light td,
	.megamenu .table_dark td {
		padding:12px 9px 12px 9px; 
	}




/*  _______________________________________________

    06 DEFAULT THEMES, DARK & LIGHT (REQUIRED)
    _______________________________________________  */




/* 1. Dark Menu Bar removed*/


/* 2. Light Menu Bar */


.megamenu_light_bar {
	background: #727272;
    border-left: 1px solid #727272;
    border-right: 1px solid #727272;
}
.megamenu_light_bar .megamenu {
	color:#333333;
}
	.megamenu_light_bar .megamenu > li:hover, 
	.megamenu_light_bar .megamenu > li.active {
		background: #DDDDDD;
        cursor:default;
        
	}
	.megamenu_light_bar .megamenu li.noactive {
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.megamenu_light_bar .megamenu > li > a {
		color:#333333;
		text-shadow:1px 1px 1px #FFFFFF;
	}
	.megamenu_light_bar .megamenu > li:hover > a {
		color:#111;
        cursor: pointer;
	}
	.megamenu_light_bar .megamenu > li .megamenu_drop {
		background:url("../imago/dropdown-b.png") no-repeat right 18px;
	}
	.megamenu_light_bar .megamenu_vertical > li .megamenu_drop {
		background:url("../imago/right-b.png") no-repeat right 16px;
	}
	.megamenu_light_bar .megamenu li.megamenu_button,
	.megamenu_light_bar .megamenu li.megamenu_button:hover {
		background:url("../imago/dropdown-b.png") no-repeat right 19px;
	}
	.megamenu_light_bar .megamenu li.megamenu_button_active,
	.megamenu_light_bar .megamenu li.megamenu_button_active:hover {
		background:url("../imago/dropdown-b-up.png") no-repeat right 18px;
	}


/* 3. Dark Drop Down */


.megamenu_dark .megamenu li .dropdown_container,
.megamenu_dark .megamenu li .dropdown_fullwidth,
.megamenu_dark .megamenu li .dropdown_flyout li ul {
	border:1px solid #000000;
	border-top-width: 0;
	
    background: rgba(0,0,0,0.85);
	color: #f6f6f6;
}
.megamenu_container_vertical .megamenu li .dropdown_container,
.megamenu_container_vertical .megamenu li .dropdown_fullwidth,
.megamenu_container_vertical .megamenu li .dropdown_flyout li ul {
	border-top-width: 1px;
}
.megamenu_dark .megamenu li .dropdown_flyout li ul {
	border:1px solid #000000;
}
.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent {
	background:url("../imago/right.png") no-repeat right 9px;
}
.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent:hover,
.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.active {
	background-color:#000000;
}
.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.noactive {
	background-color:transparent;
}
.megamenu_dark .megamenu p, 
.megamenu_dark .megamenu h1, 
.megamenu_dark .megamenu h2, 
.megamenu_dark .megamenu h3, 
.megamenu_dark .megamenu h4, 
.megamenu_dark .megamenu h5, 
.megamenu_dark .megamenu h6 {
	color: #f6f6f6;
	text-shadow: 1px 1px 1px #000000;
}
.megamenu_dark .megamenu > li > div a,
.megamenu_dark .megamenu li ul li,
.megamenu_dark .megamenu li ol li {
	color:#c8c8c8;
}
.megamenu_dark .megamenu > li > div a:hover {
	color:#fff !important;
}
.megamenu_dark .megamenu li ul li:hover,
.megamenu_dark .megamenu li ol li:hover,
.megamenu_dark .megamenu .blue, 
.megamenu_dark .megamenu .grey, 
.megamenu_dark .megamenu .orange, 
.megamenu_dark .megamenu .dark, 
.megamenu_dark .megamenu .purple {
	color:#fff !important;
}
.megamenu_dark .megamenu .black_box {
	background: #000000;
	color:#ffffff;
}
.megamenu_dark .megamenu .grey_bg {
	background: #eeeeee;
	color: #000000;
	text-shadow:1px 1px 1px #ffffff;
}
.megamenu_dark .megamenu > li.megamenu_searchform:hover {
	background: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.megamenu_dark .megamenu hr {
	border:none;
	border-bottom:1px solid #202020;
	border-top:1px solid #000000;
}
/* 4. LIght Drop Down removed*/

/* 5. Neutral Colored Elements */


/* Form Elements */

.megamenu > li.megamenu_searchform {
    padding: 7px 12px 0 0;
}
.megamenu > li.megamenu_searchform .megamenu_searchfield {
	background: #fff;
	border: solid 1px #bcbbbb;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border-radius: 3px;
    margin-top: 2px;
    outline: medium none;
    padding: 4px 4px 4px 6px;
    width: 202px;
}


/* Tables */

.megamenu .table_light {
	border:1px solid #cbcbcb;
	border-bottom:none;
}
	.megamenu .table_light th {
		color:#3A3A3A; 
		border-bottom:1px solid #cbcbcb; 
		background:#F5F5F5;
	}
	.megamenu .table_light td {
		border-bottom:1px solid #cbcbcb; 
		background:#fff; 
		color:#888;
	}

.megamenu .table_dark {
	border:1px solid #000; 
	border-bottom:none;
}
	.megamenu .table_dark th {
		color:#FFF; 
		border-bottom:1px solid #000; 
		background:#0D0D0D;
	}
	.megamenu .table_dark td {
		border-bottom:1px solid #000; 
		background:#0F0F0F; 
		color:#DDD;
	}




/*  _______________________________________________

    07 ADDITIONAL THEMES (OPTIONNAL)
    _______________________________________________  */



.megamenu_greytheme .megamenu {
	color:#FFFFFF;
}

	.megamenu_greytheme .megamenu > li:hover, 
	.megamenu_greytheme .megamenu > li.active {
		background: #121212;
		-webkit-box-shadow:inset 0px 3px 6px rgba(0,0,0,0.2);
		-moz-box-shadow:inset 0px 3px 6px rgba(0,0,0,0.2);
		box-shadow:inset 0px 3px 6px rgba(0,0,0,0.2);
	}

	.megamenu_greytheme .megamenu > li > a {
		color:#FFFFFF;
		text-shadow:1px 1px 1px #333;
	}

	.megamenu_greytheme .megamenu > li:hover > a {
		color:#FFFFFF !important;
		text-shadow:1px 1px 1px #000000;
	}

	.megamenu_greytheme .megamenu > li .megamenu_drop {
		background:url("../imago/dropdown.png") no-repeat right 18px;
	}
	
	.megamenu_greytheme .megamenu_vertical > li .megamenu_drop {
		background:url("../imago/right.png") no-repeat right 16px;
	}



/* 6. Grey */


.megamenu_greytheme {
	background: #727272;

}
.megamenu_greytheme .megamenu > li > div a,
.megamenu_greytheme .megamenu li ul li,
.megamenu_greytheme .megamenu li ol li {
	color:#c8c8c8;
}
.megamenu_greytheme .megamenu > li > div a:hover,
.megamenu_greytheme .megamenu li ul li:hover,
.megamenu_greytheme .megamenu li ol li:hover {
	color:#ffffff !important;
}



/*  _______________________________________________

    08 VERTICAL MEGA MENU 
    _______________________________________________  */




.megamenu_container_vertical {
	float:left;
	width: 140px;
	position: relative;
}
	.megamenu_container_vertical .megamenu {
		margin:0;
		float: left;
	}
	.megamenu_container_vertical .megamenu > li {
		margin:0;
		width:140px;
		float: left;
		clear: left;
	}
		.megamenu_container_vertical .megamenu li .megamenu_drop {
			padding-right:30px;
		}
		.megamenu_container_vertical .megamenu li.right {
			float:left;
			margin-right:auto;
		}
		.megamenu_container_vertical .megamenu li.right a {
			margin-right:auto;
		}
.megamenu_container_vertical .megamenu li .dropvertical_container {
	width: 820px; /* 960px minus menu width */
	margin: 0;
	position: relative;
	float: left;
}
.megamenu_container_vertical .megamenu li .dropdown_container,
.megamenu_container_vertical .megamenu li .dropdown_fullwidth {
	margin:-45px auto 0 141px;
	top:auto;
    -webkit-border-radius: 0 4px 4px 4px;
	-moz-border-radius: 0 4px 4px 4px;
    border-radius: 0 4px 4px 4px;
}
.megamenu_container_vertical .megamenu li .dropdown_first {
	margin:-46px auto 0 141px;
}
.megamenu_container_vertical .megamenu li .dropdown_right {
	right:auto;
}
.megamenu_container_vertical .megamenu li:hover .dropdown_right {
	left:auto;
	right:auto;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media only screen and ( max-width : 830px ) {

    .divSearchWrapper {
        width: 52%;
    }

    .divLiveChatWrapper {
        width: 15%;
    }

    .divSearchElementWrapper {
        width: 350px;
    }

    .inputSearchBox {
        width: 260px;
    }
}

/************************************************************************************
MEDIA QUERIES - SPECIFIC FIXES
*************************************************************************************/
@media only screen and ( max-width : 865px ) {
    .megamenu_greytheme .megamenu > li .megamenu_drop {
        background: none;
    }
}
@media only screen and ( max-width : 1180px ) {
    .divMediaQueries {width: 1152px;}
    .megamenu > li > a {font-size:1.1em; padding: 16px 3px 17px 7px;letter-spacing: 0;}
    .megamenu_right {width: 250px !important;}
    .divProductDetailImageWrapper {width: 20%;}
    .divMidPageWrapper {padding: 10px;}
}

@media only screen and ( max-width : 1200px ) {
    .divMediaQueries {width: 1024px;}
    .divMidPageWrapper {padding: 0px;}
    a.LinkProductExtrasButton:link {font-size: 1.1em;}

}

@media only screen and ( max-width : 1100px ) {
    .megamenu > li > a {
        font-size: 1em;
        padding: 16px 2px 17px 5px;
    }
    .divMediaQueries {width: 1014px;}
    .divMidPageWrapper {padding: 0px;}
    .megamenu_right {width: 110px !important;}
    .droplast_right {width: 200px !important;}
    .divProductDetailCenter {width: 50%;}

}

@media only screen and ( max-width : 900px ) {
     .divMediaQueries {width: 865px;}
    .megamenu > li {background: none}
    .megamenu > li .megamenu_drop {background: none; padding-right: 15px;}
    .divProductDetailCenter {width: 45%;}
    .divOrderBoxAddToCartWrapper > .divListingAddToCart > .divAddToCartButtonContainer > .btnCokesburyAction {font-size: 1em;}
    a.LinkProductExtrasButton:link {font-size: 1em;}



}


@media only screen and ( max-width : 768px ) {
    
    .divMediaQueries {width: 768px;}

}





/* **********************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************

8. ~TREEVIEW BEGINS HERE....

*************************************************************************************************************
*************************************************************************************************************
********************************************************************************************************** */

.tdBrowse ul 
{
    padding: 0;
	margin: 0;
	list-style: none;}


.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../imago/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
    background: url(../imago/treeview-default-line.gif) 0 0 no-repeat;
}

.treeview a.selected {
	font-weight: bold;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { text-decoration: underline; cursor: pointer; }

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../imago/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../imago/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../imago/treeview-red.gif); } 

.treeview-black li { background-image: url(../imago/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../imago/treeview-black.gif); }  

.treeview-gray li { background-image: url(../imago/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../imago/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../imago/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../imago/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../imago/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../imago/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../imago/file.gif) 0 0 no-repeat; }


/* **********************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************

9. ~TOOLTIP BEGINS HERE....

*************************************************************************************************************
*************************************************************************************************************
********************************************************************************************************** */
/* kendo tooltip */
.CokesburyToolTipRight {
    padding-right: 8px;
    margin-right: -8px;
    padding-left: 8px;
    margin-left: -8px;
}
.CokesburyToolTip {
    padding-bottom: 16px;
    margin-bottom:-16px;
}
.k-animation-container .k-widget.k-tooltip {
    background-color: #fff;
    color: #333;
    border:1px solid #ccc;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}
.k-animation-container .k-callout.k-callout-s {
    border-top-color: #ccc;
}
.k-animation-container .k-callout.k-callout-e {
    border-left-color: #ccc;
}
.k-animation-container .k-callout.k-callout-w {
    border-right-color: #ccc;
}
.k-animation-container .k-callout.k-callout-n {
    border-bottom-color: #ccc;
}
.k-animation-container .k-callout.k-callout-e:after,
.k-animation-container .k-callout.k-callout-s:after {
    content:"";
    position:absolute;
    top: -7px;
    left: -7px;
    border:6px solid transparent;
}

.k-animation-container .k-callout.k-callout-w:after,
.k-animation-container .k-callout.k-callout-n:after {
    content:"";
    position:absolute;
    top: -6px;
    left: -5px;
    border:6px solid transparent;
}
    .k-animation-container .k-callout.k-callout-s:after {
        border-top-color: #fff;
    }
    .k-animation-container .k-callout.k-callout-w:after {
        border-right-color: #fff;
    }
    .k-animation-container .k-callout.k-callout-e:after {
        border-left-color: #fff;
    }
    .k-animation-container .k-callout.k-callout-n:after {
        border-bottom-color: #fff;
    }

/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(../imago/white_arrow_big.png) no-repeat;
    background-size: 370px 100%;
    height:auto !important; 
    padding:0px 0px 0px 0px; 
    width:370px !important; 
    color:#000000; 
    z-index: 1000;
    background-position:left top;
} 

.bottom 
{
    display:none; 
    background:url(../imago/white_arrow_bottom_big.png) no-repeat; 
    background-size: 370px 100%;
    height:auto !important; 
    padding:0px 0px 0px 0px; 
    width:370px !important; 
}
.divToolTipWrapper {margin: 30px 25px 60px 25px; text-align: center;}
.bottom .divToolTipWrapper {margin: 50px 25px 30px 25px;}

a.ToolTipTitle:link {font-weight: bold; font-size: 1.25em; text-decoration: none;}
a.ToolTipTitle:active {font-weight: bold; font-size: 1.25em; text-decoration: none;}
a.ToolTipTitle:visited {font-weight: bold; font-size: 1.25em;text-decoration: none;}
a.ToolTipTitle:hover {font-weight: bold; font-size: 1.25em; text-decoration: underline;}

.ToolTipPublisher {font-style: italic; color: #666666; font-size: .85em;}
.ToolTipLabel {font-weight: bold;}
.ToolTipdiscountPriceLabel {font-weight: bold; color: #cc0000;}
.ToolTipdiscountPrice { color: #cc0000;}

/* This fixes positioning of the tooltip */    
.scrolleritem {display: inline-block;}

.wrapper {height: 240px !important;}
.wrapper ul {height: 240px !important;}
.wrapper ul li {height: 240px !important;}



.liquid {
	background: none;
	padding:10px 0;
    visibility: hidden;
}
.liquid .previous {
	display:block;
	height:30px;
	width:30px;
	background-image:url('../imago/SliderPrevious.jpg');
	float:left;
	margin: 35px 0px 0px 10px;
	padding:0;
}
.liquid .next {
	display:block;
	height:30px;
	width:30px;
	background-image:url('../imago/SliderNext.jpg');
	float:right;
	margin:35px 10px 0px 0px;
	padding:0;
}
.liquid ul li {
	width:126px;
	padding:0 2px;
	margin:0;
}
.liquid ul li a img {
	border: 1px solid #3083b9;
}












/************************************************************************************
10. ~CURRICULUM
*************************************************************************************/

.curriculumBodyWraper {
    width:100%;
    border-top:1px solid #ccc;
    margin-top:20px;
    display:table;
    padding:20px 0;
}
.curriculumBodySection {
    padding: 0 20px;
    margin: 0px;
    vertical-align: top;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    box-sizing: border-box;
    display:table-cell;
}

.curriculumSectionHeader {
    color: #666; 
    font-size: 1.25em; 
    font-weight: bold;
    text-transform: uppercase;
    margin:10px 0;
    vertical-align:top;
}
.curriculumBodySection.section1 {
    width:25%;
    padding-right:0;
    border-right:1px solid #ccc;
}
    .curriculumBodySection.section1 .section1Container {
        padding:0 20px 0 0;
        
    }
    .curriculumBodySection.section1 .liProductExtrasButton {
        margin:0 0 10px;
    }
    .curriculumBodySection.section1 .quickOrder {
        margin:10px 0 0 0;
        padding-top:10px;
        border-top:1px solid #ccc;

    }
        .curriculumBodySection.section1 .quickOrder .LinkFooter {
            margin-left:6px;
        }
    .curriculumBodySection.section1 .LinkProductExtrasButton {
        font-size:1.3em;
    }
    .crcHolder {
        position:relative;
    }
        .crcHolder .crcImg {
            height: 14px;
            width: 24px;
            border: none;
            position: absolute;
            left: -28px;
        }
.curriculumBodySection.section2,
.curriculumBodySection.section3 {
    width:37%;
}
.curriculumBodySection.section3 {
    border-left:1px solid #ccc;
}
.curriculumBodySection.section2 .programComponentsWrapper {
    border-left:1px solid #ccc;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-left:20px;
}
.curriculumBodySection .list2Column {
	margin:0 20px 0 0;	
    line-height:1.6em;
    color:#666; 
    -webkit-column-count: 2; -moz-column-count: 2;
    column-count: 2;
}
    .curriculumBodySection.section2 .list2Column {
        display:inline-table;
    }

.curriculumBodySection .list2Column li,
.curriculumBodySection .divLeftColumnSubNav {
    padding:0;
}
.curriculumAdvertisementWrapper {
    float:left; 
    width:78%;
    margin:0;
}
@media only screen and (max-width:1198px) {
    .curriculumAdvertisementWrapper {
        width:72%;
    }
}
@media only screen and (max-width:950px) {
    .curriculumAdvertisementWrapper {
        width:66%;
    }
}
.curriculumAdvertisementWrapper .curriculumAdvertisementContainer {
    float:left; 
    width:100% !important;
    height:auto !important;
    max-width:920px;
    max-height:450px;
    margin:0;
}
    .curriculumAdvertisementWrapper .curriculumLogoWrapperSmall {
        display: none;
    }




.curriculumAdvertisementContainer {
    width:920px;
    height:450px;
    position:relative;
}
    .curriculumAdvertisementImgWrapper {
    }
    .curriculumAdvertisementImg {
        width:100%;
        height:100%;
    }
    .curriculumAdvertisementTextWrapper {
        position:absolute;
        top:29%;
        left:21%;
        width:45%;
        height:61%;
        overflow:auto;
    }
    .curriculumAdvertisementText {
    }

.CurriculumRightWrapper {
    float:right;
    width:235px; 
    font-size:1.1em;
    line-height:1.3em;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    vertical-align: top;
    padding:0;
   
}
.CurriculumRightWrapper .whatDoINeedWrapper {
     border:1px solid #ccc; 
     border-radius:5px; 
     padding:25px 20px;
     background-color:#fff;
     margin:0;
     vertical-align:top;
     width:100%;
     -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
     box-sizing:border-box;
     line-height: 1.3em; 
     font-size: 14px;
}
.whatDoINeedWrapper .divProductDetailExtrasTitle {
    text-transform: uppercase;
    margin:0 0 5px;
    vertical-align:top;
}
.whatDoINeedWrapper .GetStartedWrapper {
    margin-top:20px;
}
/*----------------------------------------------  video wrappers and play buttons ----------------------------------------------*/
.CurriculumVideoWrapper {
    width:100%;
    position:relative;
    margin: 20px 0px 0px;
}
    .CurriculumVideoWrapper .videoCrop {
        cursor:pointer;
    }
        .CurriculumVideoWrapper .videoCrop img {
            position: relative;
            width:100%;
        }
    .CurriculumVideoWrapper:hover .videoPlayButtonWrapper {
        border:3px solid #fff;
        width: 78px;
        height: 78px;
        left: 79px;
        top: 29px;
        background:rgba(0, 0, 0, 0.4);
    }
    .CurriculumVideoWrapper:hover .videoPlayButton {
        top: 13px;
        right: 19px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 1);
    }
.productDetailVideoWrapper {
    position:relative;
    margin: 10px 0px;
    /*width:160px;*/
}
    .productDetailVideoWrapper .videoCrop {
        cursor:pointer;
    }
        .productDetailVideoWrapper .videoCrop img {
            width:160px;
            position: relative;
        }

.videoPlayButtonWrapper {
    position: absolute;
    background:rgba(0, 0, 0, 0.3);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    z-index: 1;
    left: 80px;
    top: 30px;
    opacity: 1;
    border:1px solid rgba(255, 255, 255, .8);
}
.videoPlayButton {
    position:absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 30px;
    border-color: transparent transparent transparent rgba(255, 255, 255, .8);
    right: 20px;
    top: 14px; 
}
    .productDetailVideoWrapper .videoPlayButtonWrapper {
        width: 50px;
        height: 50px;
        left: 50px;
        top: 20px;
    }
        .productDetailVideoWrapper:hover .videoPlayButtonWrapper {
            border:3px solid #fff;
            width: 48px;
            height: 48px;
            left: 49px;
            top: 19px;
            background:rgba(0, 0, 0, 0.4);
        }
    .productDetailVideoWrapper .videoPlayButton {
        right: 13px;
        top: 10px; 
        border-width: 15px 0 15px 18px;
    }
        .productDetailVideoWrapper:hover .videoPlayButton {
            right: 12px;
            top: 9px; 
            border-color: transparent transparent transparent rgba(255, 255, 255, 1);
        }
    
.VideoTitleTime {
    margin-top:3px;
}
.videotitle {
    color:#666;
    font-weight:bold;
}
.ProductDetailVideoPopup  {
    background:#000 !important;
}
.ProductDetailVideoPopup .ui-dialog-titlebar {
    background:none !important;
}
.ProductDetailVideoPopup .ui-dialog-titlebar-close {
    background:url(../imago/xman_grey.png) !important;
    border:none !important;
}
    .ProductDetailVideoPopup .ui-dialog-titlebar-close:hover {
        background:url(../imago/xman_red.png) !important;
    }
.ProductDetailVideoPopup .ui-button-icon-primary {
    display:none;
}
.ProductDetailVideoPopup .divVideoStrip {
    margin: 10px;
    white-space:nowrap;
    overflow-y:hidden;
    overflow-x:auto;
}
    .ProductDetailVideoPopup .divVideoStrip .divVideoStripThumbnail {
        display:inline-block;
        position: relative;
        height: 80px;
        width:150px;
        overflow:hidden;
    }
    .ProductDetailVideoPopup .youtube {
        position: absolute;
        height: 100px;

    }
    .ProductDetailVideoPopup .youtube img {
        width:100%;
        opacity:.8;
    }
        .ProductDetailVideoPopup .youtube img:hover {
            opacity:1;
        }

    .ProductDetailVideoPopup .ui-dialog-content {
        overflow:hidden !important;
    }
/************************************************************************************
Curriculum Builder
*************************************************************************************/
.curriculumRecommendationsWrapper {
    padding-bottom:20px;
}
.curriculumRecommendationsWrapper h2 {
    padding-top:30px;
    float:left;
}

.curriculumLogoWrapper {
    width:20%;
    float:left;
    padding:2% 2% 0 0;
    margin:0;
}
.curriculumLogoWrapperSmall {
    display:inline-block;
    padding:20px 2% 10px 0;
    margin:0;
}
.curriculumLogoWrapper img {
    width:100%;
    max-height:300px;
}
.curriculumLogoWrapperSmall img {
    max-height:80px;
    max-width:220px;
}
.curriculumRecommendationsTop h1 {
    margin-bottom:20px;
    color:#666;
    display:inline-block;
    vertical-align:bottom;
}
.curriculumCreateRecommendationsWrapper {
    width:78%;
    float:left;
    vertical-align:top;
    padding: 0;
}
.curriculumCreateRecommendationsWrapper .curriculumStepWrapper {
    width:31%;
    display:inline-block;
    vertical-align:top;
    margin: 2% 0;
}
.curriculumStepWrapper.step2 {
    margin:2%;
}
.curriculumStepWrapper .numberedHeader {
    font-size:1.25em;
    color:#666;
}
.curriculumStepWrapper .customSelect {
    width:95%;
}
.curriculumStepWrapper select,
.curriculumStepWrapper .formInputLabel,
.CurriculumFormatsWrapper .formInputLabel {
    text-transform: uppercase;
    font-weight:bold;
    color:#727272;
}
.curriculumStepWrapper .inputWrapper {
    margin: 5px 5% 0 0;
    text-align:right;
}
.divProductDetailContentWrapper .recommendButtonWrapper {
    width:220px;
    float:right;
}
.divProductDetailContentWrapper .curriculumRecommendationButton {
    width:100%;
    margin:5px 0;
    text-transform: uppercase;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
    
    box-sizing:border-box;
}
.curriculumStepWrapper .recommendButtonWrapper {
    margin-top:10px;
}
#stickyribbon.curriculumBar {
    position: static;
    top:0;
    left:0;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 0;
}
    #stickyribbon.curriculumBar.sticky {
        position:fixed;
        border-bottom:1px solid #ccc;
        box-shadow:rgba(0,0,0,0.2) 1px 1px 10px;
    }
.divProductDetailOrderBoxWrapper.curriculumBar {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 0;
}
.curriculumBar .divProductDetailOrderBoxContainer {
    padding: 0 10px;
    max-width: 1140px;
    margin: 0 auto;
}
.curriculumBar .divOrderBoxCokesburyPrice {
    text-align:left;
    width:24%;
    display:inline-block;
    vertical-align:bottom;
}
.curriculumBar .divListingAddToCart {
    margin:0;
}
    .curriculumBar .divOrderBoxCokesburyPrice div {
        display:inline-block;
    }
.curriculumBar .subTotal {
    padding: 0px 5px;
    font-size: 16px;
    text-transform: uppercase;
    color: #666;
    margin: 0px;
}
.curriculumBar .divOrderBoxButtons {
    text-align:right;
    display:inline-block;
    float:none;
    width:75%;
}
.curriculumBar .divOrderBoxButtons .addToButtonsWrapper {
    width:auto;
    margin-right:3px;
    display: inline-block;
    vertical-align: middle;
    text-align:left;
}
.curriculumBar .divOrderBoxButtons .btnAddToExtra,
.curriculumBar .divOrderBoxButtons .btnAddToExtra:focus,
.curriculumBar .divOrderBoxButtons .btnAddToExtra:active,
.curriculumBar .divOrderBoxButtons .btnAddToExtra:hover {
    display:inline-block;
    float:none;
    width:auto;
    padding:.5em 1em;
    vertical-align:middle;
    margin:0;
    border-radius:0;
    background-color: #FFF;
    text-decoration: none;
    cursor: pointer;
    color: #a5a5a5;
    font-size: 1.25em;
    font-weight: normal;
    white-space: normal;
    text-align:left;
    text-indent:0;
}
    .curriculumBar .divOrderBoxButtons .btnAddToExtra div {
        display:inline-block;
    }
.curriculumBar .divOrderBoxButtons .divOrderBoxAddToCartWrapper {
    display:inline-block;
    float:none;
    vertical-align:middle;
}
.curriculumRecommendationBody {
    width:100%;
    margin-top:10px;
}
.curriculumRecommendationBody.sticky {
    margin-top:75px;
}
.curriculumRecommendationBody .divProductListingWrapper {
    display: block;
    vertical-align: top;
    margin: 20px 10px;
    padding-bottom: 20px;
    text-align: left;
    border-bottom: 1px solid #CCC;
}
.curriculumRecommendationBody > .currentSelections {
    color: #727272;
    border-bottom: 1px solid #CCC;
    padding: 10px;
}
    .curriculumRecommendationBody > .currentSelections .ageLevelHeader {
        font-size: 16px;
        color: #727272;
        font-weight: bold;
        display: inline-block;
    }
    .curriculumRecommendationBody > .currentSelections a {
        font-size: 14px;
        cursor:pointer;
        display: inline;
        margin: 0px 10px;
    }
        .curriculumRecommendationBody > .currentSelections a:hover {
            text-decoration:none;
        }
.currentSelections .ageLevelHeader .xman {
    cursor:pointer;
    width:16px;
    height:16px;
    margin-right:5px;
    vertical-align:top;
    display:inline-block;
    background-size:contain;
}
.curriculumRecommendationBody .productWrapper {
    width: 45%;
    vertical-align: top;
    display: inline-block;
}
    .curriculumRecommendationBody .productWrapper img {
        display: inline-block;
        max-height: 80px;
        max-width: 20%;
    }
    .curriculumRecommendationBody .titleWrapper {
        display: inline-block;
        vertical-align: top;
        width: 75%;
        padding: 2px 10px;
    }
        .curriculumRecommendationBody .titleWrapper a {
            font-size: 18px;
        }
.recommendedQtyWrapper {
    float: right; 
    margin: 0 0 3px;
}
/* curriculum modal */
.curruculumModalLogoWrapper {
    width: 35%;
    display: inline-block;
    margin-right: 2%;
}
.curruculumModalLogoWrapper img {
    width:100%;
}

.modalPadding {
    margin: 15px 10px 0;
}



/************************************************************************************
11. ~AUTOMATIC SHIPMENT
*************************************************************************************/
.updateAutoShipWrapper.twoColumnBodyWrapper {
    padding: 20px 0px 20px 20px;
    margin: 0px;
    height: auto;
    width: auto;
    clear: both;
    overflow: hidden;
    background: none;
}
    .updateAutoShipWrapper .divBodyNavContainer.twoColumnNav {

    }
    .updateAutoShipWrapper .divBodyContentContainer.twoColumnBody {
        padding-left:20px;
    }
.ASupdateTitleWrapper {
    margin-bottom:20px;
}
.ASmainBanner {
    margin-top:10px;
    width:100%;
}
    .ASmainBanner img {
        width:100%;
    }
.updateAutoShipWrapper .shippingOptions,
.updateAutoShipWrapper .PaymentInfoSecurityWrapper {
    display:none;
}
.updateAutoShipWrapper .ASsmallSummary input,
.updateAutoShipWrapper .ASsmallSummary .formInputLabel,
.updateAutoShipWrapper .ASsmallSummary .divCheckOutElement {
    width:100%;
    text-align:left;
}
.updateAutoShipWrapper .ASsmallSummary .createAutoShipBody > div {
    margin-bottom:10px;
}
.updateAutoShipWrapper .margin30Left {
    margin:0;
}
.updateAutoShipWrapper .divFormSectionTitle {
    margin:10px 0;
}
.createAutoShipWrapper {
    width:100%;
    padding:20px;
}
.createAutoShipWrapper .createAutoShipBody {
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    padding:10px;
}
.updateAutoShipWrapper .createAutoShipBody {
    border:1px solid #ccc;
    border-top:none;
    background:#fff;
    padding:10px;
}
.AutomaticShipmentNew  .divContainerSummary .AutomaticShipmentCart {
    display:none;
}
.AutomaticShipmentCart .shoppingCartIconHolder .shoppingCartIconContainer {
    width: 45px;
    height: 40px;
    background: #3083B9 url("/imago/icons/automatic_shipping/WhiteRight.png") no-repeat 40% 50%;
    background-size: 36px auto;
}
.AutomaticShipmentSummaryWrapper {
    float:left;
    width:275px;
    margin-bottom:20px;
}
.ASsummaryAttachedToCart .AutomaticShipmentSummaryWrapper {
    float:right;
    max-width:40%;
    margin:0;
}
.automaticShippingCart.divDisclaimer {
    margin:20px 10px;
    float:left;
    width:50%;
}
.automaticShipmentConfirmationSummary {
    padding: 20px 0;
}

#stickybox {
    position: static;
    top:0;
    width: 100%;
    margin-bottom: 20px;
    padding: 55px 0 20px;
}
    #stickybox.sticky {
        position:fixed;
        padding: 20px 0;
    }
    .automaticShipmentConfirmationSummary #stickybox {
        padding:0;
    }
.ASsummaryDetailsBox {
    margin:5px 0;
}
.ASsummaryDetailsBox div {
    line-height:1.4em;
}
    .ASsummaryDetailsBox div.ASname {
        font-weight:bold;
    }
.AutomaticShipmentSummaryHeader {
    background-color: #E7E7E7;
    color: #727272;
    text-transform: uppercase;
    border:1px solid #ccc;
    vertical-align:top;
    height:38px;
}
.AutomaticShipmentSummaryHeader .shoppingCartIconHolder {
    display:inline-block;
}
.AutomaticShipmentSummaryHeader .shoppingCartIconHolder .shoppingCartIconContainer {
    width: 40px;
    height: 38px;
    background: #3083B9 url("/imago/icons/automatic_shipping/WhiteRight.png") no-repeat scroll 40% 50% / 32px auto;
}
    .AutomaticShipmentSummaryHeadertext {
        display:inline-block;
        color: #727272;
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight:bold;
        vertical-align:top;
        margin:12px 0 0 3px;
    }
    #stickybox .AutomaticShipmentCart .AutomaticShipmentSummaryHeadertext {
        font-size: 1.05em;
        max-width: 220px;
    }
.AutomaticShipmentSummaryHeader .ASscheduleUpdateButton {
    height:100%;
    float:right;
    background:#3083b9;
}
.AutomaticShipmentSummaryHeader .ASscheduleUpdateButton:hover {
    background:#055c92;
}
    .AutomaticShipmentSummaryHeader .ASscheduleUpdateButton .updateASButton {
        color: #FFF;
        padding: 12px 0px 12px 12px;
        line-height: 38px;
    }
    .AutomaticShipmentSummaryHeader .ASscheduleUpdateButton .updateASButton:hover {
        text-decoration:none;
    }
    .ASscheduleUpdateButton .AShelpButton {
        display:inline-block;
        margin:0 10px 0 1px;
    }
    .ASnextShipDate .AShelpButton {
        display:inline-block;
        margin:0;
    }
.ASsummaryAttachedToCart .AutomaticShipmentSummaryHeader,
.ASsummaryAttachedToCart .AStoggleDisplay {
    display:none;
}

.AutomaticShipmentUpdateAS .divTwoColumnWrapper.addressPickerCheckout,
.AutomaticShipmentUpdateAS .divTwoColumnWrapper.addressDisplayCheckout {
    width:65%;
}
    .AutomaticShipmentUpdateAS .divTwoColumnWrapper.addEditNewAddress {
        width:33%;
        text-align:right;
        float:right;
    }
    .AutomaticShipmentUpdateAS .divTwoColumnWrapper.addEditNewAddress .btnCokesburySecondary {
        margin:3px;
    }
.clearfloat.AStoggleDisplay {
    clear:none;
}

/* modify this shipment */
.AutomaticShipmentUpdateNext .createAutoShipWrapper {
    padding:20px 0;
}
.AutomaticShipmentUpdateNext .divTwoColumnWrapper {
    width:100%;
}
.AutomaticShipmentUpdateNext .createAutoShipBody {
    border:1px solid #ccc;
    border-top:none;
    background:#fff;
}
    .AutomaticShipmentUpdateNext .createAutoShipBody label {
        width:auto;
    }
.AutomaticShipmentUpdateNext .divTwoColumnWrapper > .divContainerSummary {
    width:550px;
    margin-top:20px;
}

.AutomaticShipmentUpdateNext .divContainerSummary .k-datepicker,
.AutomaticShipmentUpdateNext .divContainerSummary input[type="checkbox"],
.AutomaticShipmentUpdateNext .createAutoShipBody .ASskipShipment,
.AutomaticShipmentUpdateNext .divTwoColumnWrapper .divCheckOutElement  {
    width:auto;
    display:inline-block;
}
.AutomaticShipmentUpdateNext .createAutoShipBody .ASskipShipment {
    margin-left:30px;
}


/* modal*/
#divAsList {
    text-align:left; /* modal add to cart popup , your auto ship section  */
}
.yourAutomaticShipmentsModalWrapper {
    margin:15px 0;
}
    .yourAutomaticShipmentsModalWrapper div {
        display: inline-block;
    }
.yourAutomaticShipmentsModalWrapper .AutomaticShipmentButtonContainer  {
        float:right;
        margin:0;
    }

/* scheduled automatic shipments */
.ASscheduledTableWrapper {
    display:table;
    width:100%;
    background:#fff;
    border:1px solid #ccc;
    border-top:none;
    padding:10px 0;
    margin-bottom:10px;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:1.1em;
}
.ASscheduledTableWrapper > div {
    display:table-cell;
    border-right:1px solid #ccc;
    text-align:center;
}
    .ASscheduledTableWrapper > div:last-child {
        border:none;
    }
.SectionTitle.ASscheduledSectionTitle {
    margin-top:20px;
}
.ASscheduledTableHeader {
    color:#666;
    font-weight:bold;
    margin-bottom:5px;
}

.ASfrequency,
.ASnextShipDate,
.ASLastShipped,
.ASbillingMethod {
    width:18%;
}
.ASshippingAddress {
}

/* datepicker */
.ASdatePicker .k-datepicker {
    margin: 3px 0px;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    padding: 0px;
    border-radius: 5px;
    overflow: hidden;
    background:none;
    box-sizing: border-box;
}
.ASdatePicker .k-datepicker .k-picker-wrap {
    background:none;
    border:none;
    padding-right:35px;
}
.ASdatePicker .k-datepicker input {
    margin: 0px;
    vertical-align: middle;
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid #CCC;
    padding: 7px 7px 7px 5px;
    border-radius: 5px;
    display: inline-block;
    outline: medium none;
    font-size: 1.1em;
    color: #333;
    box-shadow: none;
    box-sizing: border-box;
    text-indent: 3px;
    height:auto;
    line-height:1em;
}
.ASdatePicker .k-datepicker .k-select {
    border:none;
    width:auto;
}
.ASdatePicker .k-datepicker .k-icon {
    width:30px;
    height:30px;
    background:url("../imago/calendar_icon.png") 100% 100% no-repeat;
    background-size: contain;
}
    .ASdatePicker .k-datepicker .k-icon:hover {
        background:url("../imago/calendar_icon_bright.png") 100% 100% no-repeat;
        background-size: contain;
    }
.k-animation-container .k-calendar-container.k-group {
    border:1px solid #ccc;
    padding:10px;
    box-shadow:none;
    background:#fff;
}
.k-calendar .k-header,
.k-calendar .k-header:hover,
.k-calendar .k-content th {
    background-color:#fff;
}
.k-calendar .k-header .k-link.k-nav-fast {
    font-size:16px; 
    color:#666;
    font-weight:bold;
}
.k-calendar .k-header .k-link.k-nav-prev,
 .k-calendar .k-header .k-link.k-nav-next {
    height: auto;
    width: auto;
    padding: 5px;
}
    .k-calendar .k-header .k-link.k-nav-prev:hover,
    .k-calendar .k-header .k-link.k-nav-fast:hover,
    .k-calendar .k-header .k-link.k-nav-next:hover {
        background-color:#fff;
    }
.k-calendar .k-nav-prev .k-icon {
    background:url("../imago/aarows/aarow_left.png") 0 100% no-repeat;
    background-position:0 !important;
}
    .k-calendar .k-header .k-link.k-nav-prev:hover .k-icon {
        background:url("../imago/aarows/aarow_left_orange.png") 0 100% no-repeat;
        cursor:pointer;
        background-position:0 !important;
    }
.k-calendar .k-nav-next .k-icon {
    background:url("../imago/aarows/aarow_right.png") 100% 100% no-repeat;
    background-position:0 !important;
}
    .k-calendar .k-header .k-link.k-nav-next:hover .k-icon {
        background:url("../imago/aarows/aarow_right_orange.png") 100% 100% no-repeat;
        background-position:0 !important;
        cursor:pointer;
    }
.k-calendar .k-content td {
    padding:0;
    border:1px solid #fff;
    background:#f3f3f3;
    border-radius:0;
}  

    .k-calendar .k-content td.k-other-month.k-state-hover,
    .k-calendar .k-content td.k-state-hover,
    .k-calendar .k-content td.k-state-selected {
        padding:0;
        border:1px solid #fff;
        background:#ed8c21;
        border-radius:0;
    }  
        .k-calendar .k-content td a,
        .k-calendar .k-content td.k-state-hover a,
        .k-calendar .k-content td.k-other-month.k-state-hover a {
            background:none;
        }
    .k-calendar .k-content td.k-weekend,
    .k-calendar .k-content td.disabledDay,
    .k-calendar .k-content td.k-weekend.k-state-hover  {
        padding:0;
        border:1px solid #fff;
        background:#ccc;
        border-radius:0;
    }
    .k-calendar .k-content td.k-other-month,
    .k-calendar .k-content td.k-other-month.k-weekend.k-state-hover  {
        padding:0;
        border:1px solid #fff;
        background:#fff;
        border-radius:0;
    }

.k-calendar .k-content td a {
    text-align:center;
    padding:0 !important;
}
.k-calendar .k-content .k-state-disabled {
    min-height: 1.8333em;
    line-height: 1.8333em;
    text-align: center;
    display:block;
}
.k-calendar .k-state-hover:hover {
    background:none;
    border-radius:0;
}
.k-calendar .k-state-hover:hover a,
.k-calendar .k-content td.k-state-selected a {
    color:#fff;
    border-radius:0;
    text-decoration:none;
}
.k-calendar .k-content td.k-state-selected {
    padding:0;
    border:1px solid #fff;
    background:#666;
    border-radius:0;
}

    .k-calendar .k-other-month a {
        color:#333;
    }   
.k-calendar .k-state-focused.k-state-selected,
.k-calendar .k-state-focused {
    box-shadow:none;
}
.k-calendar td .disabledDay,
.k-calendar td.k-weekend a {
    color: #727272 !important;
}

.k-calendar td .disabledDay:hover,
.k-calendar td a:hover {
    text-decoration:none;
}
.k-calendar .k-footer {
    margin-top:5px;
}
    .k-calendar .k-footer .k-link.k-nav-today {
        background-color:#3083b9;
        color:#fff;
        text-decoration:none;
    }

/*  for mobile only  */
.ASmobileOptimizedShow {
    display:none;
}

/* **********************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************

12. ~MOBILE BEGINS HERE....

*************************************************************************************************************
*************************************************************************************************************
********************************************************************************************************** */

.backli,
.MobileListHeader,
.mobileMenuWrapper,
.mobileTableTD .mobileTableHeader {
    display:none;
}









.divOneColumnWrapper .divCheckOutElement.width50Percent {
	width:50%;
}
.HeadlineTextWrapper {
    margin-left:10px;
}
.HeadlineText {
    font-weight: normal;
    color: #3083b9;
    font-size: 3em;
    margin: 15px 0 10px;
}
.HeadlineSubText {
    font-weight: normal;
    color: #727272;
    font-size: 1.5em;
    margin: 5px 0;
}

.ui-widget-content {
	border-radius:5px;
}

/*  confirm registration, confirm order  */
.italicNote {
    font-style:italic;
    font-size:1.2em;
}
.callOutMessageWrapper {
    border:1px solid #ccc; 
    padding:15px; 
    margin-top:20px; 
    background-color:#fff;
}
    .callOutMessageHeadline {
        font-weight:bold; 
        color:#3083b9;
        font-size: 1.5em;
        margin: 5px 0;
    }
.cokesburyItalicNote {
    padding:3px 0; 
    font-size:1em; 
    font-weight:normal; 
    color:#727272; 
    font-style:italic;
}
.callOutMessageElement {
    width:30%;
    margin:10px 0 0;
    display:inline-block;
}
    .callOutMessageElement input {
        width:90%; 
        padding:5px;
    }
.callOutMessageLabel {
    padding:3px; 
    font-size:1.25em; 
    font-weight:bold; 
    color:#727272;
}









/* old auto ship */

.tblAutomaticProductShipmentsOld {
    margin:20px 0;
    width:auto;
    text-align:left;
    vertical-align:top;
    border-collapse: collapse;
    font-size:1.1em;
}
    .tblAutomaticProductShipmentsOld td {
        border-bottom: 1px solid #ccc;
        padding:5px 20px 5px 10px;
    }
    .tblAutomaticProductShipmentsOld td:first-child {
        border-bottom: 1px solid #ccc;
        padding:5px 10px;
        
    }
    .tblAutomaticProductShipmentsOld .tableheader td {
        font-weight:bold;
        background-color:#3083b9;
        color:#fff;
        border-right:1px solid #f3f3f3;
    }
    .tblAutomaticProductShipmentsOld .tablefooter td {
        font-weight:bold;
        background-color:#ccc;
        border-right:1px solid #f3f3f3;
    }

.tabstrip.RadTabStrip_Default.RadTabstrip ul {
    list-style:none;
    padding:10px 0;

}
.tabstrip.RadTabStrip_Default.RadTabstrip li {
    display:inline-block;
}

.tabstrip.RadTabStrip_Default.RadTabstrip li a {
    margin-right:10px;
    cursor:pointer;
    border: 1px solid #727272; 
    background: #727272; 
    color: #ffffff; 
    font-weight: normal; 
    font-size: 1em; 
    text-decoration: none; 
    line-height: normal; 
    text-transform: uppercase; 
    vertical-align: middle; 
    text-align: center;  
    display: inline-block; 
    padding: .5em 1em; 
    overflow: visible; 
    -webkit-border-radius:0;-moz-border-radius:0;
    border-radius:0;
    -webkit-appearance:none;
}
.tabstrip.RadTabStrip_Default.RadTabstrip li a:hover,
.tabstrip.RadTabStrip_Default.RadTabstrip li a:focus,
.tabstrip.RadTabStrip_Default.RadTabstrip li a:active {
    border: 1px solid #666; 
    background: #666; 
    -webkit-border-radius:0;-moz-border-radius:0;
    border-radius:0;
}


.tabstrip.RadTabStrip_Default.RadTabstrip li a.selected {
    background:#3083b9;
    border:1px solid #3083b9;
}



/*  tables  */

.cokesburyTable {
    width: 100%; 
    vertical-align: middle; 
    padding:0; 
    font-size:12px;
    /*border: 1px solid #3083b9; */
    border:none;
    border-collapse:collapse;
    margin-bottom:20px;
}
.cokesburyTable td {
    border:1px solid #ccc; 
    border-collapse:collapse;
    padding: 5px;  
}
.cokesburyTable .tableheader td,
.cokesburyTable th {
    color: #f3f3f3;
    background-color: #3083b9;
    border-collapse: collapse;
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
    padding: 10px;
    border-right:1px solid #ccc;
}
table.cokesburyTable tr:nth-child(odd) {
    background-color: #fafafa;
}














@media only screen and (max-width: 640px) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 1024px) { } /*  max-width 1024px, use when QAing tablet-only issues */


/*
 * jQuery UI CSS Framework 1.8.17
 *
 * 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
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


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


/* Icons
----------------------------------*/

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


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

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




/*
 * jQuery UI Tabs 1.8.17
 *
 * 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
 */
.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") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.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; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .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... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }







/*! jQuery UI - v1.10.3 - 2013-05-16
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CVerdana%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=%23999999&bgTextureHeader=highlight_soft&bgImgOpacityHeader=60&borderColorHeader=%23666666&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=0&borderColorContent=%23999999&fcContent=%23000000&iconColorContent=%23666666&bgColorDefault=%23666666&bgTextureDefault=highlight_hard&bgImgOpacityDefault=60&borderColorDefault=%23666666&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%23666666&bgTextureHover=inset_soft&bgImgOpacityHover=60&borderColorHover=%23666666&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23ffffff&bgTextureActive=highlight_soft&bgImgOpacityActive=65&borderColorActive=%23999999&fcActive=%23333333&iconColorActive=%23333333&bgColorHighlight=%23ffff00&bgTextureHighlight=highlight_hard&bgImgOpacityHighlight=70&borderColorHighlight=%23ffff00&fcHighlight=%23000000&iconColorHighlight=%23000000&bgColorError=%23ffff00&bgTextureError=flat&bgImgOpacityError=0&borderColorError=%23990000&fcError=%23990000&iconColorError=%23990000&bgColorOverlay=%23333333&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=%23000000&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=20&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.NewCart.ui-widget #jsAddNewAddressForm,
.NewCart.ui-widget #divMembershipPaymentMethods {
    font-size:12px;
    margin-top:10px;
}
.NewCart #ccPayment {
    padding:10px;
    font-size:12px;
}
.NewCart #ccPayment .divOneColumnWrapper .divCheckOutLabel {
    display:none;
}
.NewCart #ccPayment .width50Percent {
    width:100%;
}
.NewCart #ccPayment .divHalfColumnWrapper {
    width:100%;
    margin:5px 0;
}
.NewCart #ccPayment .divCheckOutLabel,
.NewCart #ccPayment .divCheckOutElement {
    width:100%;
    margin:3px 0 0;
    text-align:left;
}

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 9000;
}


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


/* Icons
----------------------------------*/

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


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

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.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;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

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

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 0;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;

}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("../imago/themes/Cokesbury/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

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

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: 1em;
}
.ui-widget-content {
	background: #f3f3f3;
}
.ui-widget-content a {
	
}
.ui-widget-header {

	background: #e5e5e5;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	font-weight: normal;
	color: #999;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #666;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {

	font-weight: normal;
	color: #3083B9;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #3083B9;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {

	background: #f3f3f3;
	font-weight: normal;
	color: #333333;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #333333;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #ffff00;
	background: #ffff00 url(../imago/themes/Cokesbury/ui-bg_highlight-hard_70_ffff00_1x100.png) 50% top repeat-x;
	color: #000000;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #000000;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #990000;
	background: #ffff00 url(../imago/themes/Cokesbury/ui-bg_flat_0_ffff00_40x100.png) 50% 50% repeat-x;
	color: #990000;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #990000;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #990000;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../imago/themes/Cokesbury/ui-icons_666666_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../imago/themes/Cokesbury/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(../imago/themes/Cokesbury/ui-icons_ffffff_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../imago/themes/Cokesbury/ui-icons_ffffff_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(../imago/themes/Cokesbury/ui-icons_333333_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(../imago/themes/Cokesbury/ui-icons_000000_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../imago/themes/Cokesbury/ui-icons_990000_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


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

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {

}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
}

/* Overlays */
.ui-widget-overlay {
	background: #000;
	opacity: .5;
	filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #000000 url(../imago/themes/Cokesbury/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 8px;
}


/*! jQuery UI - v1.10.3 - 2013-05-20
* http://jqueryui.com
* Includes: jquery.NewCart .ui.core.css, jquery.NewCart .ui.resizable.css, jquery.NewCart .ui.selectable.css, jquery.NewCart .ui.accordion.css, jquery.NewCart .ui.autocomplete.css, jquery.NewCart .ui.button.css, jquery.NewCart .ui.datepicker.css, jquery.NewCart .ui.dialog.css, jquery.NewCart .ui.menu.css, jquery.NewCart .ui.progressbar.css, jquery.NewCart .ui.slider.css, jquery.NewCart .ui.spinner.css, jquery.NewCart .ui.tabs.css, jquery.NewCart .ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=%23336699&bgTextureHeader=flat&bgImgOpacityHeader=0&borderColorHeader=%23336699&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=0&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23900&bgTextureDefault=highlight_hard&bgImgOpacityDefault=60&borderColorDefault=%23900&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%23900&bgTextureHover=inset_soft&bgImgOpacityHover=60&borderColorHover=%23900&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23ffffff&bgTextureActive=inset_soft&bgImgOpacityActive=65&borderColorActive=%23900&fcActive=%23900&iconColorActive=%23900&bgColorHighlight=%23fbf9ee&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23900&fcHighlight=%23000000&iconColorHighlight=%23900&bgColorError=%23ffff00&bgTextureError=flat&bgImgOpacityError=0&borderColorError=%23900&fcError=%23900&iconColorError=%23900&bgColorOverlay=%23000000&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=60&bgColorShadow=%23000000&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.NewCart .ui-helper-hidden {
	display: none;
}
.NewCart .ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.NewCart .ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.NewCart .ui-helper-clearfix:before,
.NewCart .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.NewCart .ui-helper-clearfix:after {
	clear: both;
}
.NewCart .ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.NewCart .ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.NewCart .ui-front {
	z-index: 100;
}


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


/* Icons
----------------------------------*/

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


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

/* Overlays */
.NewCart .ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.NewCart .ui-resizable {
	position: relative;
}
.NewCart .ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.NewCart .ui-resizable-disabled .ui-resizable-handle,
.NewCart .ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.NewCart .ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.NewCart .ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.NewCart .ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.NewCart .ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.NewCart .ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.NewCart .ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.NewCart .ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.NewCart .ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.NewCart .ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.NewCart .ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.NewCart .ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.NewCart .ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.NewCart .ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.NewCart .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.NewCart .ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.NewCart .ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.NewCart .ui-button {
	display: inline-block;
	/*position: relative;*/
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.NewCart .ui-button,
.NewCart .ui-button:link,
.NewCart .ui-button:visited,
.NewCart .ui-button:hover,
.NewCart .ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.NewCart .ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.NewCart .ui-button-icon-only {
	width: 2.4em;
}
.NewCart .ui-button-icons-only {
	width: 3.4em;
}
button.NewCart .ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.NewCart .ui-button .ui-button-text {
	display: block;
	line-height: normal;
	text-transform: uppercase;
	font-size: .8em;
}
.NewCart .ui-button-text-only .ui-button-text {
	padding: .5em 1em;
}
.NewCart .ui-button-icon-only .ui-button-text,
.NewCart .ui-button-icons-only .ui-button-text {
	padding: .5em;
	text-indent: -9999999px;
}
.NewCart .ui-button-text-icon-primary .ui-button-text,
.NewCart .ui-button-text-icons .ui-button-text {
	padding: .5em 1em .5em 2.1em;
}
.NewCart .ui-button-text-icon-secondary .ui-button-text,
.NewCart .ui-button-text-icons .ui-button-text {
	padding: .5em 2.1em .5em 1em;
}
.NewCart .ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.NewCart .ui-button {
	padding: .5em 1em;
}
/* ADDED BY DAVE AS A FIX */
.NewCart input.ui-button {
padding: .5em 1em;
}

/* button icon element(s) */
.NewCart .ui-button-icon-only .ui-icon,
.NewCart .ui-button-text-icon-primary .ui-icon,
.NewCart .ui-button-text-icon-secondary .ui-icon,
.NewCart .ui-button-text-icons .ui-icon,
.NewCart .ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.NewCart .ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.NewCart .ui-button-text-icon-primary .ui-button-icon-primary,
.NewCart .ui-button-text-icons .ui-button-icon-primary,
.NewCart .ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.NewCart .ui-button-text-icon-secondary .ui-button-icon-secondary,
.NewCart .ui-button-text-icons .ui-button-icon-secondary,
.NewCart .ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.NewCart .ui-buttonset {
	margin-right: 7px;
}
.NewCart .ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.NewCart .ui-button::-moz-focus-inner,
button.NewCart .ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.NewCart .ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.NewCart .ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.NewCart .ui-datepicker .ui-datepicker-prev,
.NewCart .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.NewCart .ui-datepicker .ui-datepicker-prev-hover,
.NewCart .ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.NewCart .ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.NewCart .ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.NewCart .ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.NewCart .ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.NewCart .ui-datepicker .ui-datepicker-prev span,
.NewCart .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.NewCart .ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.NewCart .ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.NewCart .ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.NewCart .ui-datepicker select.ui-datepicker-month,
.NewCart .ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.NewCart .ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.NewCart .ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.NewCart .ui-datepicker td {
	border: 0;
	padding: 1px;
}
.NewCart .ui-datepicker td span,
.NewCart .ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.NewCart .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;
}
.NewCart .ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.NewCart .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

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

/* RTL support */
.NewCart .ui-datepicker-rtl {
	direction: rtl;
}
.NewCart .ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.NewCart .ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.NewCart .ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.NewCart .ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.NewCart .ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.NewCart .ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.NewCart .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.NewCart .ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.NewCart .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.NewCart .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.NewCart .ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.NewCart .ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
    .NewCart .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
.NewCart .ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.NewCart .ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.NewCart .ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.NewCart .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.NewCart .ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.NewCart .ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.NewCart .ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.NewCart .ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.NewCart .ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.NewCart .ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;

}
.NewCart .ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.NewCart .ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.NewCart .ui-menu .ui-menu-item a.ui-state-focus,
.NewCart .ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.NewCart .ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.NewCart .ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.NewCart .ui-menu-icons {
	position: relative;
}
.NewCart .ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.NewCart .ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.NewCart .ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.NewCart .ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.NewCart .ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.NewCart .ui-progressbar .ui-progressbar-overlay {
	background: url("../imago/themes/NewCart/NewCart_animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.NewCart .ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.NewCart .ui-slider {
	position: relative;
	text-align: left;
}
.NewCart .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.NewCart .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.NewCart .ui-slider.ui-state-disabled .ui-slider-handle,
.NewCart .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

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

.NewCart .ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.NewCart .ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.NewCart .ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.NewCart .ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.NewCart .ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.NewCart .ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.NewCart .ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.NewCart .ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.NewCart .ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.NewCart .ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.NewCart .ui-spinner-up {
	top: 0;
}
.NewCart .ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.NewCart .ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.NewCart .ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.NewCart .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.NewCart .ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.NewCart .ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.NewCart .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.NewCart .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.NewCart .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.NewCart .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.NewCart .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.NewCart .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.NewCart .ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.NewCart .ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .NewCart .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.NewCart .ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.NewCart .ui-widget .ui-widget {
	font-size: 1em;
}
.NewCart .ui-widget input,
.NewCart .ui-widget select,
.NewCart .ui-widget textarea,
.NewCart .ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.NewCart .ui-widget-content {
}
.NewCart .ui-widget-content a {
	
}
.NewCart .ui-widget-header {
	border: 1px solid #3083B9;
	background: #3083B9;
	color: #fff;
	font-weight: bold;
}
.NewCart .ui-widget-header a {
	
}

/* Interaction states
----------------------------------*/
.NewCart .ui-state-default,
.NewCart .ui-widget-content .ui-state-default,
.NewCart .ui-widget-header .ui-state-default {
	border: 1px solid #900;
	background: #900 /*url(../imago/themes/NewCart/NewCart_ui-bg_highlight-hard_60_900_1x100.png) 50% 50% repeat-x*/;
	font-weight: normal;
	color: #ffffff;

}
.NewCart .ui-state-default a,
.NewCart .ui-state-default a:link,
.NewCart .ui-state-default a:visited {
	color: #ffffff;
	text-decoration: none;
}
.NewCart .ui-state-hover,
.NewCart .ui-widget-content .ui-state-hover,
.NewCart .ui-widget-header .ui-state-hover,
.NewCart .ui-state-focus,
.NewCart .ui-widget-content .ui-state-focus,
.NewCart .ui-widget-header .ui-state-focus {
	border: 1px solid #900;
	background: #900 /*url(../imago/themes/NewCart/NewCart_ui-bg_inset-soft_60_900_1x100.png) 50% 50% repeat-x*/;
	font-weight: normal;
	color: #ffffff;
}
.NewCart .ui-state-hover a,
.NewCart .ui-state-hover a:hover,
.NewCart .ui-state-hover a:link,
.NewCart .ui-state-hover a:visited {
	color: #ffffff;
	text-decoration: none;
}
.NewCart .ui-state-active,
.NewCart .ui-widget-content .ui-state-active,
.NewCart .ui-widget-header .ui-state-active {
	border: 1px solid #900;
	background: #ffffff /*url(../imago/themes/NewCart/NewCart_ui-bg_inset-soft_65_ffffff_1x100.png) 50% 50% repeat-x*/;
	font-weight: normal;
	color: #900;
}
.NewCart .ui-state-active a,
.NewCart .ui-state-active a:link,
.NewCart .ui-state-active a:visited {
	color: #900;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-dialog-buttonset .ui-button.ui-corner-all {
    border-radius:0;
}
.NewCart .ui-state-highlight,
.NewCart .ui-widget-content .ui-state-highlight,
.NewCart .ui-widget-header .ui-state-highlight {
	border: 1px solid #900;
	background: #fbf9ee url(../imago/themes/NewCart/NewCart_ui-bg_flat_55_fbf9ee_40x100.png) 50% 50% repeat-x;
	color: #000000;
}
.NewCart .ui-state-highlight a,
.NewCart .ui-widget-content .ui-state-highlight a,
.NewCart .ui-widget-header .ui-state-highlight a {
	color: #000000;
}
.NewCart .ui-state-error,
.NewCart .ui-widget-content .ui-state-error,
.NewCart .ui-widget-header .ui-state-error {
	border: 1px solid #900;
	background: #ffff00 url(../imago/themes/NewCart/NewCart_ui-bg_flat_0_ffff00_40x100.png) 50% 50% repeat-x;
	color: #900;
}
.NewCart .ui-state-error a,
.NewCart .ui-widget-content .ui-state-error a,
.NewCart .ui-widget-header .ui-state-error a {
	color: #900;
}
.NewCart .ui-state-error-text,
.NewCart .ui-widget-content .ui-state-error-text,
.NewCart .ui-widget-header .ui-state-error-text {
	color: #900;
}
.NewCart .ui-priority-primary,
.NewCart .ui-widget-content .ui-priority-primary,
.NewCart .ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.NewCart .ui-priority-secondary,
.NewCart .ui-widget-content .ui-priority-secondary,
.NewCart .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.NewCart .ui-state-disabled,
.NewCart .ui-widget-content .ui-state-disabled,
.NewCart .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.NewCart .ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.NewCart .ui-icon {
	width: 16px;
	height: 16px;
}
.NewCart .ui-icon,
.NewCart .ui-widget-content .ui-icon {
	background-image: url(../imago/themes/NewCart/NewCart_ui-icons_222222_256x240.png);
}
.NewCart .ui-widget-header .ui-icon {
	background-image: url(../imago/themes/NewCart/NewCart_ui-icons_ffffff_256x240.png);
}
.NewCart .ui-state-default .ui-icon {
	background-image: url(../imago/themes/NewCart/NewCart_ui-icons_ffffff_256x240.png);
}
.NewCart .ui-state-hover .ui-icon,
.NewCart .ui-state-focus .ui-icon {
	background-image: url(../imago/themes/NewCart/NewCart_ui-icons_ffffff_256x240.png);
}
.NewCart .ui-state-active .ui-icon {
	background-image: url(../imago/themes/NewCart/NewCart_ui-icons_900_256x240.png);
}
.NewCart .ui-state-highlight .ui-icon {
	background-image: url(../imago/themes/NewCart/NewCart_ui-icons_900_256x240.png);
}
.NewCart .ui-state-error .ui-icon,
.NewCart .ui-state-error-text .ui-icon {
	background-image: url(../imago/themes/NewCart/NewCart_ui-icons_900_256x240.png);
}

/* positioning */
.NewCart .ui-icon-blank { background-position: 16px 16px; }
.NewCart .ui-icon-carat-1-n { background-position: 0 0; }
.NewCart .ui-icon-carat-1-ne { background-position: -16px 0; }
.NewCart .ui-icon-carat-1-e { background-position: -32px 0; }
.NewCart .ui-icon-carat-1-se { background-position: -48px 0; }
.NewCart .ui-icon-carat-1-s { background-position: -64px 0; }
.NewCart .ui-icon-carat-1-sw { background-position: -80px 0; }
.NewCart .ui-icon-carat-1-w { background-position: -96px 0; }
.NewCart .ui-icon-carat-1-nw { background-position: -112px 0; }
.NewCart .ui-icon-carat-2-n-s { background-position: -128px 0; }
.NewCart .ui-icon-carat-2-e-w { background-position: -144px 0; }
.NewCart .ui-icon-triangle-1-n { background-position: 0 -16px; }
.NewCart .ui-icon-triangle-1-ne { background-position: -16px -16px; }
.NewCart .ui-icon-triangle-1-e { background-position: -32px -16px; }
.NewCart .ui-icon-triangle-1-se { background-position: -48px -16px; }
.NewCart .ui-icon-triangle-1-s { background-position: -64px -16px; }
.NewCart .ui-icon-triangle-1-sw { background-position: -80px -16px; }
.NewCart .ui-icon-triangle-1-w { background-position: -96px -16px; }
.NewCart .ui-icon-triangle-1-nw { background-position: -112px -16px; }
.NewCart .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.NewCart .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.NewCart .ui-icon-arrow-1-n { background-position: 0 -32px; }
.NewCart .ui-icon-arrow-1-ne { background-position: -16px -32px; }
.NewCart .ui-icon-arrow-1-e { background-position: -32px -32px; }
.NewCart .ui-icon-arrow-1-se { background-position: -48px -32px; }
.NewCart .ui-icon-arrow-1-s { background-position: -64px -32px; }
.NewCart .ui-icon-arrow-1-sw { background-position: -80px -32px; }
.NewCart .ui-icon-arrow-1-w { background-position: -96px -32px; }
.NewCart .ui-icon-arrow-1-nw { background-position: -112px -32px; }
.NewCart .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.NewCart .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.NewCart .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.NewCart .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.NewCart .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.NewCart .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.NewCart .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.NewCart .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.NewCart .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.NewCart .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.NewCart .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.NewCart .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.NewCart .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.NewCart .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.NewCart .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.NewCart .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.NewCart .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.NewCart .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.NewCart .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.NewCart .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.NewCart .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.NewCart .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.NewCart .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.NewCart .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.NewCart .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.NewCart .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.NewCart .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.NewCart .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.NewCart .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.NewCart .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.NewCart .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.NewCart .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.NewCart .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.NewCart .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.NewCart .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.NewCart .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.NewCart .ui-icon-arrow-4 { background-position: 0 -80px; }
.NewCart .ui-icon-arrow-4-diag { background-position: -16px -80px; }
.NewCart .ui-icon-extlink { background-position: -32px -80px; }
.NewCart .ui-icon-newwin { background-position: -48px -80px; }
.NewCart .ui-icon-refresh { background-position: -64px -80px; }
.NewCart .ui-icon-shuffle { background-position: -80px -80px; }
.NewCart .ui-icon-transfer-e-w { background-position: -96px -80px; }
.NewCart .ui-icon-transferthick-e-w { background-position: -112px -80px; }
.NewCart .ui-icon-folder-collapsed { background-position: 0 -96px; }
.NewCart .ui-icon-folder-open { background-position: -16px -96px; }
.NewCart .ui-icon-document { background-position: -32px -96px; }
.NewCart .ui-icon-document-b { background-position: -48px -96px; }
.NewCart .ui-icon-note { background-position: -64px -96px; }
.NewCart .ui-icon-mail-closed { background-position: -80px -96px; }
.NewCart .ui-icon-mail-open { background-position: -96px -96px; }
.NewCart .ui-icon-suitcase { background-position: -112px -96px; }
.NewCart .ui-icon-comment { background-position: -128px -96px; }
.NewCart .ui-icon-person { background-position: -144px -96px; }
.NewCart .ui-icon-print { background-position: -160px -96px; }
.NewCart .ui-icon-trash { background-position: -176px -96px; }
.NewCart .ui-icon-locked { background-position: -192px -96px; }
.NewCart .ui-icon-unlocked { background-position: -208px -96px; }
.NewCart .ui-icon-bookmark { background-position: -224px -96px; }
.NewCart .ui-icon-tag { background-position: -240px -96px; }
.NewCart .ui-icon-home { background-position: 0 -112px; }
.NewCart .ui-icon-flag { background-position: -16px -112px; }
.NewCart .ui-icon-calendar { background-position: -32px -112px; }
.NewCart .ui-icon-cart { background-position: -48px -112px; }
.NewCart .ui-icon-pencil { background-position: -64px -112px; }
.NewCart .ui-icon-clock { background-position: -80px -112px; }
.NewCart .ui-icon-disk { background-position: -96px -112px; }
.NewCart .ui-icon-calculator { background-position: -112px -112px; }
.NewCart .ui-icon-zoomin { background-position: -128px -112px; }
.NewCart .ui-icon-zoomout { background-position: -144px -112px; }
.NewCart .ui-icon-search { background-position: -160px -112px; }
.NewCart .ui-icon-wrench { background-position: -176px -112px; }
.NewCart .ui-icon-gear { background-position: -192px -112px; }
.NewCart .ui-icon-heart { background-position: -208px -112px; }
.NewCart .ui-icon-star { background-position: -224px -112px; }
.NewCart .ui-icon-link { background-position: -240px -112px; }
.NewCart .ui-icon-cancel { background-position: 0 -128px; }
.NewCart .ui-icon-plus { background-position: -16px -128px; }
.NewCart .ui-icon-plusthick { background-position: -32px -128px; }
.NewCart .ui-icon-minus { background-position: -48px -128px; }
.NewCart .ui-icon-minusthick { background-position: -64px -128px; }
.NewCart .ui-icon-close { background-position: -80px -128px; }
.NewCart .ui-icon-closethick { background-position: -96px -128px; }
.NewCart .ui-icon-key { background-position: -112px -128px; }
.NewCart .ui-icon-lightbulb { background-position: -128px -128px; }
.NewCart .ui-icon-scissors { background-position: -144px -128px; }
.NewCart .ui-icon-clipboard { background-position: -160px -128px; }
.NewCart .ui-icon-copy { background-position: -176px -128px; }
.NewCart .ui-icon-contact { background-position: -192px -128px; }
.NewCart .ui-icon-image { background-position: -208px -128px; }
.NewCart .ui-icon-video { background-position: -224px -128px; }
.NewCart .ui-icon-script { background-position: -240px -128px; }
.NewCart .ui-icon-alert { background-position: 0 -144px; }
.NewCart .ui-icon-info { background-position: -16px -144px; }
.NewCart .ui-icon-notice { background-position: -32px -144px; }
.NewCart .ui-icon-help { background-position: -48px -144px; }
.NewCart .ui-icon-check { background-position: -64px -144px; }
.NewCart .ui-icon-bullet { background-position: -80px -144px; }
.NewCart .ui-icon-radio-on { background-position: -96px -144px; }
.NewCart .ui-icon-radio-off { background-position: -112px -144px; }
.NewCart .ui-icon-pin-w { background-position: -128px -144px; }
.NewCart .ui-icon-pin-s { background-position: -144px -144px; }
.NewCart .ui-icon-play { background-position: 0 -160px; }
.NewCart .ui-icon-pause { background-position: -16px -160px; }
.NewCart .ui-icon-seek-next { background-position: -32px -160px; }
.NewCart .ui-icon-seek-prev { background-position: -48px -160px; }
.NewCart .ui-icon-seek-end { background-position: -64px -160px; }
.NewCart .ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.NewCart .ui-icon-seek-first { background-position: -80px -160px; }
.NewCart .ui-icon-stop { background-position: -96px -160px; }
.NewCart .ui-icon-eject { background-position: -112px -160px; }
.NewCart .ui-icon-volume-off { background-position: -128px -160px; }
.NewCart .ui-icon-volume-on { background-position: -144px -160px; }
.NewCart .ui-icon-power { background-position: 0 -176px; }
.NewCart .ui-icon-signal-diag { background-position: -16px -176px; }
.NewCart .ui-icon-signal { background-position: -32px -176px; }
.NewCart .ui-icon-battery-0 { background-position: -48px -176px; }
.NewCart .ui-icon-battery-1 { background-position: -64px -176px; }
.NewCart .ui-icon-battery-2 { background-position: -80px -176px; }
.NewCart .ui-icon-battery-3 { background-position: -96px -176px; }
.NewCart .ui-icon-circle-plus { background-position: 0 -192px; }
.NewCart .ui-icon-circle-minus { background-position: -16px -192px; }
.NewCart .ui-icon-circle-close { background-position: -32px -192px; }
.NewCart .ui-icon-circle-triangle-e { background-position: -48px -192px; }
.NewCart .ui-icon-circle-triangle-s { background-position: -64px -192px; }
.NewCart .ui-icon-circle-triangle-w { background-position: -80px -192px; }
.NewCart .ui-icon-circle-triangle-n { background-position: -96px -192px; }
.NewCart .ui-icon-circle-arrow-e { background-position: -112px -192px; }
.NewCart .ui-icon-circle-arrow-s { background-position: -128px -192px; }
.NewCart .ui-icon-circle-arrow-w { background-position: -144px -192px; }
.NewCart .ui-icon-circle-arrow-n { background-position: -160px -192px; }
.NewCart .ui-icon-circle-zoomin { background-position: -176px -192px; }
.NewCart .ui-icon-circle-zoomout { background-position: -192px -192px; }
.NewCart .ui-icon-circle-check { background-position: -208px -192px; }
.NewCart .ui-icon-circlesmall-plus { background-position: 0 -208px; }
.NewCart .ui-icon-circlesmall-minus { background-position: -16px -208px; }
.NewCart .ui-icon-circlesmall-close { background-position: -32px -208px; }
.NewCart .ui-icon-squaresmall-plus { background-position: -48px -208px; }
.NewCart .ui-icon-squaresmall-minus { background-position: -64px -208px; }
.NewCart .ui-icon-squaresmall-close { background-position: -80px -208px; }
.NewCart .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.NewCart .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.NewCart .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.NewCart .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.NewCart .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.NewCart .ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/
.ui-corner-all {
    border-radius:5px;
}
/* Corner radius */
.NewCart .ui-corner-all,
.NewCart .ui-corner-top,
.NewCart .ui-corner-left,
.NewCart .ui-corner-tl {
	border-top-left-radius: 5px;
}
.NewCart .ui-corner-all,
.NewCart .ui-corner-top,
.NewCart .ui-corner-right,
.NewCart .ui-corner-tr {
	border-top-right-radius: 5px;
}
.NewCart .ui-corner-all,
.NewCart .ui-corner-bottom,
.NewCart .ui-corner-left,
.NewCart .ui-corner-bl {
	border-bottom-left-radius: 5px;
}
.NewCart .ui-corner-all,
.NewCart .ui-corner-bottom,
.NewCart .ui-corner-right,
.NewCart .ui-corner-br {
	border-bottom-right-radius: 5px;
}

/* Overlays */
.NewCart .ui-widget-overlay {
	background: #000000 url(../imago/themes/NewCart/NewCart_ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
	opacity: .6;
	filter: Alpha(Opacity=60);
}
.NewCart .ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #000000 url(../imago/themes/NewCart/NewCart_ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/*
* Kendo UI v2015.2.805 (http://www.telerik.com/kendo-ui)
* Copyright 2015 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
.fake {
    color: red;
}

.k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.k-floatwrap:after, .k-slider-items:after, .k-grid-toolbar:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.k-floatwrap, .k-slider-items, .k-grid-toolbar {
    display: inline-block;
}

.k-floatwrap, .k-slider-items, .k-grid-toolbar {
    display: block;
}

.k-block, .k-button, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-tooltip, .k-pager-wrap, .k-tabstrip-items .k-item, .k-link.k-state-hover, .k-textbox, .k-textbox:hover, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-draghandle {
    background-repeat: repeat;
    background-position: 0 center;
}

.k-link:hover {
    text-decoration: none;
}

.k-state-highlight > .k-link {
    color: inherit;
}

.k-textbox > input, .k-input[type="text"], .k-input[type="number"], .k-textbox, .k-picker-wrap .k-input, .k-button {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
}

.k-widget, .k-block, .k-inline-block, .k-draghandle {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
}

.k-block, .k-widget {
    line-height: normal;
    outline: 0;
}

.k-block {
    padding: 2px;
}

.k-button {
    display: inline-block;
    margin: 0;
    padding: 2px 7px 2px;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

    .k-button[disabled], .k-button.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active {
        cursor: default;
    }

a.k-button {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

.k-ff input.k-button {
    padding-bottom: .37em;
    padding-top: .37em;
}

button.k-button::-moz-focus-inner, input.k-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a.k-button-expand {
    display: block;
}

button.k-button-expand, input[type="submit"].k-button-expand, input[type="button"].k-button-expand, input[type="reset"].k-button-expand {
    width: 100%;
}

body .k-button-icon, body .k-split-button-arrow {
    padding-left: .4em;
    padding-right: .4em;
}

.k-button-icontext {
    overflow: visible;
}

.k-toolbar .k-button-icontext {
    padding-right: .8em;
}

.k-button-icontext .k-icon, .k-button-icontext .k-image {
    margin-right: 3px;
    margin-right: .3rem;
    margin-left: -3px;
    margin-left: -0.3rem;
}

.k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image {
    vertical-align: text-top;
}

html body .k-button-bare {
    background: none !important;
    color: inherit;
    border-width: 0;
}

    html body .k-button-bare.k-upload-button:hover {
        color: inherit;
    }

.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none;
}

.k-grid-header span.k-link {
    cursor: default;
}

.k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-icon, .k-state-disabled .k-button, .k-state-disabled .k-draghandle, .k-state-disabled .k-upload-button input {
    cursor: default !important;
    outline: 0;
}

@media print {
    .k-state-disabled, .k-state-disabled .k-input {
        opacity: 1 !important;
    }
}

.k-state-error {
    border-style: ridge;
}

.k-state-empty {
    font-style: italic;
}

.k-icon, .k-sprite, .k-button-group .k-tool-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none;
}

    .k-icon.k-i-none {
        background-image: none !important;
    }

.k-ie8 .k-icon, .k-ie8 .k-sprite, .k-ie8 .k-button-group .k-tool-icon {
    vertical-align: middle;
}

:root * > .k-icon, :root * > .k-sprite, :root * > .k-button-group .k-tool-icon {
    vertical-align: middle;
}

.k-icon, .k-sprite {
    background-color: transparent;
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -3px;
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -35px;
}

.k-state-selected .k-i-arrow-n {
    background-position: -16px 0;
}

.k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-n, .k-state-hover > .k-state-selected .k-i-arrow-n, .k-state-hover > * > .k-state-selected .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n, .k-textbox:hover .k-state-selected .k-i-arrow-n, .k-button:active .k-state-selected .k-i-arrow-n {
    background-position: -32px 0;
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
    background-position: -16px -3px;
}

.k-state-selected .k-i-arrow-s {
    background-position: -16px -32px;
}

.k-link:not(.k-state-disabled):hover > .k-state-selected .k-i-arrow-s, .k-state-hover > .k-state-selected .k-i-arrow-s, .k-state-hover > * > .k-state-selected .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s, .k-textbox:hover .k-state-selected .k-i-arrow-s, .k-button:active .k-state-selected .k-i-arrow-s {
    background-position: -32px -32px;
}

.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
    background-position: -16px -35px;
}

.k-grid-header th > .k-link:hover span.k-i-arrow-n {
    background-position: 0 0;
}

.k-grid-header th > .k-link:hover span.k-i-arrow-s {
    background-position: 0 -32px;
}

.k-group-indicator .k-link:hover span.k-si-arrow-n {
    background-position: 0 -129px;
}

.k-group-indicator .k-link:hover span.k-si-arrow-s {
    background-position: 0 -159px;
}

.k-group-indicator .k-button:hover span.k-group-delete {
    background-position: -32px -16px;
}

.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
    background-position: -32px -176px;
}

.k-i-arrow-n {
    background-position: 0 0;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-n, .k-state-hover > .k-i-arrow-n, .k-state-hover > * > .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .k-i-arrow-n, .k-textbox:hover .k-i-arrow-n, .k-button:active .k-i-arrow-n {
    background-position: -16px 0;
}

.k-i-arrow-e {
    background-position: 0 -16px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-state-hover > .k-i-arrow-e, .k-state-hover > * > .k-i-arrow-e, .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e, .k-button:active .k-i-arrow-e {
    background-position: -16px -16px;
}

.k-rtl .k-i-arrow-w {
    background-position: 0 -16px;
}

.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-rtl .k-state-hover > .k-i-arrow-w, .k-rtl .k-state-hover > * > .k-i-arrow-w, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-rtl .k-textbox:hover .k-i-arrow-w, .k-rtl .k-button:active .k-i-arrow-w {
    background-position: -16px -16px;
}

.k-i-arrow-s {
    background-position: 0 -32px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-s, .k-state-hover > .k-i-arrow-s, .k-state-hover > * > .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .k-i-arrow-s, .k-textbox:hover .k-i-arrow-s, .k-button:active .k-i-arrow-s {
    background-position: -16px -32px;
}

.k-i-arrow-w {
    background-position: 0 -48px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrow-w, .k-state-hover > .k-i-arrow-w, .k-state-hover > * > .k-i-arrow-w, .k-button:not(.k-state-disabled):hover .k-i-arrow-w, .k-textbox:hover .k-i-arrow-w, .k-button:active .k-i-arrow-w {
    background-position: -16px -48px;
}

.k-rtl .k-i-arrow-e {
    background-position: 0 -48px;
}

.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-rtl .k-state-hover > .k-i-arrow-e, .k-rtl .k-state-hover > * > .k-i-arrow-e, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-rtl .k-textbox:hover .k-i-arrow-e, .k-rtl .k-button:active .k-i-arrow-e {
    background-position: -16px -48px;
}

.k-i-seek-n {
    background-position: 0 -64px;
}

.k-link:not(.k-state-disabled):hover > .k-i-seek-n, .k-state-hover > .k-i-seek-n, .k-state-hover > * > .k-i-seek-n, .k-button:not(.k-state-disabled):hover .k-i-seek-n, .k-textbox:hover .k-i-seek-n, .k-button:active .k-i-seek-n {
    background-position: -16px -64px;
}

.k-i-seek-e {
    background-position: 0 -80px;
}

.k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-state-hover > .k-i-seek-e, .k-state-hover > * > .k-i-seek-e, .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-textbox:hover .k-i-seek-e, .k-button:active .k-i-seek-e {
    background-position: -16px -80px;
}

.k-rtl .k-i-seek-w {
    background-position: 0 -80px;
}

.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-rtl .k-state-hover > .k-i-seek-w, .k-rtl .k-state-hover > * > .k-i-seek-w, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-rtl .k-textbox:hover .k-i-seek-w, .k-rtl .k-button:active .k-i-seek-w {
    background-position: -16px -80px;
}

.k-i-seek-s {
    background-position: 0 -96px;
}

.k-link:not(.k-state-disabled):hover > .k-i-seek-s, .k-state-hover > .k-i-seek-s, .k-state-hover > * > .k-i-seek-s, .k-button:not(.k-state-disabled):hover .k-i-seek-s, .k-textbox:hover .k-i-seek-s, .k-button:active .k-i-seek-s {
    background-position: -16px -96px;
}

.k-i-seek-w {
    background-position: 0 -112px;
}

.k-link:not(.k-state-disabled):hover > .k-i-seek-w, .k-state-hover > .k-i-seek-w, .k-state-hover > * > .k-i-seek-w, .k-button:not(.k-state-disabled):hover .k-i-seek-w, .k-textbox:hover .k-i-seek-w, .k-button:active .k-i-seek-w {
    background-position: -16px -112px;
}

.k-rtl .k-i-seek-e {
    background-position: 0 -112px;
}

.k-rtl .k-link:not(.k-state-disabled):hover > .k-i-seek-e, .k-rtl .k-state-hover > .k-i-seek-e, .k-rtl .k-state-hover > * > .k-i-seek-e, .k-rtl .k-button:not(.k-state-disabled):hover .k-i-seek-e, .k-rtl .k-textbox:hover .k-i-seek-e, .k-rtl .k-button:active .k-i-seek-e {
    background-position: -16px -112px;
}

.k-si-arrow-n {
    background-position: 0 -129px;
}

.k-link:not(.k-state-disabled):hover > .k-si-arrow-n, .k-state-hover > .k-si-arrow-n, .k-state-hover > * > .k-si-arrow-n, .k-button:not(.k-state-disabled):hover .k-si-arrow-n, .k-textbox:hover .k-si-arrow-n, .k-button:active .k-si-arrow-n {
    background-position: -16px -129px;
}

.k-si-arrow-e {
    background-position: 0 -144px;
}

.k-link:not(.k-state-disabled):hover > .k-si-arrow-e, .k-state-hover > .k-si-arrow-e, .k-state-hover > * > .k-si-arrow-e, .k-button:not(.k-state-disabled):hover .k-si-arrow-e, .k-textbox:hover .k-si-arrow-e, .k-button:active .k-si-arrow-e {
    background-position: -16px -144px;
}

.k-si-arrow-s {
    background-position: 0 -159px;
}

.k-link:not(.k-state-disabled):hover > .k-si-arrow-s, .k-state-hover > .k-si-arrow-s, .k-state-hover > * > .k-si-arrow-s, .k-button:not(.k-state-disabled):hover .k-si-arrow-s, .k-textbox:hover .k-si-arrow-s, .k-button:active .k-si-arrow-s {
    background-position: -16px -159px;
}

.k-si-arrow-w {
    background-position: 0 -176px;
}

.k-link:not(.k-state-disabled):hover > .k-si-arrow-w, .k-state-hover > .k-si-arrow-w, .k-state-hover > * > .k-si-arrow-w, .k-button:not(.k-state-disabled):hover .k-si-arrow-w, .k-textbox:hover .k-si-arrow-w, .k-button:active .k-si-arrow-w {
    background-position: -16px -176px;
}

.k-i-arrowhead-n {
    background-position: 0 -256px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-n, .k-state-hover > .k-i-arrowhead-n, .k-state-hover > * > .k-i-arrowhead-n, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-n, .k-textbox:hover .k-i-arrowhead-n, .k-button:active .k-i-arrowhead-n {
    background-position: -16px -256px;
}

.k-i-arrowhead-e {
    background-position: 0 -272px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-e, .k-state-hover > .k-i-arrowhead-e, .k-state-hover > * > .k-i-arrowhead-e, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-e, .k-textbox:hover .k-i-arrowhead-e, .k-button:active .k-i-arrowhead-e {
    background-position: -16px -272px;
}

.k-i-arrowhead-s {
    background-position: 0 -288px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-s, .k-state-hover > .k-i-arrowhead-s, .k-state-hover > * > .k-i-arrowhead-s, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-s, .k-textbox:hover .k-i-arrowhead-s, .k-button:active .k-i-arrowhead-s {
    background-position: -16px -288px;
}

.k-i-arrowhead-w {
    background-position: 0 -304px;
}

.k-link:not(.k-state-disabled):hover > .k-i-arrowhead-w, .k-state-hover > .k-i-arrowhead-w, .k-state-hover > * > .k-i-arrowhead-w, .k-button:not(.k-state-disabled):hover .k-i-arrowhead-w, .k-textbox:hover .k-i-arrowhead-w, .k-button:active .k-i-arrowhead-w {
    background-position: -16px -304px;
}

.k-i-expand, .k-plus, .k-plus-disabled {
    background-position: 0 -192px;
}

.k-link:not(.k-state-disabled):hover > .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-plus, .k-link:not(.k-state-disabled):hover > .k-plus-disabled, .k-state-hover > .k-i-expand, .k-state-hover > .k-plus, .k-state-hover > .k-plus-disabled, .k-state-hover > * > .k-i-expand, .k-state-hover > * > .k-plus, .k-state-hover > * > .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand, .k-button:not(.k-state-disabled):hover .k-plus, .k-button:not(.k-state-disabled):hover .k-plus-disabled, .k-textbox:hover .k-i-expand, .k-textbox:hover .k-plus, .k-textbox:hover .k-plus-disabled, .k-button:active .k-i-expand, .k-button:active .k-plus, .k-button:active .k-plus-disabled {
    background-position: -16px -192px;
}

.k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus, .k-rtl .k-plus-disabled {
    background-position: 0 -208px;
}

.k-link:not(.k-state-disabled):hover > .k-i-expand-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-plus-disabled, .k-state-hover > .k-i-expand-w, .k-state-hover > .k-rtl .k-i-expand, .k-state-hover > .k-rtl .k-plus, .k-state-hover > .k-rtl .k-plus-disabled, .k-state-hover > * > .k-i-expand-w, .k-state-hover > * > .k-rtl .k-i-expand, .k-state-hover > * > .k-rtl .k-plus, .k-state-hover > * > .k-rtl .k-plus-disabled, .k-button:not(.k-state-disabled):hover .k-i-expand-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-expand, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus, .k-button:not(.k-state-disabled):hover .k-rtl .k-plus-disabled, .k-textbox:hover .k-i-expand-w, .k-textbox:hover .k-rtl .k-i-expand, .k-textbox:hover .k-rtl .k-plus, .k-textbox:hover .k-rtl .k-plus-disabled, .k-button:active .k-i-expand-w, .k-button:active .k-rtl .k-i-expand, .k-button:active .k-rtl .k-plus, .k-button:active .k-rtl .k-plus-disabled {
    background-position: -16px -208px;
}

.k-i-collapse, .k-minus, .k-minus-disabled {
    background-position: 0 -224px;
}

.k-link:not(.k-state-disabled):hover > .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-minus, .k-link:not(.k-state-disabled):hover > .k-minus-disabled, .k-state-hover > .k-i-collapse, .k-state-hover > .k-minus, .k-state-hover > .k-minus-disabled, .k-state-hover > * > .k-i-collapse, .k-state-hover > * > .k-minus, .k-state-hover > * > .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-minus, .k-button:not(.k-state-disabled):hover .k-minus-disabled, .k-textbox:hover .k-i-collapse, .k-textbox:hover .k-minus, .k-textbox:hover .k-minus-disabled, .k-button:active .k-i-collapse, .k-button:active .k-minus, .k-button:active .k-minus-disabled {
    background-position: -16px -224px;
}

.k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus, .k-rtl .k-minus-disabled {
    background-position: 0 -240px;
}

.k-link:not(.k-state-disabled):hover > .k-i-collapse-w, .k-link:not(.k-state-disabled):hover > .k-rtl .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus, .k-link:not(.k-state-disabled):hover > .k-rtl .k-minus-disabled, .k-state-hover > .k-i-collapse-w, .k-state-hover > .k-rtl .k-i-collapse, .k-state-hover > .k-rtl .k-minus, .k-state-hover > .k-rtl .k-minus-disabled, .k-state-hover > * > .k-i-collapse-w, .k-state-hover > * > .k-rtl .k-i-collapse, .k-state-hover > * > .k-rtl .k-minus, .k-state-hover > * > .k-rtl .k-minus-disabled, .k-button:not(.k-state-disabled):hover .k-i-collapse-w, .k-button:not(.k-state-disabled):hover .k-rtl .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus, .k-button:not(.k-state-disabled):hover .k-rtl .k-minus-disabled, .k-textbox:hover .k-i-collapse-w, .k-textbox:hover .k-rtl .k-i-collapse, .k-textbox:hover .k-rtl .k-minus, .k-textbox:hover .k-rtl .k-minus-disabled, .k-button:active .k-i-collapse-w, .k-button:active .k-rtl .k-i-collapse, .k-button:active .k-rtl .k-minus, .k-button:active .k-rtl .k-minus-disabled {
    background-position: -16px -240px;
}

.k-i-pencil, .k-edit {
    background-position: -32px 0;
}

.k-link:not(.k-state-disabled):hover > .k-i-pencil, .k-link:not(.k-state-disabled):hover > .k-edit, .k-state-hover > .k-i-pencil, .k-state-hover > .k-edit, .k-state-hover > * > .k-i-pencil, .k-state-hover > * > .k-edit, .k-button:not(.k-state-disabled):hover .k-i-pencil, .k-button:not(.k-state-disabled):hover .k-edit, .k-textbox:hover .k-i-pencil, .k-textbox:hover .k-edit, .k-button:active .k-i-pencil, .k-button:active .k-edit {
    background-position: -48px 0;
}

.k-i-close, .k-delete, .k-group-delete {
    background-position: -32px -16px;
}

.k-link:not(.k-state-disabled):hover > .k-i-close, .k-link:not(.k-state-disabled):hover > .k-delete, .k-link:not(.k-state-disabled):hover > .k-group-delete, .k-state-hover > .k-i-close, .k-state-hover > .k-delete, .k-state-hover > .k-group-delete, .k-state-hover > * > .k-i-close, .k-state-hover > * > .k-delete, .k-state-hover > * > .k-group-delete, .k-button:not(.k-state-disabled):hover .k-i-close, .k-button:not(.k-state-disabled):hover .k-delete, .k-button:not(.k-state-disabled):hover .k-group-delete, .k-textbox:hover .k-i-close, .k-textbox:hover .k-delete, .k-textbox:hover .k-group-delete, .k-button:active .k-i-close, .k-button:active .k-delete, .k-button:active .k-group-delete {
    background-position: -48px -16px;
}

.k-si-close {
    background-position: -160px -80px;
}

.k-link:not(.k-state-disabled):hover > .k-si-close, .k-state-hover > .k-si-close, .k-state-hover > * > .k-si-close, .k-button:not(.k-state-disabled):hover .k-si-close, .k-textbox:hover .k-si-close, .k-button:active .k-si-close {
    background-position: -176px -80px;
}

.k-multiselect .k-delete {
    background-position: -160px -80px;
}

.k-multiselect .k-state-hover .k-delete {
    background-position: -176px -80px;
}

.k-i-tick, .k-insert, .k-update {
    background-position: -32px -32px;
}

.k-link:not(.k-state-disabled):hover > .k-i-tick, .k-link:not(.k-state-disabled):hover > .k-insert, .k-link:not(.k-state-disabled):hover > .k-update, .k-state-hover > .k-i-tick, .k-state-hover > .k-insert, .k-state-hover > .k-update, .k-state-hover > * > .k-i-tick, .k-state-hover > * > .k-insert, .k-state-hover > * > .k-update, .k-button:not(.k-state-disabled):hover .k-i-tick, .k-button:not(.k-state-disabled):hover .k-insert, .k-button:not(.k-state-disabled):hover .k-update, .k-textbox:hover .k-i-tick, .k-textbox:hover .k-insert, .k-textbox:hover .k-update, .k-button:active .k-i-tick, .k-button:active .k-insert, .k-button:active .k-update {
    background-position: -48px -32px;
}

.k-check:checked, .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
    background-position: -32px -32px;
}

.k-link:not(.k-state-disabled):hover > .k-check:checked, .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=checkbox], .k-link:not(.k-state-disabled):hover > .k-mobile-list .k-edit-field [type=radio], .k-state-hover > .k-check:checked, .k-state-hover > .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > .k-mobile-list .k-edit-field [type=radio], .k-state-hover > * > .k-check:checked, .k-state-hover > * > .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > * > .k-mobile-list .k-edit-field [type=radio], .k-button:not(.k-state-disabled):hover .k-check:checked, .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=checkbox], .k-button:not(.k-state-disabled):hover .k-mobile-list .k-edit-field [type=radio], .k-textbox:hover .k-check:checked, .k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox], .k-textbox:hover .k-mobile-list .k-edit-field [type=radio], .k-button:active .k-check:checked, .k-button:active .k-mobile-list .k-edit-field [type=checkbox], .k-button:active .k-mobile-list .k-edit-field [type=radio] {
    background-position: -48px -32px;
}

.k-i-cancel, .k-cancel, .k-denied {
    background-position: -32px -48px;
}

.k-link:not(.k-state-disabled):hover > .k-i-cancel, .k-link:not(.k-state-disabled):hover > .k-cancel, .k-link:not(.k-state-disabled):hover > .k-denied, .k-state-hover > .k-i-cancel, .k-state-hover > .k-cancel, .k-state-hover > .k-denied, .k-state-hover > * > .k-i-cancel, .k-state-hover > * > .k-cancel, .k-state-hover > * > .k-denied, .k-button:not(.k-state-disabled):hover .k-i-cancel, .k-button:not(.k-state-disabled):hover .k-cancel, .k-button:not(.k-state-disabled):hover .k-denied, .k-textbox:hover .k-i-cancel, .k-textbox:hover .k-cancel, .k-textbox:hover .k-denied, .k-button:active .k-i-cancel, .k-button:active .k-cancel, .k-button:active .k-denied {
    background-position: -48px -48px;
}

.k-i-plus, .k-add {
    background-position: -32px -64px;
}

.k-link:not(.k-state-disabled):hover > .k-i-plus, .k-link:not(.k-state-disabled):hover > .k-add, .k-state-hover > .k-i-plus, .k-state-hover > .k-add, .k-state-hover > * > .k-i-plus, .k-state-hover > * > .k-add, .k-button:not(.k-state-disabled):hover .k-i-plus, .k-button:not(.k-state-disabled):hover .k-add, .k-textbox:hover .k-i-plus, .k-textbox:hover .k-add, .k-button:active .k-i-plus, .k-button:active .k-add {
    background-position: -48px -64px;
}

.k-i-funnel, .k-filter {
    background-position: -32px -80px;
}

.k-link:not(.k-state-disabled):hover > .k-i-funnel, .k-link:not(.k-state-disabled):hover > .k-filter, .k-state-hover > .k-i-funnel, .k-state-hover > .k-filter, .k-state-hover > * > .k-i-funnel, .k-state-hover > * > .k-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel, .k-button:not(.k-state-disabled):hover .k-filter, .k-textbox:hover .k-i-funnel, .k-textbox:hover .k-filter, .k-button:active .k-i-funnel, .k-button:active .k-filter {
    background-position: -48px -80px;
}

.k-i-funnel-clear, .k-clear-filter {
    background-position: -32px -96px;
}

.k-link:not(.k-state-disabled):hover > .k-i-funnel-clear, .k-link:not(.k-state-disabled):hover > .k-clear-filter, .k-state-hover > .k-i-funnel-clear, .k-state-hover > .k-clear-filter, .k-state-hover > * > .k-i-funnel-clear, .k-state-hover > * > .k-clear-filter, .k-button:not(.k-state-disabled):hover .k-i-funnel-clear, .k-button:not(.k-state-disabled):hover .k-clear-filter, .k-textbox:hover .k-i-funnel-clear, .k-textbox:hover .k-clear-filter, .k-button:active .k-i-funnel-clear, .k-button:active .k-clear-filter {
    background-position: -48px -96px;
}

.k-i-lock {
    background-position: -64px 0;
}

.k-link:not(.k-state-disabled):hover > .k-i-lock, .k-state-hover > .k-i-lock, .k-state-hover > * > .k-i-lock, .k-button:not(.k-state-disabled):hover .k-i-lock, .k-textbox:hover .k-i-lock, .k-button:active .k-i-lock {
    background-position: -80px 0;
}

.k-i-unlock {
    background-position: -64px -16px;
}

.k-link:not(.k-state-disabled):hover > .k-i-unlock, .k-state-hover > .k-i-unlock, .k-state-hover > * > .k-i-unlock, .k-button:not(.k-state-disabled):hover .k-i-unlock, .k-textbox:hover .k-i-unlock, .k-button:active .k-i-unlock {
    background-position: -80px -16px;
}

.k-i-refresh {
    background-position: -32px -112px;
}

.k-link:not(.k-state-disabled):hover > .k-i-refresh, .k-state-hover > .k-i-refresh, .k-state-hover > * > .k-i-refresh, .k-button:not(.k-state-disabled):hover .k-i-refresh, .k-textbox:hover .k-i-refresh, .k-button:active .k-i-refresh {
    background-position: -48px -112px;
}

.k-i-exception {
    background-position: -160px -304px;
}

.k-link:not(.k-state-disabled):hover > .k-i-exception, .k-state-hover > .k-i-exception, .k-state-hover > * > .k-i-exception, .k-button:not(.k-state-disabled):hover .k-i-exception, .k-textbox:hover .k-i-exception, .k-button:active .k-i-exception {
    background-position: -176px -304px;
}

.k-i-restore {
    background-position: -32px -128px;
}

.k-link:not(.k-state-disabled):hover > .k-i-restore, .k-state-hover > .k-i-restore, .k-state-hover > * > .k-i-restore, .k-button:not(.k-state-disabled):hover .k-i-restore, .k-textbox:hover .k-i-restore, .k-button:active .k-i-restore {
    background-position: -48px -128px;
}

.k-i-maximize {
    background-position: -32px -144px;
}

.k-link:not(.k-state-disabled):hover > .k-i-maximize, .k-state-hover > .k-i-maximize, .k-state-hover > * > .k-i-maximize, .k-button:not(.k-state-disabled):hover .k-i-maximize, .k-textbox:hover .k-i-maximize, .k-button:active .k-i-maximize {
    background-position: -48px -144px;
}

.k-i-minimize {
    background-position: -64px -288px;
}

.k-link:not(.k-state-disabled):hover > .k-i-minimize, .k-state-hover > .k-i-minimize, .k-state-hover > * > .k-i-minimize, .k-button:not(.k-state-disabled):hover .k-i-minimize, .k-textbox:hover .k-i-minimize, .k-button:active .k-i-minimize {
    background-position: -80px -288px;
}

.k-i-pin {
    background-position: -160px -256px;
}

.k-link:not(.k-state-disabled):hover > .k-i-pin, .k-state-hover > .k-i-pin, .k-state-hover > * > .k-i-pin, .k-button:not(.k-state-disabled):hover .k-i-pin, .k-textbox:hover .k-i-pin, .k-button:active .k-i-pin {
    background-position: -176px -256px;
}

.k-i-unpin {
    background-position: -160px -272px;
}

.k-link:not(.k-state-disabled):hover > .k-i-unpin, .k-state-hover > .k-i-unpin, .k-state-hover > * > .k-i-unpin, .k-button:not(.k-state-disabled):hover .k-i-unpin, .k-textbox:hover .k-i-unpin, .k-button:active .k-i-unpin {
    background-position: -176px -272px;
}

.k-resize-se {
    background-position: -32px -160px;
}

.k-link:not(.k-state-disabled):hover > .k-resize-se, .k-state-hover > .k-resize-se, .k-state-hover > * > .k-resize-se, .k-button:not(.k-state-disabled):hover .k-resize-se, .k-textbox:hover .k-resize-se, .k-button:active .k-resize-se {
    background-position: -48px -160px;
}

.k-i-calendar {
    background-position: -32px -176px;
}

.k-link:not(.k-state-disabled):hover > .k-i-calendar, .k-state-hover > .k-i-calendar, .k-state-hover > * > .k-i-calendar, .k-button:not(.k-state-disabled):hover .k-i-calendar, .k-textbox:hover .k-i-calendar, .k-button:active .k-i-calendar {
    background-position: -48px -176px;
}

.k-i-clock {
    background-position: -32px -192px;
}

.k-link:not(.k-state-disabled):hover > .k-i-clock, .k-state-hover > .k-i-clock, .k-state-hover > * > .k-i-clock, .k-button:not(.k-state-disabled):hover .k-i-clock, .k-textbox:hover .k-i-clock, .k-button:active .k-i-clock {
    background-position: -48px -192px;
}

.k-si-plus {
    background-position: -32px -208px;
}

.k-link:not(.k-state-disabled):hover > .k-si-plus, .k-state-hover > .k-si-plus, .k-state-hover > * > .k-si-plus, .k-button:not(.k-state-disabled):hover .k-si-plus, .k-textbox:hover .k-si-plus, .k-button:active .k-si-plus {
    background-position: -48px -208px;
}

.k-si-minus {
    background-position: -32px -224px;
}

.k-link:not(.k-state-disabled):hover > .k-si-minus, .k-state-hover > .k-si-minus, .k-state-hover > * > .k-si-minus, .k-button:not(.k-state-disabled):hover .k-si-minus, .k-textbox:hover .k-si-minus, .k-button:active .k-si-minus {
    background-position: -48px -224px;
}

.k-i-search {
    background-position: -32px -240px;
}

.k-link:not(.k-state-disabled):hover > .k-i-search, .k-state-hover > .k-i-search, .k-state-hover > * > .k-i-search, .k-button:not(.k-state-disabled):hover .k-i-search, .k-textbox:hover .k-i-search, .k-button:active .k-i-search {
    background-position: -48px -240px;
}

.k-i-custom {
    background-position: -115px -113px;
}

.k-link:not(.k-state-disabled):hover > .k-i-custom, .k-state-hover > .k-i-custom, .k-state-hover > * > .k-i-custom, .k-button:not(.k-state-disabled):hover .k-i-custom, .k-textbox:hover .k-i-custom, .k-button:active .k-i-custom {
    background-position: -141px -113px;
}

.k-editor .k-i-custom {
    background-position: -111px -109px;
}

.k-viewHtml {
    background-position: -288px -120px;
}

.k-i-insert-n, .k-insert-top {
    background-position: -160px -32px;
}

.k-link:not(.k-state-disabled):hover > .k-i-insert-n, .k-link:not(.k-state-disabled):hover > .k-insert-top, .k-state-hover > .k-i-insert-n, .k-state-hover > .k-insert-top, .k-state-hover > * > .k-i-insert-n, .k-state-hover > * > .k-insert-top, .k-button:not(.k-state-disabled):hover .k-i-insert-n, .k-button:not(.k-state-disabled):hover .k-insert-top, .k-textbox:hover .k-i-insert-n, .k-textbox:hover .k-insert-top, .k-button:active .k-i-insert-n, .k-button:active .k-insert-top {
    background-position: -176px -32px;
}

.k-i-insert-m, .k-insert-middle {
    background-position: -160px -48px;
}

.k-link:not(.k-state-disabled):hover > .k-i-insert-m, .k-link:not(.k-state-disabled):hover > .k-insert-middle, .k-state-hover > .k-i-insert-m, .k-state-hover > .k-insert-middle, .k-state-hover > * > .k-i-insert-m, .k-state-hover > * > .k-insert-middle, .k-button:not(.k-state-disabled):hover .k-i-insert-m, .k-button:not(.k-state-disabled):hover .k-insert-middle, .k-textbox:hover .k-i-insert-m, .k-textbox:hover .k-insert-middle, .k-button:active .k-i-insert-m, .k-button:active .k-insert-middle {
    background-position: -176px -48px;
}

.k-i-insert-s, .k-insert-bottom {
    background-position: -160px -64px;
}

.k-link:not(.k-state-disabled):hover > .k-i-insert-s, .k-link:not(.k-state-disabled):hover > .k-insert-bottom, .k-state-hover > .k-i-insert-s, .k-state-hover > .k-insert-bottom, .k-state-hover > * > .k-i-insert-s, .k-state-hover > * > .k-insert-bottom, .k-button:not(.k-state-disabled):hover .k-i-insert-s, .k-button:not(.k-state-disabled):hover .k-insert-bottom, .k-textbox:hover .k-i-insert-s, .k-textbox:hover .k-insert-bottom, .k-button:active .k-i-insert-s, .k-button:active .k-insert-bottom {
    background-position: -176px -64px;
}

.k-drop-hint {
    background-position: 0 -326px;
}

.k-i-note, .k-warning {
    background-position: -160px -240px;
}

.k-link:not(.k-state-disabled):hover > .k-i-note, .k-link:not(.k-state-disabled):hover > .k-warning, .k-state-hover > .k-i-note, .k-state-hover > .k-warning, .k-state-hover > * > .k-i-note, .k-state-hover > * > .k-warning, .k-button:not(.k-state-disabled):hover .k-i-note, .k-button:not(.k-state-disabled):hover .k-warning, .k-textbox:hover .k-i-note, .k-textbox:hover .k-warning, .k-button:active .k-i-note, .k-button:active .k-warning {
    background-position: -176px -240px;
}

.k-i-sort-asc {
    background-position: -112px -240px;
}

.k-link:not(.k-state-disabled):hover > .k-i-sort-asc, .k-state-hover > .k-i-sort-asc, .k-state-hover > * > .k-i-sort-asc, .k-button:not(.k-state-disabled):hover .k-i-sort-asc, .k-textbox:hover .k-i-sort-asc, .k-button:active .k-i-sort-asc {
    background-position: -128px -240px;
}

.k-i-sort-desc {
    background-position: -112px -256px;
}

.k-link:not(.k-state-disabled):hover > .k-i-sort-desc, .k-state-hover > .k-i-sort-desc, .k-state-hover > * > .k-i-sort-desc, .k-button:not(.k-state-disabled):hover .k-i-sort-desc, .k-textbox:hover .k-i-sort-desc, .k-button:active .k-i-sort-desc {
    background-position: -128px -256px;
}

.k-i-group {
    background-position: -112px -272px;
}

.k-link:not(.k-state-disabled):hover > .k-i-group, .k-state-hover > .k-i-group, .k-state-hover > * > .k-i-group, .k-button:not(.k-state-disabled):hover .k-i-group, .k-textbox:hover .k-i-group, .k-button:active .k-i-group {
    background-position: -128px -272px;
}

.k-i-ungroup {
    background-position: -112px -288px;
}

.k-link:not(.k-state-disabled):hover > .k-i-ungroup, .k-state-hover > .k-i-ungroup, .k-state-hover > * > .k-i-ungroup, .k-button:not(.k-state-disabled):hover .k-i-ungroup, .k-textbox:hover .k-i-ungroup, .k-button:active .k-i-ungroup {
    background-position: -128px -288px;
}

.k-i-columns {
    background-position: -112px -304px;
}

.k-link:not(.k-state-disabled):hover > .k-i-columns, .k-state-hover > .k-i-columns, .k-state-hover > * > .k-i-columns, .k-button:not(.k-state-disabled):hover .k-i-columns, .k-textbox:hover .k-i-columns, .k-button:active .k-i-columns {
    background-position: -128px -304px;
}

.k-i-hbars {
    background-position: -64px -32px;
}

.k-link:not(.k-state-disabled):hover > .k-i-hbars, .k-state-hover > .k-i-hbars, .k-state-hover > * > .k-i-hbars, .k-button:not(.k-state-disabled):hover .k-i-hbars, .k-textbox:hover .k-i-hbars, .k-button:active .k-i-hbars {
    background-position: -80px -32px;
}

.k-i-vbars {
    background-position: -64px -48px;
}

.k-link:not(.k-state-disabled):hover > .k-i-vbars, .k-state-hover > .k-i-vbars, .k-state-hover > * > .k-i-vbars, .k-button:not(.k-state-disabled):hover .k-i-vbars, .k-textbox:hover .k-i-vbars, .k-button:active .k-i-vbars {
    background-position: -80px -48px;
}

.k-i-sum {
    background-position: -64px -64px;
}

.k-link:not(.k-state-disabled):hover > .k-i-sum, .k-state-hover > .k-i-sum, .k-state-hover > * > .k-i-sum, .k-button:not(.k-state-disabled):hover .k-i-sum, .k-textbox:hover .k-i-sum, .k-button:active .k-i-sum {
    background-position: -80px -64px;
}

.k-i-pdf {
    background-position: -64px -80px;
}

.k-link:not(.k-state-disabled):hover > .k-i-pdf, .k-state-hover > .k-i-pdf, .k-state-hover > * > .k-i-pdf, .k-button:not(.k-state-disabled):hover .k-i-pdf, .k-textbox:hover .k-i-pdf, .k-button:active .k-i-pdf {
    background-position: -80px -80px;
}

.k-i-excel {
    background-position: -64px -96px;
}

.k-link:not(.k-state-disabled):hover > .k-i-excel, .k-state-hover > .k-i-excel, .k-state-hover > * > .k-i-excel, .k-button:not(.k-state-disabled):hover .k-i-excel, .k-textbox:hover .k-i-excel, .k-button:active .k-i-excel {
    background-position: -80px -96px;
}

.k-i-rotatecw {
    background-position: -64px -112px;
}

.k-link:not(.k-state-disabled):hover > .k-i-rotatecw, .k-state-hover > .k-i-rotatecw, .k-state-hover > * > .k-i-rotatecw, .k-button:not(.k-state-disabled):hover .k-i-rotatecw, .k-textbox:hover .k-i-rotatecw, .k-button:active .k-i-rotatecw {
    background-position: -80px -112px;
}

.k-i-rotateccw {
    background-position: -64px -128px;
}

.k-link:not(.k-state-disabled):hover > .k-i-rotateccw, .k-state-hover > .k-i-rotateccw, .k-state-hover > * > .k-i-rotateccw, .k-button:not(.k-state-disabled):hover .k-i-rotateccw, .k-textbox:hover .k-i-rotateccw, .k-button:active .k-i-rotateccw {
    background-position: -80px -128px;
}

.k-i-undo {
    background-position: -64px -160px;
}

.k-link:not(.k-state-disabled):hover > .k-i-undo, .k-state-hover > .k-i-undo, .k-state-hover > * > .k-i-undo, .k-button:not(.k-state-disabled):hover .k-i-undo, .k-textbox:hover .k-i-undo, .k-button:active .k-i-undo {
    background-position: -80px -160px;
}

.k-i-redo {
    background-position: -64px -144px;
}

.k-link:not(.k-state-disabled):hover > .k-i-redo, .k-state-hover > .k-i-redo, .k-state-hover > * > .k-i-redo, .k-button:not(.k-state-disabled):hover .k-i-redo, .k-textbox:hover .k-i-redo, .k-button:active .k-i-redo {
    background-position: -80px -144px;
}

.k-i-shape {
    background-position: -64px -176px;
}

.k-link:not(.k-state-disabled):hover > .k-i-shape, .k-state-hover > .k-i-shape, .k-state-hover > * > .k-i-shape, .k-button:not(.k-state-disabled):hover .k-i-shape, .k-textbox:hover .k-i-shape, .k-button:active .k-i-shape {
    background-position: -80px -176px;
}

.k-i-connector {
    background-position: -64px -192px;
}

.k-link:not(.k-state-disabled):hover > .k-i-connector, .k-state-hover > .k-i-connector, .k-state-hover > * > .k-i-connector, .k-button:not(.k-state-disabled):hover .k-i-connector, .k-textbox:hover .k-i-connector, .k-button:active .k-i-connector {
    background-position: -80px -192px;
}

.k-i-kpi {
    background-position: -64px -208px;
}

.k-link:not(.k-state-disabled):hover > .k-i-kpi, .k-state-hover > .k-i-kpi, .k-state-hover > * > .k-i-kpi, .k-button:not(.k-state-disabled):hover .k-i-kpi, .k-textbox:hover .k-i-kpi, .k-button:active .k-i-kpi {
    background-position: -80px -208px;
}

.k-i-dimension {
    background-position: -64px -224px;
}

.k-link:not(.k-state-disabled):hover > .k-i-dimension, .k-state-hover > .k-i-dimension, .k-state-hover > * > .k-i-dimension, .k-button:not(.k-state-disabled):hover .k-i-dimension, .k-textbox:hover .k-i-dimension, .k-button:active .k-i-dimension {
    background-position: -80px -224px;
}

.k-file {
    background-position: 0 0;
}

.k-link:not(.k-state-disabled):hover > .k-file, .k-state-hover > .k-file, .k-state-hover > * > .k-file, .k-button:not(.k-state-disabled):hover .k-file, .k-textbox:hover .k-file, .k-button:active .k-file {
    background-position: -16px 0;
}

.k-i-folder-add, .k-addfolder {
    background-position: -32px -272px;
}

.k-link:not(.k-state-disabled):hover > .k-i-folder-add, .k-link:not(.k-state-disabled):hover > .k-addfolder, .k-state-hover > .k-i-folder-add, .k-state-hover > .k-addfolder, .k-state-hover > * > .k-i-folder-add, .k-state-hover > * > .k-addfolder, .k-button:not(.k-state-disabled):hover .k-i-folder-add, .k-button:not(.k-state-disabled):hover .k-addfolder, .k-textbox:hover .k-i-folder-add, .k-textbox:hover .k-addfolder, .k-button:active .k-i-folder-add, .k-button:active .k-addfolder {
    background-position: -48px -272px;
}

.k-i-folder-up, .k-goup {
    background-position: -32px -288px;
}

.k-link:not(.k-state-disabled):hover > .k-i-folder-up, .k-link:not(.k-state-disabled):hover > .k-goup, .k-state-hover > .k-i-folder-up, .k-state-hover > .k-goup, .k-state-hover > * > .k-i-folder-up, .k-state-hover > * > .k-goup, .k-button:not(.k-state-disabled):hover .k-i-folder-up, .k-button:not(.k-state-disabled):hover .k-goup, .k-textbox:hover .k-i-folder-up, .k-textbox:hover .k-goup, .k-button:active .k-i-folder-up, .k-button:active .k-goup {
    background-position: -48px -288px;
}

.k-i-more {
    background-position: -64px -32px;
}

.k-link:not(.k-state-disabled):hover > .k-i-more, .k-state-hover > .k-i-more, .k-state-hover > * > .k-i-more, .k-button:not(.k-state-disabled):hover .k-i-more, .k-textbox:hover .k-i-more, .k-button:active .k-i-more {
    background-position: -80px -32px;
}

.k-file > .k-icon {
    background-position: -115px -91px;
}

.k-image {
    border: 0;
}

.k-breadcrumbs:hover .k-i-arrow-n {
    background-position: 0 0;
}

.k-breadcrumbs:hover .k-i-arrow-e {
    background-position: 0 -16px;
}

.k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: 0 -32px;
}

.k-link:not(.k-state-disabled):hover > .k-pager-numbers .k-current-page .k-link:after, .k-link:not(.k-state-disabled):hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-state-hover > .k-pager-numbers .k-current-page .k-link:after, .k-state-hover > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-state-hover > * > .k-pager-numbers .k-current-page .k-link:after, .k-state-hover > * > .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-button:not(.k-state-disabled):hover .k-pager-numbers .k-current-page .k-link:after, .k-button:not(.k-state-disabled):hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-textbox:hover .k-pager-numbers .k-current-page .k-link:after, .k-textbox:hover .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after, .k-button:active .k-pager-numbers .k-current-page .k-link:after, .k-button:active .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after {
    background-position: -16px -32px;
}

html .k-success-colored {
    color: #507f50;
    border-color: #d0dfd0;
    background-color: #f0fff0;
}

html .k-info-colored {
    color: #50607f;
    border-color: #d0d9df;
    background-color: #f0f9ff;
}

html .k-error-colored {
    color: #7f5050;
    border-color: #dfd0d0;
    background-color: #fff0f0;
}

.k-inline-block {
    padding: 0 2px;
}

.k-loading, .k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.k-loading-mask, .k-loading-image, .k-loading-text {
    position: absolute;
}

.k-loading-mask {
    z-index: 100;
}

.k-loading-text {
    text-indent: -4000px;
    text-align: center;
}

.k-loading-image, .k-loading-color {
    width: 100%;
    height: 100%;
}

.k-loading-image {
    top: 0;
    left: 0;
    z-index: 2;
}

.k-loading-color {
    filter: alpha(opacity=30);
    opacity: .3;
}

.k-content-frame {
    border: 0;
    width: 100%;
    height: 100%;
}

.k-pane > .k-splitter-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
}

.k-drag-clue {
    position: absolute;
    z-index: 10003;
    border-style: solid;
    border-width: 1px;
    font-size: .9em;
    padding: .2em .4em;
    white-space: nowrap;
    cursor: default;
}

.k-drag-status {
    margin-top: -3px;
    margin-right: 4px;
    vertical-align: middle;
}

.k-reorder-cue {
    position: absolute;
    width: 1px;
    overflow: visible;
}

    .k-reorder-cue .k-icon {
        position: absolute;
        left: -4px;
        width: 8px;
        height: 4px;
    }

    .k-reorder-cue .k-i-arrow-s {
        top: -4px;
        background-position: -4px -166px;
    }

    .k-reorder-cue .k-i-arrow-n {
        bottom: -4px;
        background-position: -4px -134px;
    }

.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    height: 100%;
    overflow-x: hidden;
}

.k-touch-scrollbar {
    display: none;
    position: absolute;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    body .k-touch-scrollbar {
        height: 12px;
        width: 12px;
        border-radius: 7px;
    }
}

.k-virtual-scrollable-wrap {
    overflow-x: auto;
}

.k-current-time {
    background: #f00;
    position: absolute;
}

.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.k-button, .k-textbox, .k-autocomplete, div.k-window-content, .k-tabstrip > .k-content > .km-scroll-container, .k-block, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .km-actionsheet > li, .km-shim {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.input-group .form-control {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-control.k-widget {
    padding: 0;
}

a.k-button:hover {
    text-decoration: none;
}

.km-widget, .km-widget * {
    -moz-background-clip: border-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

input.k-checkbox, .k-radio {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    position: absolute;
}

.k-checkbox-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer;
}

    .k-checkbox-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1em;
        height: 1em;
        border-width: 1px;
        border-style: solid;
    }

    .k-checkbox-label:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1em;
        height: 1em;
        border-width: 1px;
        border-style: solid;
    }

.k-checkbox:checked + .k-checkbox-label:after {
    content: "\2713";
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    text-align: center;
}

.k-checkbox:disabled + .k-checkbox-label {
    cursor: auto;
}

.k-radio-label {
    position: relative;
    padding-left: 1.5em;
    vertical-align: middle;
    line-height: .875em;
    cursor: pointer;
}

    .k-radio-label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        border-style: solid;
    }

.k-radio:checked + .k-radio-label:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px;
}

.k-radio:disabled + .k-radio-label {
    cursor: auto;
}

.k-ie8 input.k-checkbox, .k-ie8 .k-radio {
    display: inline-block;
    width: auto;
}

.k-ie8 .k-checkbox-label, .k-ie8 .k-radio-label {
    padding-left: 0;
}

    .k-ie8 .k-checkbox-label:before, .k-ie8 .k-checkbox-label:after, .k-ie8 .k-radio-label:before, .k-ie8 .k-radio-label:after {
        display: none;
    }

.k-rtl .k-checkbox-label, .k-rtl .k-radio-label {
    padding-right: 1.5em;
}

    .k-rtl .k-checkbox-label:before, .k-rtl .k-checkbox-label:after, .k-rtl .k-radio-label:before {
        right: 0;
    }

.k-rtl .k-radio:checked + .k-radio-label:after {
    right: 3px;
}

input.k-checkbox + label {
    -webkit-user-select: none;
    user-select: none;
}

.k-pdf-export-shadow {
    position: absolute;
    overflow: hidden;
    left: -15000px;
    width: 14400px;
}

.k-rpanel-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    left: 0;
}

.k-rpanel-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform: translateX(100%) translateZ(0);
    -ms-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    right: 0;
}

.k-rpanel-left, .k-rpanel-right {
    position: fixed;
    display: block;
    overflow: auto;
    min-width: 320px;
    height: 100%;
    top: 0;
}

    .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateX(0) translateZ(0);
        -ms-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }

    .k-rpanel-left + *, .k-rpanel-right + * {
        overflow: auto;
    }

.k-rpanel-top {
    position: static;
    max-height: 0;
}

    .k-rpanel-top.k-rpanel-expanded {
        max-height: 568px;
        overflow: visible !important;
    }

.k-edit-form {
    margin: 0;
    padding: 0;
}

.k-window > div.k-popup-edit-form {
    padding: 1em 0;
}

.k-grid-edit-row .k-edit-form td {
    border-bottom-width: 0;
}

.k-edit-form-container {
    position: relative;
    width: 400px;
}

    .k-edit-label, .k-edit-form-container .editor-label {
        float: left;
        clear: both;
        width: 30%;
        padding: .4em 0 1em;
        margin-left: 2%;
        text-align: right;
    }

    .k-edit-field, .k-edit-form-container .editor-field {
        float: right;
        clear: right;
        width: 60%;
        margin-right: 2%;
        padding: 0 0 .6em;
    }

        .k-edit-field > input[type="checkbox"], .k-edit-field > input[type="radio"] {
            margin-top: .4em;
        }

    .k-edit-form-container .k-button {
        margin: 0 .16em;
    }

.k-edit-field > input[type="checkbox"]:first-child, .k-edit-field > input[type="radio"]:first-child, .k-edit-field > label:first-child > input[type="checkbox"], .k-edit-field > .k-button:first-child {
    margin-left: 0;
}

.k-edit-form-container .k-edit-buttons {
    clear: both;
    text-align: right;
    border-width: 1px 0 0;
    border-style: solid;
    position: relative;
    bottom: -1em;
    padding: .6em;
}

div.k-window {
    display: inline-block;
    position: absolute;
    z-index: 10001;
    border-style: solid;
    border-width: 1px;
    padding-top: 2em;
}

.k-block > .k-header, .k-window-titlebar {
    position: absolute;
    width: 100%;
    height: 1.1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: -2em;
    padding: .4em 0;
    font-size: 1.2em;
    white-space: nowrap;
    min-height: 16px;
}

.k-block > .k-header {
    position: relative;
    margin: -2px 0 10px -2px;
    padding: .3em 2px;
}

.k-window-title {
    position: absolute;
    left: .44em;
    right: .44em;
    overflow: hidden;
    cursor: default;
    text-overflow: ellipsis;
}

    .k-window-title .k-image {
        margin: 0 5px 0 0;
        vertical-align: middle;
    }

div.k-window-titleless {
    padding-top: 0;
}

div.k-window-content {
    position: relative;
    height: 100%;
    padding: 0px;
    overflow: auto;
    outline: 0;
}

div.k-window-iframecontent {
    padding: 0;
    overflow: visible;
}

.k-window-content > .km-scroll-container {
    height: 100%;
}

.k-window-titlebar .k-window-actions {
    position: absolute;
    top: 0;
    right: .3em;
    padding-top: .3em;
    white-space: nowrap;
}

.k-window-titlebar .k-window-action {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    opacity: .7;
}

.k-window-titlebar .k-state-hover {
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    opacity: 1;
}

.k-window-action .k-icon {
    margin: 0;
    vertical-align: top;
}

.k-window > .k-resize-handle {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    font-size: 0;
    line-height: 6px;
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1;
}

.k-resize-n {
    top: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: n-resize;
}

.k-resize-e {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: e-resize;
}

.k-resize-s {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: s-resize;
}

.k-resize-w {
    top: 0;
    left: -3px;
    width: 6px;
    height: 100%;
    cursor: w-resize;
}

.k-resize-se {
    bottom: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    cursor: se-resize;
}

.k-resize-sw {
    bottom: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: sw-resize;
}

.k-resize-ne {
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    cursor: ne-resize;
}

.k-resize-nw {
    top: -3px;
    left: -3px;
    width: 6px;
    height: 6px;
    cursor: nw-resize;
}

.k-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.k-window .k-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative;
}

.k-tabstrip-items {
    padding: .3em .3em 0;
}

.k-tabstrip-scrollable .k-tabstrip-items {
    white-space: nowrap;
    overflow: hidden;
}

.k-tabstrip > .k-button {
    position: absolute;
    top: .4em;
    z-index: 2;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.k-tabstrip-bottom > .k-button {
    top: auto;
    bottom: .4em;
}

.k-tabstrip-prev {
    left: .4em;
}

.k-tabstrip-next {
    right: .4em;
}

.k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item {
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0 -1px 0 0;
    padding: 0;
    vertical-align: top;
}

.k-tabstrip-items .k-tab-on-top, .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.k-tabstrip-items .k-tab-on-top {
    z-index: 1;
}

.k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em;
}

.k-tabstrip-items .k-icon, .k-panelbar .k-tabstrip-items .k-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top;
}

.k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite, .k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle;
}

.k-tabstrip-items .k-loading {
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: transparent;
    border-top: 1px solid transparent;
    border-color: inherit;
    -webkit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    transition: width 200ms linear;
    -webkit-transition: "width 200ms linear";
    -moz-transition: "width 200ms linear";
    -ms-transition: "width 200ms linear";
    -o-transition: "width 200ms linear";
    transition: "width 200ms linear";
    animation: k-tab-loader 1s ease-in-out infinite;
    -moz-animation: k-tab-loader 1s ease-in-out infinite;
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
}

.k-tabstrip-items .k-progress {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
}

.k-tabstrip-items .k-loading.k-complete {
    width: 100%;
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
}

.k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content {
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .286em .3em;
    padding: .3em .92em;
    zoom: 1;
}

.k-tabstrip > .k-content {
    display: none;
    overflow: auto;
}

    .k-tabstrip > .k-content.km-scroll-wrapper {
        padding: 0;
    }

    .k-tabstrip > .k-content > .km-scroll-container {
        padding: .3em .92em;
    }

@-webkit-keyframes k-tab-loader {
    0% {
        left: 0;
    }

    50% {
        left: 80%;
    }

    100% {
        left: 0;
    }
}

@-moz-keyframes k-tab-loader {
    0% {
        left: 0;
    }

    50% {
        left: 80%;
    }

    100% {
        left: 0;
    }
}

@keyframes k-tab-loader {
    0% {
        left: 0;
    }

    50% {
        left: 80%;
    }

    100% {
        left: 0;
    }
}

.k-tabstrip-left > div.k-content, .k-tabstrip-right > div.k-content {
    margin: .286em .3em;
}

.k-tabstrip-left > .k-tabstrip-items .k-item, .k-tabstrip-right > .k-tabstrip-items .k-item {
    display: block;
    margin-bottom: -1px;
}

.k-tabstrip-left > .k-tabstrip-items .k-link, .k-tabstrip-right > .k-tabstrip-items .k-link {
    display: block;
}

.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active {
    margin-bottom: -1px;
    padding-bottom: 0;
}

.k-tabstrip-left > .k-tabstrip-items {
    float: left;
    padding: .25em 0 .3em .3em;
}

    .k-tabstrip-left > .k-tabstrip-items .k-item {
        border-width: 1px 0 1px 1px;
        border-radius: 3px 0 0 3px;
    }

    .k-tabstrip-left > .k-tabstrip-items .k-state-active {
        border-width: 1px 0 1px 1px;
    }

    .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active {
        margin-right: -2px;
        padding-right: 1px;
    }

.k-tabstrip-right > .k-tabstrip-items {
    float: right;
    padding: .25em .3em .3em 0;
}

    .k-tabstrip-right > .k-tabstrip-items .k-item {
        border-width: 1px 1px 1px 0;
        border-radius: 0 3px 3px 0;
    }

    .k-tabstrip-right > .k-tabstrip-items .k-state-active {
        border-width: 1px 1px 1px 0;
    }

    .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active {
        margin-left: -1px;
        padding-left: 1px;
    }

.k-tabstrip-bottom > .k-tabstrip-items {
    margin-top: -1px;
    padding: 0 .3em .3em;
}

.k-tabstrip-bottom > .k-content, .k-panelbar .k-tabstrip-bottom > .k-content {
    margin: .3em .286em 0;
    z-index: 1;
    position: relative;
}

.k-tabstrip-bottom > .k-tabstrip-items .k-item {
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
}

.k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
    margin-bottom: 0;
    padding-bottom: 0;
}

.k-tabstrip-bottom > .k-content {
    min-height: 100px;
}

.k-tabstrip-bottom > .k-tabstrip-items .k-loading {
    top: auto;
    bottom: 0;
}

.k-panelbar {
    zoom: 1;
}

    .k-panelbar > .k-item, .k-panel > .k-item {
        list-style-type: none;
        display: block;
        border-width: 0;
        margin: 0;
        zoom: 1;
        border-radius: 0;
    }

    .k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite {
        float: left;
        margin-top: 4px;
        margin-right: 5px;
        vertical-align: middle;
    }

    .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link {
        display: block;
        position: relative;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 0 1em;
        line-height: 2.34em;
        text-decoration: none;
        zoom: 1;
    }

.k-panelbar-expand, .k-panelbar-collapse {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px;
}

.k-panelbar .k-panel, .k-panelbar .k-content {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.k-panel > .k-item > .k-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 2.2;
}

.k-panel .k-panel > .k-item > .k-link {
    padding-left: 2em;
}

.k-panelbar .k-i-seek-e .k-link {
    border-bottom: 0;
}

.k-panel .k-panel {
    border-bottom: 0;
}

.k-menu {
    cursor: default;
}

    .k-menu, .k-menu .k-menu-group {
        list-style: none;
        margin: 0;
        padding: 0;
        zoom: 1;
    }

        .k-menu:after {
            content: '';
            display: block;
            width: 99%;
            height: 0;
            float: inherit;
            clear: both;
        }

        .k-menu .k-item {
            -webkit-user-select: none;
            -moz-user-select: -moz-none;
            user-select: none;
        }

            .k-menu .k-item div {
                -webkit-user-select: default;
                -moz-user-select: default;
                user-select: default;
            }

            .k-menu .k-item .k-item, ul.k-menu-vertical > .k-item {
                display: block;
                float: none;
                border-width: 0;
            }

            .k-menu .k-item > .k-link > .k-icon, .k-menu .k-image, .k-menu .k-sprite {
                margin: -2px 4px 0 -4px;
                vertical-align: middle;
            }

            .k-menu .k-item > .k-link > .k-icon {
                margin: -2px 0 0;
            }

            .k-menu .k-item > .k-link {
                display: block;
                padding: .5em 1.1em .4em;
                line-height: 1.34em;
                -khtml-user-select: none;
                -webkit-user-select: none;
                -moz-user-select: -moz-none;
                -ms-user-select: none;
                user-select: none;
            }

        .k-menu .k-menu-group {
            display: none;
            border-style: solid;
            border-width: 1px;
            overflow: visible;
            white-space: nowrap;
        }

            .k-menu .k-menu-group > .k-item {
                display: block;
                border-width: 0;
            }

        .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
            position: relative;
            float: left;
            border-style: solid;
            border-width: 0 1px 0 0;
            vertical-align: top;
            zoom: 1;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
            padding: .28em 1.8em .38em .9em;
        }

.k-context-menu.k-menu-horizontal > .k-separator {
    display: none;
}

.k-context-menu.k-menu-horizontal > .k-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-context-menu.k-menu-horizontal > .k-last {
    border: 0;
}

.k-menu .k-item > .k-link > .k-i-arrow-s {
    margin-right: -8px;
}

.k-menu .k-item > .k-link > .k-i-arrow-e {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 2px;
    right: .2rem;
}

.k-menu .k-animation-container {
    border: 0;
}

.k-menu .k-animation-container, .k-menu .k-menu-group {
    position: absolute;
    left: 0;
}

    .k-menu .k-animation-container .k-animation-container, .k-menu .k-menu-group .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group {
        top: 0;
        left: 0;
    }

    .k-menu .k-animation-container .k-menu-group {
        top: auto;
        left: auto;
        margin-left: -1px;
    }

.k-menu .k-animation-container, .k-popup .k-animation-container {
    margin-top: -1px;
    padding-left: 1px;
}

.k-ie .k-menu .k-animation-container, .k-ie .k-popup .k-animation-container {
    margin-top: -2px;
}

.k-popup .k-animation-container .k-popup {
    margin-left: -1px;
}

ul.k-menu .k-separator {
    padding: .25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0;
}

ul.k-menu-vertical .k-separator, .k-menu .k-menu-group .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0;
}

.k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
}

.k-grid, .k-listview {
    position: relative;
    zoom: 1;
}

    .k-grid table {
        width: 100%;
        margin: 0;
        max-width: none;
        border-collapse: separate;
        border-spacing: 0;
        empty-cells: show;
        border-width: 0;
        outline: 0;
    }

.k-header.k-drag-clue {
    overflow: hidden;
}

.k-grid-header th.k-header, .k-filter-row th {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.k-grid-header th.k-header {
    vertical-align: bottom;
}

.k-filtercell, .k-filtercell > span, .k-filtercell .k-widget {
    display: block;
    width: auto;
}

    .k-filtercell > span {
        padding-right: 4.8em;
        position: relative;
        min-height: 2em;
        line-height: 2em;
    }

    .k-filtercell > .k-operator-hidden {
        padding-right: 2.3em;
    }

    .k-filtercell > span > .k-button, .k-filter-row .k-dropdown-operator {
        position: absolute;
        top: 0;
        right: 0;
    }

.k-filter-row .k-dropdown-operator {
    width: 2.1em;
    right: 2.5em;
}

.k-filtercell > span > label {
    vertical-align: middle;
}

.k-filter-row label > input[type="radio"] {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.k-ie10 .k-grid-header a:active {
    background-color: transparent;
}

.k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    margin: -0.5em -0.6em -0.4em -0.6em;
    padding: .5em .6em .4em .6em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 18px;
}

.k-grid-header th.k-header .k-icon {
    position: static;
}

.k-grid-header th > .k-link > .k-icon {
    vertical-align: text-top;
}

.k-grid .k-state-hover {
    cursor: pointer;
}

.k-grid-column-resizing th, .k-grid-column-resizing td {
    -webkit-transform: translateZ(0);
}

.k-grid-column-resizing, .k-grid-column-resizing .k-grid-filter, .k-grid-column-resizing .k-link, .k-grid-column-resizing .k-button, .k-grid-column-resizing .k-grid-toolbar {
    cursor: col-resize;
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell {
    overflow: visible;
}

.k-grid-edit-row td {
    text-overflow: clip;
}

.k-grid-edit-row .k-textbox, .k-grid-edit-row .text-box {
    margin-top: 0;
    margin-bottom: 0;
}

.k-grid-header-wrap, .k-grid-footer-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px 0 0;
    zoom: 1;
}

div.k-grid-header, div.k-grid-footer {
    padding-right: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
}

.k-grid-header-wrap > table, .k-grid-header-locked > table {
    margin-bottom: -1px;
}

.k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    min-height: 0;
}

.k-mobile .k-grid tbody {
    -webkit-backface-visibility: hidden;
}

.k-mobile .k-grid-backface tbody {
    -webkit-backface-visibility: visible;
}

.k-grid-content-expander {
    position: absolute;
    visibility: hidden;
    height: 1px;
    margin-top: -1px;
}

.k-grid-norecords {
    width: 100%;
    height: 100%;
    text-align: center;
}

.k-grid-norecords-template {
    width: 20em;
    height: 4em;
    line-height: 4em;
    vertical-align: middle;
    margin: 0 auto;
}

.k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
    top: 50%;
    left: 50%;
    margin-left: -10em;
    margin-top: -2em;
    position: absolute;
}

@media print {
    .k-grid {
        height: auto !important;
    }

    .k-grid-header {
        padding: 0 !important;
    }

    .k-grid-header-wrap, .k-grid-content {
        overflow: visible;
        height: auto !important;
    }
}

.k-virtual-scrollable-wrap {
    height: 100%;
    overflow-y: hidden;
    position: relative;
}

.k-grid-header table, .k-grid-content table, .k-grid-footer table, .k-grid-content-locked > table {
    table-layout: fixed;
}

.k-grid-lockedcolumns {
    white-space: nowrap;
}

.k-grid-content-locked, .k-grid-content, .k-pager-wrap {
    white-space: normal;
}

.k-grid-header-locked, .k-grid-content-locked, .k-grid-footer-locked {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0;
}

    .k-grid-header-locked + .k-grid-header-wrap, .k-grid-content-locked + .k-grid-content, .k-grid-footer-locked + .k-grid-footer-wrap {
        display: inline-block;
        vertical-align: top;
    }

.k-grid-toolbar {
    border-style: solid;
    border-width: 1px 0 0;
}

.k-grid-header th.k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child, .k-filter-row > th:first-child {
    border-left-width: 0;
}

.k-grid-header th.k-header.k-first {
    border-left-width: 1px;
}

.k-grid-toolbar:first-child, .k-grouping-header + .k-grid-toolbar {
    border-width: 0 0 1px;
}

.k-footer-template td {
    border-style: solid;
    border-width: 1px 0 0 1px;
}

.k-group-footer td {
    border-style: solid;
    border-width: 1px 0;
}

.k-group-footer .k-group-cell + td {
    border-left-width: 1px;
}

.k-grid-footer {
    border-style: solid;
    border-width: 1px 0 0;
}

    .k-grid-footer td {
        border-top-width: 0;
    }

    .k-grid-footer > td {
        border-top-width: 1px;
    }

.k-pager-wrap {
    clear: both;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 1px;
    line-height: 2.0em;
    padding: .333em 0 .333em .250em;
}

.k-grid-pager {
    border-width: 1px 0 0;
}

.k-grid .k-pager-numbers, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    display: inline-block;
    vertical-align: top;
    margin-right: 1px;
}

.k-pager-numbers {
    margin: 0 2px;
}

    .k-pager-numbers .k-state-selected {
        vertical-align: top;
    }

    .k-pager-numbers .k-current-page {
        display: none;
    }

    .k-pager-numbers li, .k-pager-input {
        float: left;
    }

.k-grid .k-pager-numbers {
    float: left;
    cursor: default;
}

.k-pager-info {
    float: right;
    padding: 0 1.333em;
}

.k-pager-numbers .k-link {
    text-decoration: none;
}

.k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    min-width: 2em;
}

.k-pager-wrap > .k-link {
    float: left;
    margin: 0 .08333em;
    height: 2em;
    line-height: 2em;
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center;
}

.k-pager-wrap > a.k-state-disabled:hover {
    background: 0;
    cursor: default;
}

.k-pager-numbers .k-link {
    text-align: center;
    line-height: 2em;
    border-style: solid;
    border-width: 1px;
    border-radius: 1.0833em;
}

.k-pager-wrap > .k-link {
    border-style: solid;
    border-width: 1px;
}

.k-pager-wrap .k-pager-refresh {
    float: right;
    margin-right: .5em;
    border-width: 0;
    border-radius: 0;
}

.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em;
}

.k-pager-wrap .k-textbox {
    width: 3.333em;
}

.k-pager-wrap .k-dropdown {
    width: 4.500em;
}

.k-pager-refresh {
    float: right;
}

.k-pager-input, .k-pager-sizes {
    padding: 0 1.4166em;
}

.k-pager-sizes {
    display: inline-block;
    padding-top: 1px;
}

    .k-pager-sizes .k-widget.k-dropdown {
        margin-top: -2px;
    }

.k-pager-wrap .k-textbox, .k-pager-wrap .k-widget {
    margin: 0 .4em 0;
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    float: right;
    margin: -0.5em -0.6em -0.4em;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1;
}

.k-grid .k-animation-container {
    position: absolute;
}

.k-filter-menu {
    padding: .5em;
}

form.k-filter-menu .k-widget, form.k-filter-menu .k-textbox {
    display: block;
}

.k-filter-help-text, .k-filter-menu .k-widget, .k-filter-menu .k-textbox {
    margin: .19em 0 0;
}

.k-filter-menu span.k-filter-and {
    width: 6em;
    margin: .5em 0 .5em;
}

.k-filter-menu .k-button {
    width: 48%;
    margin: .5em 4% 0 0;
}

    .k-filter-menu .k-button + .k-button {
        margin-right: 0;
    }

.k-multicheck-wrap {
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap;
    max-height: 300px;
}

    .k-multicheck-wrap .k-item {
        line-height: 2.2em;
    }

.k-grouping-row .k-icon {
    margin: -3px 4px 0 2px;
}

.k-grouping-row p {
    display: inline-block;
    vertical-align: middle;
    margin-left: -0.6em;
    padding: 0 .6em;
}

.k-grouping-row + tr td {
    border-top-width: 1px;
}

.k-grouping-row .k-group-cell, .k-grouping-row + tr .k-group-cell {
    border-top-width: 0;
    text-overflow: none;
}

.k-grid .k-hierarchy-cell + td {
    border-left-width: 0;
}

.k-grid .k-group-col, .k-grid .k-hierarchy-col {
    width: 27px;
}

.k-grouping-header {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.k-grouping-header {
    line-height: 2;
}

.k-grouping-dropclue {
    position: absolute;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: -165px -148px;
}

.k-grouping-header .k-group-indicator {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
    line-height: 1.5em;
}

.k-grouping-header .k-link {
    display: inline-block;
    border-width: 0;
    padding: 0;
    line-height: normal;
    text-decoration: none;
}

.k-grouping-header .k-button {
    border: 0;
    padding: 0;
    background: transparent;
    line-height: 1;
}

.k-grouping-header .k-link .k-icon {
    margin: 0 0 0 -3px;
}

.k-grouping-header .k-button .k-icon {
    margin: 0 0 0 3px;
}

.k-grouping-header a, .k-grouping-header .k-button {
    display: inline-block;
    vertical-align: middle;
}

.k-dirty-cell:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    float: left;
}

.k-dirty {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px;
    border-color: #f00 transparent transparent #f00;
    margin: -0.45em 0 0 -0.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
}

.k-grouping-header, .k-grid-toolbar {
    margin: 0;
    padding: .22em .2em .28em;
    cursor: default;
}

.k-grid .k-edit-container {
    padding: 0;
}

.k-grid .field-validation-error {
    display: block;
}

.k-grid .input-validation-error {
    border-style: ridge;
    border-color: #f00;
    background-color: #ffc0cb;
}

.k-grid-toolbar .k-button {
    vertical-align: middle;
}

.k-grid-actions {
    display: inline-block;
}

.k-grid .k-button {
    margin: 0 .16em;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 64px;
}

.k-grid tbody button.k-button {
    min-width: 78px;
}

html body .k-grid tbody .k-button-icon {
    width: auto;
    min-width: 0;
}

.k-detail-row {
    position: relative;
}

.k-grid .k-detail-cell {
    overflow: visible;
}

.k-grid .k-edit-cell {
    padding: 0 .3em;
    white-space: nowrap;
}

    .k-grid .k-edit-cell .k-tooltip {
        white-space: normal;
    }

.k-edit-cell > .k-textbox, .k-edit-cell > .k-widget, .k-grid-edit-row > td > .k-textbox, .k-grid-edit-row > td > .k-widget, .k-grid-edit-row > td > .text-box {
    width: 100%;
}

html .k-edit-cell .k-tooltip, html .k-grid-edit-row .k-tooltip {
    width: auto;
    max-width: 300px;
}

.k-edit-cell input[type="checkbox"] {
    margin-left: .6em;
}

.k-grid tbody td > .k-grid-delete {
    margin-top: -0.2em;
    margin-bottom: -0.2em;
}

.k-grid-resize-indicator {
    position: absolute;
    width: 2px;
    background-color: #aaa;
}

.k-grid-header .k-resize-handle, .k-grid > .k-resize-handle {
    position: absolute;
    height: 25px;
    cursor: col-resize;
    z-index: 2;
}

.k-marquee {
    position: absolute;
    z-index: 100000;
}

.k-marquee-color, .k-marquee-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.k-marquee-color {
    filter: alpha(opacity=60);
    opacity: .6;
}

.k-ie9 .k-column-menu {
    width: 160px;
}

.k-ie8 .k-grid-filter, .k-ie8 .k-header-column-menu {
    font-size: 100%;
}

.k-column-menu {
    min-width: 160px;
}

    .k-column-menu .k-sprite {
        margin-right: 10px;
    }

    .k-column-menu > .k-menu {
        border-width: 0;
    }

.k-columns-item .k-group {
    max-height: 200px;
    overflow: auto;
}

.k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important;
}

.k-pdf-export-shadow .k-grid, .k-pdf-export-shadow .k-grid-content, .k-pdf-export-shadow .k-grid-content-locked {
    height: auto !important;
    overflow: visible;
}

    .k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap, .k-pdf-export-shadow .k-grid-content-locked + .k-grid-content {
        width: auto !important;
    }

.k-pdf-export-shadow .k-grid-header {
    padding-right: 0 !important;
}

.k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

    .k-loading-pdf-mask .k-loading-color {
        filter: alpha(opacity=50);
        opacity: .5;
    }

    .k-loading-pdf-mask .k-loading-pdf-progress {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.k-pdf-export .k-loading-pdf-mask {
    display: none;
}

.k-autofitting {
    width: auto !important;
    table-layout: auto !important;
}

    .k-autofitting th.k-header, .k-autofitting td {
        white-space: nowrap !important;
    }

    .k-autofitting .k-detail-row {
        display: none !important;
    }

@media only screen and (max-width:1024px) {
    .k-webkit .k-pager-wrap, .k-ff .k-pager-wrap, .k-ie11 .k-pager-wrap, .k-safari .k-pager-wrap {
        overflow: visible;
    }

        .k-webkit .k-pager-wrap .k-pager-nav, .k-ff .k-pager-wrap .k-pager-nav, .k-ie11 .k-pager-wrap .k-pager-nav, .k-safari .k-pager-wrap .k-pager-nav, .k-webkit .k-pager-input, .k-ff .k-pager-input, .k-ie11 .k-pager-input, .k-safari .k-pager-input {
            display: inline-block;
            vertical-align: top;
        }

    .k-webkit .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-safari .k-grid .k-pager-numbers {
        position: absolute;
        left: 4.8em;
        display: -moz-inline-flex;
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        overflow: visible;
        height: auto;
    }

        .k-webkit .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded, .k-webkit .k-grid .k-pager-numbers.k-state-expanded, .k-ff .k-grid .k-pager-numbers.k-state-expanded, .k-ie11 .k-grid .k-pager-numbers.k-state-expanded, .k-safari .k-grid .k-pager-numbers.k-state-expanded {
            -webkit-transform: translatey(-100%);
            -moz-transform: translatey(-100%);
            transform: translatey(-100%);
        }

    .k-webkit .km-pane-wrapper .k-pager-numbers, .k-ff .km-pane-wrapper .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-pager-numbers, .k-safari .km-pane-wrapper .k-pager-numbers, .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .km-pane-wrapper .k-grid .k-pager-numbers {
        left: 5.8em;
    }

        .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, .k-ff .km-pane-wrapper .k-pager-numbers .k-link, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, .k-safari .km-pane-wrapper .k-pager-numbers .k-link, .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
            padding-top: 0;
            padding-bottom: 0;
        }

    .k-webkit .k-rtl .k-pager-numbers, .k-ff .k-rtl .k-pager-numbers, .k-ie11 .k-rtl .k-pager-numbers, .k-safari .k-rtl .k-pager-numbers, .k-webkit .k-rtl .k-grid .k-pager-numbers, .k-ff .k-rtl .k-grid .k-pager-numbers, .k-ie11 .k-rtl .k-grid .k-pager-numbers, .k-safari .k-rtl .k-grid .k-pager-numbers {
        left: auto;
        right: 4.8em;
        width: 4.5em;
    }

    .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers, .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers, .k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers {
        right: 5.8em;
    }

    .k-webkit .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page {
        display: block;
        border-left: 0;
    }

    .k-webkit .k-pager-numbers.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-grid .k-pager-number.k-state-expandeds .k-current-page, .k-ff .k-grid .k-pager-number.k-state-expandeds .k-current-page, .k-ie11 .k-grid .k-pager-number.k-state-expandeds .k-current-page, .k-safari .k-grid .k-pager-number.k-state-expandeds .k-current-page {
        -webkit-transform: translatey(100%);
        -moz-transform: translatey(100%);
        transform: translatey(100%);
    }

    .k-webkit .k-pager-numbers li:not(.k-current-page), .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page) {
        display: none;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link, .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link {
        width: 3.2em;
        padding: 0 .429em 0 .714em;
        border-radius: 1.0833em;
    }

    .k-webkit .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link {
        margin-left: 4.8em;
    }

    .k-webkit .k-rtl .k-pager-numbers + .k-link, .k-ff .k-rtl .k-pager-numbers + .k-link, .k-ie11 .k-rtl .k-pager-numbers + .k-link, .k-safari .k-rtl .k-pager-numbers + .k-link {
        margin-right: 5.1em;
        margin-left: 0;
    }

    .k-webkit .k-pager-numbers .k-state-selected, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-link {
        display: block;
        margin-right: 0;
        padding: 1px 5px 1px 5px;
        text-align: left;
    }

    .k-webkit .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded {
        box-sizing: border-box;
        padding: 2px 2px 0;
    }

        .k-webkit .k-pager-numbers.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page {
            margin: -2em -3px 0;
            padding: 0;
        }

            .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
                border-radius: 0 0 1.0833em 1.0833em;
            }

        .k-webkit .k-pager-numbers.k-state-expanded li, .k-ff .k-pager-numbers.k-state-expanded li, .k-ie11 .k-pager-numbers.k-state-expanded li, .k-safari .k-pager-numbers.k-state-expanded li {
            display: inline-block;
        }
}

@media only screen and (max-width:640px) {
    .k-webkit .k-pager-info, .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-safari .k-pager-info {
        display: none;
    }
}

@media only screen and (max-width:480px) {
    .k-webkit .k-pager-sizes, .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-safari .k-pager-sizes {
        display: none;
    }
}

.k-treelist .k-status {
    padding: .4em .6em;
    line-height: 1.6em;
}

    .k-treelist .k-status .k-loading {
        vertical-align: baseline;
        margin-right: 5px;
    }

.k-treelist tr.k-hidden {
    display: none;
}

.k-treelist.k-treelist-dragging, .k-treelist.k-treelist-dragging .k-state-hover {
    cursor: default;
}

.k-treelist .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.k-drag-separator {
    display: inline-block;
    border-right: 1px solid;
    height: 1em;
    vertical-align: top;
    margin: 0 .5em;
}

.k-gantt {
    white-space: nowrap;
    position: relative;
}

.k-gantt-layout {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

.k-gantt .k-splitbar {
    position: relative;
    cursor: e-resize;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y;
}

.k-gantt .k-gantt-layout th {
    vertical-align: bottom;
}

.k-gantt td {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
}

.k-gantt .k-grid .k-edit-cell {
    vertical-align: middle;
}

.k-gantt-treelist > .k-treelist, .k-gantt-timeline > .k-timeline {
    border-width: 0;
    height: 100%;
}

.k-gantt-toolbar {
    border-style: solid;
    border-width: 0 0 1px;
    line-height: 2.4em;
    padding: .5em;
}

.k-gantt-layout + .k-gantt-toolbar {
    border-width: 1px 0 0;
}

.k-gantt-actions, .k-gantt-toolbar > ul {
    float: left;
    margin-right: .6em;
}

.k-gantt-toolbar > .k-gantt-views {
    float: right;
    margin-right: 0;
}

.k-gantt-toolbar > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0;
}

    .k-gantt-toolbar > ul > li:first-child {
        border-left-width: 1px;
    }

.k-gantt-toolbar .k-link {
    display: inline-block;
    padding: 0 1.1em;
}

.k-gantt-toolbar li:first-child, .k-gantt-toolbar li:first-child > .k-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.k-gantt-toolbar li:last-child, .k-gantt-toolbar li:last-child > .k-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.k-gantt-toolbar li.k-button {
    line-height: inherit;
    padding-top: 0;
    padding-bottom: 0;
}

.k-gantt-treelist .k-grid-header tr {
    height: 5em;
}

.k-gantt .k-treelist .k-grid-header {
    padding: 0 !important;
}

.k-gantt .k-treelist .k-grid-content {
    overflow-y: hidden;
    overflow-x: scroll;
}

.k-treelist-group > tr > span {
    font-weight: bold;
}

.k-treelist-group .k-widget {
    font-weight: normal;
}

.k-gantt-timeline .k-grid-header tr {
    height: 2.5em;
}

.k-gantt-tasks {
    position: relative;
}

    .k-gantt-rows tr, .k-gantt-tasks tr, .k-gantt .k-grid-content tr {
        height: 2.3em;
    }

.k-gantt .k-gantt-tasks td:after {
    content: "\a0";
}

.k-gantt-timeline {
    background: transparent;
}

.k-gantt-rows, .k-gantt-columns, .k-gantt-dependencies {
    position: absolute;
    top: 0;
    left: 0;
}

.k-gantt-tables {
    position: relative;
}

.k-gantt .k-timeline .k-grid-content {
    overflow-x: scroll;
}

.k-gantt .k-gantt-timeline th {
    text-align: center;
}

.k-gantt .k-gantt-timeline tr:first-child th {
    border-bottom-width: 1px;
}

.k-task-summary {
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.k-task-summary-complete {
    height: 10px;
    position: relative;
    z-index: 2;
}

.k-task-summary-progress {
    height: 15px;
    overflow: hidden;
}

.k-task-summary:before, .k-task-summary-complete:before, .k-task-summary:after, .k-task-summary-complete:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: transparent;
}

.k-task-summary:before, .k-task-summary-complete:before {
    left: 0;
    border-left-color: inherit;
}

.k-task-summary:after, .k-task-summary-complete:after {
    right: 0;
    border-right-color: inherit;
}

.k-line-h, .k-line-v {
    position: absolute;
}

.k-line-h {
    height: 2px;
}

.k-line-v {
    width: 2px;
}

.k-arrow-e, .k-arrow-w {
    position: absolute;
    top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px;
}

.k-arrow-e {
    right: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.k-arrow-w {
    left: -6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.k-task-milestone {
    width: 13px;
    height: 13px;
    margin-top: 3px;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.k-ie8 .k-task-milestone {
    margin-left: 1px;
}

.k-gantt .k-gantt-treelist .k-button, .k-gantt .k-gantt-tasks .k-button-icon {
    padding-top: 0;
    padding-bottom: 0;
}

.k-gantt .k-gantt-tasks .k-button-icon {
    margin-top: 4px;
}

.k-gantt .k-gantt-treelist .k-button {
    margin-top: -4px;
    margin-bottom: -2px;
}

.k-gantt .k-gantt-tasks .k-button-icon {
    padding-left: 2px;
    padding-right: 2px;
}

.k-gantt .k-gantt-treelist .k-button .k-icon, .k-gantt .k-gantt-tasks .k-button .k-icon {
    vertical-align: text-top;
}

.k-rel .k-button-icon {
    position: absolute;
    left: 200px;
}

.k-rel {
    position: relative;
    height: 0;
    top: -0.3em;
}

.k-task-wrap {
    position: absolute;
    padding: 0 23px 5px;
    margin: -1px -23px 0;
    z-index: 2;
}

    .k-task-wrap:hover, .k-line.k-state-selected {
        z-index: 3;
    }

.k-milestone-wrap {
    margin: 0 -13px 0 -27px;
}

.k-task-content {
    position: relative;
    z-index: 2;
}

.k-task-complete {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    z-index: 1;
}

.k-task-dot {
    position: absolute;
    top: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: none;
    cursor: pointer;
}

    .k-task-dot.k-state-hover {
        background-color: transparent;
    }

.k-task-single + .k-task-dot, .k-task-single + .k-task-dot + .k-task-dot {
    top: .2em;
}

.k-task-wrap:hover .k-task-dot, .k-task-wrap-active .k-task-dot {
    display: block;
}

.k-task-dot:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 16px;
}

.k-task-dot:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin-left: 4px;
}

.k-task-dot:hover:after, .k-task-dot.k-state-hover:after, .k-task-wrap-active .k-task-dot:after {
    border-style: solid;
    border-width: 1px;
    margin-left: 3px;
}

.k-task-start {
    left: 0;
}

.k-task-end {
    right: 0;
}

.k-task-single {
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden;
    cursor: default;
    min-height: 1.3em;
    white-space: nowrap;
}

.k-task-template {
    padding: .2em 1.4em .2em .6em;
    line-height: normal;
}

.k-task-actions, .k-task-content > .k-link {
    position: absolute;
    top: 0;
    right: 4px;
    white-space: nowrap;
}

.k-task-actions {
    z-index: 1;
}

    .k-task-actions:first-child {
        position: static;
        float: left;
        margin: 4px 2px 0 4px;
    }

.k-webkit .k-task-actions:first-child {
    margin-top: 3px;
}

.k-task-actions:first-child > .k-link {
    display: inline-block;
}

.k-task-delete {
    display: none;
}

.k-task-wrap:hover .k-task-delete, .k-task-wrap-active .k-task-delete {
    display: inline-block;
}

.k-task-single .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2;
    height: auto;
}

.k-task-single:hover .k-resize-handle, .k-task-wrap-active .k-resize-handle {
    visibility: visible;
}

.k-task-single .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5;
}

.k-task-content > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em;
}

.k-task-content > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em;
}

    .k-task-content > .k-resize-e:after, .k-task-content > .k-resize-w:after {
        left: 1px;
        top: 50%;
        margin-top: -0.7em;
        height: 1.4em;
        width: 1px;
    }

.k-task-content > .k-resize-e:after {
    left: auto;
    right: 1px;
}

.k-task-draghandle {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 16px;
    border-width: 5px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: none;
    cursor: e-resize;
}

.k-task-wrap:hover .k-task-draghandle, .k-task-wrap-active .k-task-draghandle {
    display: block;
}

.k-dependency-hint {
    z-index: 4;
}

.k-task-details {
    padding: .4em;
    text-align: left;
    white-space: nowrap;
}

    .k-task-details > strong {
        font-size: 120%;
        display: block;
    }

.k-task-pct {
    margin: .5em 0 .1em;
    font-size: 170%;
}

.k-task-details > ul {
    line-height: 1.2;
}

.k-resources-wrap {
    position: absolute;
    z-index: 2;
    zoom: 1;
    margin-left: 20px;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .k-resources-wrap .k-resource {
        margin: 0 5px;
    }

.k-gantt-edit-form > .k-edit-form-container {
    width: 430px;
}

.k-gantt-edit-form > .k-resources-form-container {
    width: 506px;
}

.k-resources-form-container > .k-grid {
    margin: 0 .9em;
}

.k-gantt-edit-form > .k-edit-form-container .k-textbox, .k-gantt-edit-form > .k-edit-form-container .k-numerictextbox {
    width: 15em;
}

.k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
    float: left;
}

.k-pdf-export-shadow .k-gantt {
    float: left;
}

    .k-pdf-export-shadow .k-gantt, .k-pdf-export-shadow .k-gantt-timeline, .k-pdf-export-shadow .k-gantt .k-grid-content {
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }

.k-pdf-export-shadow .k-gantt-treelist {
    height: auto !important;
    overflow: visible !important;
}

.k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
    padding: 0 !important;
}

.k-pdf-export-shadow .k-gantt .k-splitbar, .k-pdf-export-shadow .k-pdf-export {
    display: none;
}

.k-pivot {
    position: relative;
}

.k-pivot-toolbar {
    padding: .2em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.k-pivot .k-pivot-toolbar {
    padding: .6em;
}

.k-pivot-toolbar .k-button {
    margin-right: .4em;
    line-height: 1.2em;
    font-size: .9em;
    text-align: left;
    position: relative;
    padding: .3em 5em .3em .3em;
}

.k-field-actions {
    position: absolute;
    right: 2px;
    top: 3px;
}

.k-pivot .k-grid td {
    white-space: nowrap;
}

.k-pivot-layout {
    border-spacing: 0;
    table-layout: auto;
}

    .k-pivot-layout > tbody > tr > td {
        vertical-align: top;
        padding: 0;
    }

.k-pivot td {
    vertical-align: top;
}

.k-pivot-rowheaders > .k-grid, .k-pivot-table > .k-grid {
    border-width: 0;
}

    .k-pivot-rowheaders > .k-grid td:first-child, .k-pivot-table .k-grid-header .k-header.k-first {
        border-left-width: 1px;
    }

    .k-pivot-rowheaders > .k-grid td.k-first {
        border-left-width: 0;
    }

.k-pivot-rowheaders > .k-grid {
    overflow: hidden;
}

.k-pivot-table {
    border-left-width: 1px;
    border-left-style: solid;
}

    .k-pivot-table .k-grid-header-wrap > table {
        height: 100%;
    }

.k-pivot .k-grid-header .k-header {
    vertical-align: top;
}

.k-header.k-alt, td.k-alt {
    font-weight: bold;
}

.k-header.k-alt {
    background-image: none;
}

.k-pivot-layout .k-grid td {
    border-bottom-width: 1px;
}

.k-pivot-layout .k-grid-footer > td {
    border-top-width: 0;
}

.k-pivot-filter-window .k-treeview {
    max-height: 600px;
}

.k-fieldselector .k-edit-buttons {
    bottom: auto;
}

.k-fieldselector .k-edit-label {
    width: 16%;
}

.k-fieldselector .k-edit-field {
    width: 77%;
}

    .k-fieldselector .k-edit-field > .k-widget, .k-fieldselector .k-edit-field > .k-textbox {
        width: 99%;
    }

.k-fieldselector .k-edit-buttons > input, .k-fieldselector .k-edit-buttons > label {
    float: left;
    margin-top: .4em;
}

.k-fieldselector p {
    margin: 0 0 .2em .5em;
    text-transform: uppercase;
}

    .k-fieldselector p .k-icon {
        margin: 0 5px 0 0;
    }

.k-fieldselector .k-columns {
    border-style: solid;
    border-width: 0;
}

    .k-fieldselector .k-columns > div {
        overflow: auto;
        padding: .6em;
        border-style: solid;
        border-width: 0 0 0 1px;
        float: left;
        width: 45%;
    }

        .k-fieldselector .k-columns > div:first-child {
            border-width: 0;
            margin-right: -1px;
        }

        .k-fieldselector .k-columns > div + div {
            float: right;
            border-width: 0;
        }

.k-fieldselector div.k-treeview {
    border-width: 0;
    margin-right: -1px;
    padding-left: 4px;
    overflow: visible;
}

.k-fieldselector .k-list-container {
    margin-left: .5em;
    margin-bottom: 1em;
    padding: .2em 0 0;
    border-style: solid;
    border-width: 1px;
}

.k-fieldselector .k-list {
    padding-bottom: 2em;
}

    .k-fieldselector .k-list li.k-item {
        padding: .3em 3.3em .3em .3em;
        margin: 0 .2em.2em;
        position: relative;
        font-size: .9em;
        line-height: 1.2em;
        min-height: 1em;
    }

.k-i-kpi-decrease {
    background-position: 0 0;
}

.k-i-kpi-denied {
    background-position: -16px 0;
}

.k-i-kpi-equal {
    background-position: -32px 0;
}

.k-i-kpi-hold {
    background-position: -48px 0;
}

.k-i-kpi-increase {
    background-position: -64px 0;
}

.k-i-kpi-open {
    background-position: -80px 0;
}

.k-pdf-export-shadow .k-pivot .k-grid-content {
    overflow: visible !important;
}

.k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid, .k-pdf-export-shadow .k-pivot .k-grid-content {
    height: 100% !important;
}

.k-pdf-export-shadow .k-pivot .k-grid-header {
    padding-right: 0 !important;
}

.k-pdf-export-shadow .k-pivot {
    width: auto !important;
    height: auto !important;
}

    .k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table, .k-pdf-export-shadow .k-pivot .k-grid-content > table {
        width: 100% !important;
        height: auto !important;
    }

.k-calendar {
    position: relative;
    display: inline-block;
    width: 16.917em;
    overflow: hidden;
}

    .k-calendar td, .k-calendar .k-link {
        text-decoration: none;
    }

    .k-calendar .k-action-link {
        text-decoration: underline;
    }

    .k-calendar .k-header, .k-calendar .k-footer {
        position: relative;
        text-align: center;
        zoom: 1;
    }

.k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next {
    position: absolute;
    top: .16666em;
    line-height: 1.8333em;
    height: 1.8333em;
}

.k-widget.k-calendar .k-nav-prev {
    left: 1%;
}

.k-widget.k-calendar .k-nav-next {
    right: 1%;
}

.k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 14.167em;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    outline: 0;
}

    .k-calendar .k-content, .k-calendar .k-content th {
        text-align: right;
    }

.k-calendar .k-animation-container .k-content {
    height: 100%;
}

.k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75%;
    height: 1.8333em;
    line-height: 1.8333em;
    margin: .16666em -0.08333em .3333em 0;
}

.k-calendar .k-header .k-icon {
    vertical-align: middle;
}

.k-calendar .k-header .k-link.k-nav-prev, .k-calendar .k-header .k-link.k-nav-next {
    height: 1.8333em;
    width: 1.8333em;
}

.k-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: normal;
    cursor: default;
}

.k-calendar td {
    padding: .08333em;
    cursor: pointer;
}

.k-calendar .k-state-focus {
    border-style: dotted;
    border-width: .08333em;
    padding: 0;
}

.k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    min-height: 1.8333em;
    line-height: 1.8333em;
    padding: 0 .45em 0 .1em;
}

.k-calendar .k-meta-view .k-link {
    padding: .25em 0 .3em;
    text-align: center;
}

.k-calendar .k-footer {
    clear: both;
}

    .k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled {
        display: block;
        height: 100%;
        padding: .5em 0;
    }

.k-calendar .k-nav-today:hover {
    text-decoration: underline;
}

div.k-treeview {
    border-width: 0;
    background: 0;
    overflow-y: scroll;
    overflow-x: hidden; /* DAVE ADD */
    height: 90%;
    white-space: nowrap;
}

.k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px;
}

    .k-treeview > .k-group, .k-treeview .k-item > .k-group, .k-treeview .k-content {
        margin: 0;
        padding: 0;
        background: 0;
        list-style-type: none;
        position: relative;
    }

.k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-sprite, .k-treeview .k-checkbox, .k-treeview .k-in {
    display: inline-block;
    vertical-align: top;
}

.k-treeview .k-checkbox {
    margin-top: .2em;
}

.k-treeview .k-icon, .k-treeview .k-in {
    vertical-align: middle;
}

.k-treeview .k-request-retry {
    vertical-align: baseline;
}

.k-treeview .k-plus, .k-treeview .k-minus, .k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled {
    margin-top: .25em;
    margin-left: -16px;
    cursor: pointer;
}

.k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled {
    cursor: default;
}

.k-treeview .k-sprite, .k-treeview .k-image {
    margin-right: 3px;
}

.k-treeview .k-in {
    margin: 1px 0 1px .16666em;
    padding: 1px .3333em 1px .25em;
    line-height: 1.3333em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
}

.k-treeview span.k-in {
    cursor: default;
}

.k-treeview .k-drop-hint {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 80px;
    height: 5px;
    margin-top: -3px;
    background-color: transparent;
    background-repeat: no-repeat;
}

span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown, .k-toolbar .k-split-button {
    background-image: none;
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox, .k-toolbar .k-split-button {
    position: relative;
    display: inline-block;
    width: 12.4em;
    overflow: visible;
    border-width: 0;
    vertical-align: middle;
}

.k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-timepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-dropdown, .k-filter-menu .k-textbox {
    width: 13.2em;
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-toolbar .k-split-button {
    white-space: nowrap;
}

.k-colorpicker, .k-toolbar .k-split-button {
    width: auto;
}

.k-datetimepicker {
    width: 15em;
}

.k-autocomplete, .k-picker-wrap, .k-numeric-wrap {
    position: relative;
    cursor: default;
}

.k-dropdown-wrap {
    position: relative;
}

.k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    display: block;
}

.k-block, .k-widget, .k-grid, .k-slider, .k-splitter, .k-treeview, .k-panelbar, .k-content, .k-header-column-menu {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.k-block, .k-slider, .k-splitbar, .k-calendar, .k-treeview, .k-pager-wrap, .k-grid-header .k-link, .k-header-column-menu {
    -webkit-touch-callout: none;
}

.k-popup.k-list-container, .k-popup.k-calendar-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 2px;
    border-width: 1px;
    border-style: solid;
}

.k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
    border-bottom-width: 0;
    padding-bottom: 1px;
}

.k-list-container .km-scroll-container {
    padding-bottom: 6px;
}

.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    border-width: 1px;
    border-style: solid;
    padding: 0 1.9em 0 0;
}

    .k-numeric-wrap.k-expand-padding {
        padding-right: 0;
    }

.k-textbox, .k-autocomplete {
    padding: 0;
}

    .k-textbox.k-space-left {
        padding-left: 1.9em;
    }

    .k-textbox.k-space-right {
        padding-right: 1.9em;
    }

    .k-textbox .k-icon {
        top: 50%;
        margin: -8px 0 0;
        position: absolute;
    }

.k-space-left .k-icon {
    left: 3px;
}

.k-space-right .k-icon {
    right: 3px;
}

span.k-textbox:after {
    content: "\a0";
    display: block;
    height: .4px;
    overflow: hidden;
}

.k-autocomplete, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover {
    -webkit-transition: box-shadow .15s ease-out;
    -moz-transition: box-shadow .15s ease-out;
    -o-transition: box-shadow .15s ease-out;
    transition: box-shadow .15s ease-out;
    -webkit-transition: "box-shadow .15s ease-out";
    -moz-transition: "box-shadow .15s ease-out";
    -ms-transition: "box-shadow .15s ease-out";
    -o-transition: "box-shadow .15s ease-out";
    transition: "box-shadow .15s ease-out";
}

.k-textbox > input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-combobox .k-input {
    width: 100%;
    vertical-align: top;
}

.k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    font-family: inherit;
    border-width: 0;
    outline: 0;
}

.k-dropdown .k-input, .k-selectbox .k-input {
    background: transparent;
}

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

.k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: inherit;
}

span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select {
    right: 0;
}

.k-textbox > input, .k-autocomplete .k-input {
    display: block;
}

.k-dropdown .k-select, .k-selectbox .k-select {
    overflow: hidden;
    border: 0;
    text-decoration: none;
    font: inherit;
    color: inherit;
}

.k-dropdown .k-input, .k-selectbox .k-input {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 1.65em;
    line-height: 1.65em;
    padding: .177em 0;
    text-indent: .33em;
    border: 0;
    margin: 0;
}

.k-combobox .k-dropdown-wrap:before, .k-picker-wrap:before, .k-numeric-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 1.65em;
    padding-bottom: .3em;
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before {
    padding-bottom: .38em;
}

.km.root .k-combobox .k-dropdown-wrap:before, .km.root .k-picker-wrap:before, .km.root .k-numeric-wrap:before {
    content: none;
}

.k-combobox .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    display: inline;
}

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    min-height: 1.65em;
    line-height: 2em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 1.9em;
    height: 100%;
}

.k-numeric-wrap .k-select {
    padding: 0;
}

body .k-datetimepicker .k-select {
    border-radius: 0;
}

.k-combobox .k-icon, .k-dropdown, .k-selectbox .k-icon {
    cursor: pointer;
}

.k-popup {
    border-style: solid;
    border-width: 1px;
}

    .k-popup .k-item, .k-list-optionlabel {
        cursor: default;
    }

    .k-popup .k-calendar {
        border: 0;
    }

.k-list {
    height: 100%;
}

.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    padding-right: 22px;
}

.k-overflow-container .k-item {
    padding: 1px;
}

.k-overflow-container > .k-state-disabled .k-button, .k-overflow-container .k-button.k-state-disabled, .k-overflow-container .k-button.k-state-disabled:hover {
    border: 0;
    background: 0;
}

.k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-selected, .k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected {
    padding: 0 4px;
    border-width: 1px;
    border-style: solid;
}

.k-list-filter {
    position: relative;
}

    .k-list-filter > .k-textbox {
        padding-right: 20px;
        width: 100%;
    }

    .k-list-filter > .k-icon {
        position: absolute;
        right: 6px;
        top: 1px;
    }

.k-multiselect-wrap {
    position: relative;
    border-width: 0;
    border-style: solid;
    border-radius: 4px;
    border-color: #c5c5c5;
    background-color: #FFF;
    min-height: 2.04em;
}

    .k-multiselect-wrap .k-input {
        background-color: transparent;
        height: 1.31em;
        line-height: 1.31em;
        padding: .18em 0;
        text-indent: .33em;
        border: 0;
        margin: 1px 0 0;
        float: left;
    }

    .k-multiselect-wrap li {
        margin: 1px 0 1px 1px;
        padding: .1em 1.6em .1em .4em;
        line-height: 1.5em;
        float: left;
        position: relative;
    }

.k-autocomplete .k-loading, .k-multiselect .k-loading {
    position: absolute;
    right: 3px;
    bottom: 4px;
}

.k-multiselect .k-loading-hidden {
    visibility: hidden;
}

.k-multiselect-wrap .k-select {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: .1em .2em;
}

.k-datetimepicker .k-picker-wrap {
    padding-right: 3.8em;
}

.k-datetimepicker .k-select {
    width: 3.8em;
}

.k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 2px;
}

.k-picker-wrap .k-icon {
    cursor: pointer;
}

.k-button, .k-textbox, .k-timepicker, .k-datepicker, .k-datetimepicker {
    display: inline-block;
    vertical-align: middle;
}

.k-picker-wrap .k-input {
    margin: 0;
}

.k-time-popup .k-item {
    padding: 1px 3px;
}

.k-input {
    padding: .25em 0;
}

.k-input, .k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.k-textbox {
    outline: 0;
}

input.k-textbox, textarea.k-textbox {
    padding: 2px .3em;
}

input.k-textbox {
    height: 2.13em;
    text-indent: .33em;
    line-height: 1.6em;
}

.k-ie input.k-textbox {
    text-indent: .165em;
}

.k-ff input.k-textbox {
    height: 2.17em;
}

textarea.k-textbox {
    height: auto;
}

span.k-numerictextbox {
    background-color: transparent;
}

.k-numerictextbox .k-input {
    margin: 0;
}

.k-numerictextbox .k-link {
    display: block;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;
    border-width: 0;
    padding: 0;
}

.k-numerictextbox .k-icon {
    height: 11px;
}

.k-numeric-wrap .k-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.k-colorpicker .k-picker-wrap {
    line-height: 2em;
}

.k-colorpicker .k-selected-color {
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    height: 2em;
    width: 2em;
}

.k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    font-size: 0;
    line-height: 0;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -ms-high-contrast-adjust: none;
}

    .k-colorpicker .k-tool-icon .k-selected-color {
        display: block;
        height: 3px;
        width: 16px;
        position: absolute;
        left: 3px;
        bottom: -3px;
        border-radius: 0 !important;
    }

.k-colorpicker .k-select {
    cursor: pointer;
}

.k-disabled-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
}

.k-colorpalette {
    position: relative;
    line-height: 0;
    border-width: 0;
    display: inline-block;
}

    .k-colorpalette .k-palette {
        border-collapse: collapse;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .k-colorpalette .k-item {
        width: 14px;
        height: 14px;
        overflow: hidden;
        -ms-high-contrast-adjust: none;
    }

        .k-colorpalette .k-item.k-state-selected {
            z-index: 100;
            background: transparent;
            box-shadow: 0 1px 4px #000,inset 0 0 3px #fff;
            position: relative;
        }

.k-flatcolorpicker {
    position: relative;
    display: inline-block;
    width: 250px;
    padding-bottom: 5px;
}

div.k-flatcolorpicker {
    background-color: transparent;
    background-image: none;
}

.k-flatcolorpicker .k-selected-color {
    background-image: url("textures/transtexture.png");
    background-position: 50% 50%;
    text-align: right;
}

    .k-flatcolorpicker .k-selected-color input.k-color-value {
        font-family: Consolas,"Ubuntu Mono","Lucida Console","Courier New",monospace;
        padding: .75em .3em .65em 1em;
        border: 0;
        margin: 0;
        width: 70%;
    }

.k-flatcolorpicker .k-hsv-rectangle {
    position: relative;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pinch-zoom double-tap-zoom;
}

    .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
        cursor: pointer;
        position: absolute;
        z-index: 10;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        border: 1px solid #eee;
        margin-left: -5px;
        margin-top: -5px;
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 2px #444;
        box-shadow: 0 1px 2px #444;
        background: transparent;
    }

        .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus {
            background: transparent;
            border-color: #fff;
            -webkit-box-shadow: 0 1px 5px #000;
            box-shadow: 0 1px 5px #000;
        }

    .k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
        cursor: none;
    }

.k-flatcolorpicker .k-slider-horizontal {
    height: 20px;
    width: 90%;
    margin: 0 5%;
}

    .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
        -webkit-box-shadow: 0 1px 0 #fff,0 -1px 0 #999;
        box-shadow: 0 1px 0 #fff,0 -1px 0 #999;
    }

.k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider {
    display: block;
}

    .k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
        background: transparent;
    }

    .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {
        background: transparent;
        border: 3px solid #eee;
        margin-top: 1px;
        height: 8px;
        width: 8px;
        -webkit-box-shadow: 0 1px 4px #444;
        box-shadow: 0 1px 4px #444;
    }

        .k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover, .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus {
            background: transparent;
            border-color: #fff;
            -webkit-box-shadow: 0 1px 5px #000;
            box-shadow: 0 1px 5px #000;
            border-width: 2px;
            padding: 1px;
        }

    .k-flatcolorpicker .k-hue-slider .k-slider-track {
        background: -moz-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0%,#f00),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),color-stop(100%,#ff0004));
        background: -webkit-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -o-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -ms-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
        background: -left-linear-gradient(left,#f00 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%);
    }

    .k-flatcolorpicker .k-transparency-slider .k-slider-track {
        background-image: url("textures/transparency.png");
        background-size: 100% auto;
        background-position: 100% 50%;
        background-repeat: no-repeat;
    }

.k-flatcolorpicker .k-controls {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 90%;
}

    .k-flatcolorpicker .k-controls .k-button {
        width: 6em;
    }

.k-flatcolorpicker .k-hsv-gradient {
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,#000)),-webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    background: -top-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%),-left-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
    height: 180px;
    margin-bottom: 5px;
}

.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url("textures/hue.png") repeat 0 50%;
}

.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url("textures/transparency.png") repeat 0 50%;
}

.k-ie8 .k-flatcolorpicker .k-hsv-gradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00ffffff',GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0);
}

table.k-editor {
    width: 100%;
    height: 500px;
    table-layout: fixed;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    border-spacing: 4px;
    font-size: 100%;
    vertical-align: top;
    position: relative;
}

.k-editor-inline {
    border-width: 2px;
    padding: .3em .5em;
    word-wrap: break-word;
    overflow: auto;
}

.k-editortoolbar-dragHandle {
    cursor: move;
    padding-left: 0;
    padding-right: 3px;
    box-shadow: none !important;
}

.k-editor .k-editor-toolbar-wrap {
    border: 0;
    padding: 0;
}

.k-editor-toolbar {
    margin: 0;
    padding: .1em 0;
    list-style-type: none;
    line-height: 1.3em;
    cursor: default;
    word-wrap: break-word;
}

    .k-editor-toolbar li {
        display: inline-block;
        vertical-align: middle;
    }

.k-webkit .k-editor-toolbar, .k-ff .k-editor-toolbar, .k-ie9 .k-editor-toolbar {
    padding: 0;
}

    .k-webkit .k-editor-toolbar li, .k-safari .k-editor-toolbar li, .k-ff .k-editor-toolbar li, .k-ie9 .k-editor-toolbar li, .k-ie10 .k-editor-toolbar li {
        display: inline-block;
        padding: .1em 0;
    }

.k-editor-toolbar .k-editor-widget, .k-editor-toolbar > li {
    margin-right: 6px;
}

.k-group-start.k-group-end .k-editor-widget {
    margin-right: 0;
}

.k-editor-toolbar .k-editor-dropdown {
    position: relative;
}

.k-select-overlay {
    -webkit-appearance: none;
    opacity: 0;
    z-index: 11000;
    top: 0;
    left: 0;
    position: absolute;
    height: 26px;
    width: 100%;
    margin: -4px 0 0;
}

.k-editor-toolbar .k-separator {
    position: relative;
    top: 1px;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 .3em 0 .1em;
    padding: 0 0 0 1px;
    font-size: 1.3em;
}

.k-editor-toolbar .k-break {
    display: block;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

.k-editor-toolbar .k-dropdown, .k-editor-toolbar .k-combobox, .k-editor-toolbar .k-selectbox, .k-editor-toolbar .k-colorpicker {
    vertical-align: middle;
}

.k-button-group {
    white-space: nowrap;
}

    .k-button-group .k-tool {
        display: inline-block;
        vertical-align: middle;
        margin: 1px 0;
        width: 2em;
        height: 2em;
        line-height: 2em;
    }

    .k-button-group .k-tool-icon {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        -ms-high-contrast-adjust: none;
    }

.k-i-move {
    background-position: -160px -288px;
}

.k-bold {
    background-position: -240px 0;
}

.k-state-hover .k-bold, .k-state-selected .k-bold {
    background-position: -264px 0;
}

.k-italic {
    background-position: -240px -24px;
}

.k-state-hover .k-italic, .k-state-selected .k-italic {
    background-position: -264px -24px;
}

.k-underline {
    background-position: -240px -48px;
}

.k-state-hover .k-underline, .k-state-selected .k-underline {
    background-position: -264px -48px;
}

.k-strikethrough {
    background-position: -240px -72px;
}

.k-state-hover .k-strikethrough, .k-state-selected .k-strikethrough {
    background-position: -264px -72px;
}

.k-foreColor {
    background-position: -240px -96px;
}

.k-state-hover .k-foreColor, .k-state-selected .k-foreColor {
    background-position: -264px -96px;
}

.k-backColor {
    background-position: -240px -120px;
}

.k-state-hover .k-backColor, .k-state-selected .k-backColor {
    background-position: -264px -120px;
}

.k-colorpicker .k-foreColor {
    background-position: -240px -96px;
}

.k-colorpicker .k-backColor {
    background-position: -240px -120px;
}

.k-justifyLeft {
    background-position: -240px -144px;
}

.k-state-hover .k-justifyLeft, .k-state-selected .k-justifyLeft {
    background-position: -264px -144px;
}

.k-justifyCenter {
    background-position: -240px -168px;
}

.k-state-hover .k-justifyCenter, .k-state-selected .k-justifyCenter {
    background-position: -264px -168px;
}

.k-justifyRight {
    background-position: -240px -192px;
}

.k-state-hover .k-justifyRight, .k-state-selected .k-justifyRight {
    background-position: -264px -192px;
}

.k-justifyFull {
    background-position: -240px -216px;
}

.k-state-hover .k-justifyFull, .k-state-selected .k-justifyFull {
    background-position: -264px -216px;
}

.k-insertUnorderedList {
    background-position: -240px -264px;
}

.k-state-hover .k-insertUnorderedList, .k-state-selected .k-insertUnorderedList {
    background-position: -264px -264px;
}

.k-insertOrderedList {
    background-position: -240px -288px;
}

.k-state-hover .k-insertOrderedList, .k-state-selected .k-insertOrderedList {
    background-position: -264px -288px;
}

.k-indent, .k-rtl .k-outdent {
    background-position: -288px 0;
}

.k-state-hover .k-indent, .k-state-hover .k-rtl .k-outdent, .k-state-selected .k-indent, .k-state-selected .k-rtl .k-outdent {
    background-position: -312px 0;
}

.k-outdent, .k-rtl .k-indent {
    background-position: -288px -24px;
}

.k-state-hover .k-outdent, .k-state-hover .k-rtl .k-indent, .k-state-selected .k-outdent, .k-state-selected .k-rtl .k-indent {
    background-position: -312px -24px;
}

.k-createLink {
    background-position: -288px -48px;
}

.k-state-hover .k-createLink, .k-state-selected .k-createLink {
    background-position: -312px -48px;
}

.k-unlink {
    background-position: -288px -72px;
}

.k-state-hover .k-unlink, .k-state-selected .k-unlink {
    background-position: -312px -72px;
}

.k-insertImage {
    background-position: -288px -96px;
}

.k-state-hover .k-insertImage, .k-state-selected .k-insertImage {
    background-position: -312px -96px;
}

.k-insertFile {
    background-position: -288px -216px;
}

.k-state-hover .k-insertFile, .k-state-selected .k-insertFile {
    background-position: -312px -216px;
}

.k-subscript {
    background-position: -288px -144px;
}

.k-state-hover .k-subscript, .k-state-selected .k-subscript {
    background-position: -312px -144px;
}

.k-superscript {
    background-position: -288px -168px;
}

.k-state-hover .k-superscript, .k-state-selected .k-superscript {
    background-position: -312px -168px;
}

.k-cleanFormatting {
    background-position: -288px -192px;
}

.k-state-hover .k-cleanFormatting, .k-state-selected .k-cleanFormatting {
    background-position: -312px -192px;
}

.k-createTable {
    background-position: -192px 0;
}

.k-state-hover .k-createTable, .k-state-selected .k-createTable {
    background-position: -216px 0;
}

.k-addColumnLeft {
    background-position: -192px -24px;
}

.k-state-hover .k-addColumnLeft, .k-state-selected .k-addColumnLeft {
    background-position: -216px -24px;
}

.k-addColumnRight {
    background-position: -192px -48px;
}

.k-state-hover .k-addColumnRight, .k-state-selected .k-addColumnRight {
    background-position: -216px -48px;
}

.k-addRowAbove {
    background-position: -192px -72px;
}

.k-state-hover .k-addRowAbove, .k-state-selected .k-addRowAbove {
    background-position: -216px -72px;
}

.k-addRowBelow {
    background-position: -192px -96px;
}

.k-state-hover .k-addRowBelow, .k-state-selected .k-addRowBelow {
    background-position: -216px -96px;
}

.k-deleteRow {
    background-position: -192px -120px;
}

.k-state-hover .k-deleteRow, .k-state-selected .k-deleteRow {
    background-position: -216px -120px;
}

.k-deleteColumn {
    background-position: -192px -144px;
}

.k-state-hover .k-deleteColumn, .k-state-selected .k-deleteColumn {
    background-position: -216px -144px;
}

.k-mergeCells {
    background-position: -192px -168px;
}

.k-state-hover .k-mergeCells, .k-state-selected .k-mergeCells {
    background-position: -216px -168px;
}

.k-pdf {
    background-position: -288px -240px;
}

.k-state-hover .k-pdf, .k-state-selected .k-pdf {
    background-position: -312px -240px;
}

.k-print {
    background-position: -288px -264px;
}

.k-state-hover .k-print, .k-state-selected .k-print {
    background-position: -312px -264px;
}

.k-fontName {
    width: 110px;
}

.k-fontSize {
    width: 124px;
}

.k-formatBlock {
    width: 147px;
}

.k-editortoolbar-dragHandle {
    float: left;
    margin: 1px 0 0;
}

.k-editor-toolbar .k-button-group {
    padding: 1px;
}

.k-editor .k-editor-toolbar .k-row-break {
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.k-button-group .k-tool {
    border-style: solid;
    border-width: 1px;
    margin-right: -1px;
}

    .k-button-group .k-tool.k-state-hover, .k-button-group .k-tool:focus {
        position: relative;
        z-index: 1;
    }

.k-rtl .k-button-group .k-tool {
    border-style: solid;
    border-width: 1px;
}

.k-button-group .k-tool.k-group-end {
    border-right-width: 1px;
}

.k-rtl .k-button-group .k-tool.k-group-end {
    border-left-width: 1px;
}

.k-button-group .k-state-disabled {
    display: none;
}

.k-button-group .k-state-hover, .k-button-group .k-state-active {
    vertical-align: middle;
}

.k-button-group .k-state-disabled {
    filter: alpha(opacity=30);
    opacity: .3;
}

.k-editor .k-editable-area {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0;
}

.k-editor .k-content {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff;
}

.k-editor .k-tool {
    outline: 0;
}

.k-editor iframe.k-content {
    display: inline;
    vertical-align: top;
}

.k-editor .k-raw-content {
    border: 0;
    margin: 0;
    padding: 0;
}

.k-editor .k-raw-content, .k-editor-dialog .k-editor-textarea {
    font-size: inherit;
    font-family: consolas,"courier new",monospace;
}

.k-editor-dialog {
    padding: 1em;
    width: 400px;
}

    .k-editor-dialog .k-edit-label {
        width: 25%;
    }

    .k-editor-dialog .k-edit-field {
        width: 66%;
    }

        .k-editor-dialog .k-edit-field .k-textbox {
            width: 96%;
        }

.k-viewhtml-dialog {
    width: auto;
}

.k-filebrowser-dialog {
    width: auto;
    min-width: 350px;
}

    .k-filebrowser-dialog .k-filebrowser {
        margin: 0 1em 0;
    }

    .k-filebrowser-dialog .k-edit-label {
        width: 18%;
    }

    .k-filebrowser-dialog .k-edit-field {
        width: 75%;
    }

        .k-filebrowser-dialog .k-edit-field .k-textbox {
            width: 70%;
        }

#k-editor-image-width, #k-editor-image-height {
    width: 5em;
}

.k-editor-dialog .k-button {
    display: inline-block;
}

.k-editor-dialog .k-editor-textarea {
    width: 600px;
    height: 350px;
    padding: .2em .2em .2em .4em;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
}

.k-button-wrapper .k-link:hover {
    text-decoration: underline;
}

.k-ct-popup {
    width: 180.39999999999998px;
    padding: .65em .5em .5em;
}

    .k-ct-popup .k-status {
        margin: .3em 0;
    }

.k-ct-cell {
    border-width: 1px;
    border-style: solid;
    width: 18px;
    height: 18px;
    margin: 1px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    -ms-high-contrast-adjust: none;
}

.k-editor .k-resize-handle {
    position: absolute;
    padding: 5px;
    right: 0;
    bottom: 0;
}

.k-editor .k-overlay {
    position: absolute;
    background-color: #fff;
    opacity: 0;
}

.k-toolbar-resizable {
    min-height: 2.4375em;
    position: relative;
}

.k-overflow-tools {
    position: absolute;
    right: 0;
    top: 0;
}

.k-editor-overflow-popup .k-tool {
    width: auto;
    height: auto;
    display: block;
    text-align: left;
    text-decoration: initial;
    border: 0;
    padding-right: .5em;
    margin: 0;
    padding: 0 6px;
}

    .k-editor-overflow-popup .k-tool.k-state-disabled {
        display: none;
    }

.k-editor-toolbar .k-tool-text {
    display: none;
}

.k-notification-wrap {
    padding: .6em .5em;
    cursor: default;
    position: relative;
    white-space: nowrap;
}

.k-notification-button .k-notification-wrap {
    padding-right: 20px;
}

.k-notification-wrap > .k-i-note {
    vertical-align: text-bottom;
    margin-right: 4px;
}

.k-notification-wrap > .k-i-close {
    position: absolute;
    top: 7px;
    right: 4px;
    display: none;
}

.k-notification-button .k-notification-wrap > .k-i-close {
    display: block;
}

.k-progressbar {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.k-progressbar {
    border-radius: 4px;
}

.k-progressbar-horizontal {
    width: 27em;
    height: 1.9em;
}

.k-progressbar-vertical {
    width: 1.9em;
    height: 27em;
}

.k-progressbar > .k-state-selected {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
}

.k-progressbar-horizontal > .k-state-selected, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
    left: -1px;
    right: auto;
    top: -1px;
    height: 100%;
    border-radius: 4px 0 0 4px;
}

.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected, .k-rtl .k-progressbar-horizontal > .k-state-selected {
    left: auto;
    right: -1px;
    border-radius: 0 4px 4px 0;
}

.k-progressbar-vertical > .k-state-selected {
    left: -1px;
    bottom: -1px;
    width: 100%;
    border-radius: 0 0 4px 4px;
}

.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
    bottom: auto;
    top: -1px;
    border-radius: 4px 4px 0 0;
}

.k-progressbar > .k-state-selected.k-complete, .k-rtl .k-progressbar > .k-state-selected.k-complete {
    border-radius: 4px;
}

.k-progressbar > .k-reset {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    white-space: nowrap;
}

.k-progressbar-horizontal .k-item {
    display: inline-block;
    height: 100%;
    border-style: solid;
    margin-left: -1px;
}

    .k-progressbar-horizontal .k-item.k-first {
        margin-left: 0;
        border-right-width: 0;
    }

    .k-progressbar-horizontal .k-item.k-last {
        border-right-width: 0;
        border-left-width: 0;
        margin-left: -2px;
    }

.k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px;
}

.k-progressbar-horizontal.k-progressbar-reverse .k-item, .k-rtl .k-progressbar-horizontal .k-item {
    border-width: 1px 0 1px 1px;
}

.k-progressbar-horizontal .k-first, .k-rtl .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
    border-radius: 4px 0 0 4px;
    border-left-width: 1px;
}

.k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-radius: 0 4px 4px 0;
}

.k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first {
    border-right-width: 1px;
}

.k-progressbar-vertical .k-item {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    margin-top: -1px;
}

    .k-progressbar-vertical .k-item.k-first {
        margin-top: 0;
    }

.k-progressbar-vertical li.k-item.k-last {
    border-bottom-width: 0;
}

.k-progressbar-vertical .k-first {
    border-radius: 4px 4px 0 0;
}

.k-progressbar-vertical .k-last {
    border-radius: 0 0 4px 4px;
    border-bottom-width: 1px;
}

.k-progressbar-vertical.k-progressbar-reverse .k-item {
    border-width: 0 1px 1px 1px;
}

.k-progressbar-vertical.k-progressbar-reverse .k-first {
    border-top-width: 1px;
}

.k-progress-status-wrap {
    position: absolute;
    top: -1px;
    border: 1px solid transparent;
    line-height: 2em;
    width: 100%;
    height: 100%;
}

.k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
    left: -1px;
    right: auto;
    text-align: right;
}

.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
    left: auto;
    right: -1px;
    text-align: left;
}

.k-progressbar-vertical .k-progress-status-wrap {
    top: auto;
    bottom: -1px;
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
    bottom: auto;
    top: -1px;
}

.k-progress-status {
    display: inline-block;
    padding: 0 .5em;
    min-width: 10px;
    white-space: nowrap;
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    position: absolute;
    bottom: 0;
    left: 0;
}

.k-progressbar-vertical .k-progress-status {
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -moz-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    -o-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
    -webkit-transform: rotate(90deg) translateX(-100%);
    -moz-transform: rotate(90deg) translateX(-100%);
    -ms-transform: rotate(90deg) translateX(-100%);
    -o-transform: rotate(90deg) translateX(-100%);
    transform: rotate(90deg) translateX(-100%);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.k-ie8 .k-progressbar-vertical .k-progress-status {
    writing-mode: bt-lr;
    padding: .5em 0;
}

div.k-slider {
    position: relative;
    border-width: 0;
    background-color: transparent;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.k-slider-vertical {
    width: 26px;
    height: 200px;
}

.k-slider-horizontal {
    display: inline-block;
    width: 200px;
    height: 26px;
}

.k-slider-wrap {
    width: 100%;
    height: 100%;
}

.k-slider .k-button, .k-grid .k-slider .k-button {
    position: absolute;
    top: 0;
    width: 24px;
    min-width: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    outline: 0;
}

    .k-slider .k-button .k-icon {
        margin-top: 3px;
        vertical-align: top;
    }

.k-state-disabled .k-slider-wrap {
    filter: alpha(opacity=60);
    opacity: .6;
}

    .k-state-disabled .k-slider-wrap .k-slider-items {
        color: #333;
    }

.k-slider .k-button-decrease {
    left: 0;
}

.k-slider-vertical .k-button-decrease, .k-grid .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0;
}

.k-slider .k-button-increase {
    right: 0;
}

.k-slider .k-icon, .k-slider-track, .k-slider .k-tick {
    cursor: pointer;
}

.k-slider-track, .k-slider-selection {
    position: absolute;
    margin: 0;
    padding: 0;
}

.k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection {
    top: 50%;
    left: 0;
    height: 8px;
    margin-top: -4px;
    background-repeat: repeat-x;
}

.k-slider-horizontal .k-slider-buttons .k-slider-track {
    left: 34px;
}

.k-slider-vertical .k-slider-track, .k-slider-vertical .k-slider-selection {
    left: 50%;
    bottom: 0;
    width: 8px;
    margin-left: -4px;
    background-repeat: repeat-y;
}

.k-slider-vertical .k-slider-buttons .k-slider-track {
    bottom: 34px;
}

.k-draghandle {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -3333px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    outline: 0;
}

.k-slider-horizontal .k-draghandle {
    top: -4px;
    width: 13px;
    height: 14px;
}

.k-slider-vertical .k-draghandle {
    left: -4px;
    width: 14px;
    height: 13px;
}

.k-slider-buttons .k-slider-items {
    margin-left: 34px;
}

.k-slider-horizontal .k-slider-items {
    height: 100%;
}

.k-slider-vertical .k-slider-items {
    padding-top: 1px;
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    padding-top: 0;
}

.k-slider-vertical .k-slider-buttons .k-slider-items {
    margin: 0;
    padding-top: 35px;
}

.k-slider .k-tick {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center;
}

.k-slider-horizontal .k-tick {
    background-position: center -92px;
}

.k-slider-horizontal .k-slider-topleft .k-tick {
    background-position: center -122px;
}

.k-slider-horizontal .k-slider-bottomright .k-tick {
    background-position: center -152px;
}

.k-slider-horizontal .k-tick-large {
    background-position: center -2px;
}

.k-slider-horizontal .k-slider-topleft .k-tick-large {
    background-position: center -32px;
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large {
    background-position: center -62px;
}

.k-slider-vertical .k-tick {
    background-position: -92px center;
}

.k-slider-vertical .k-slider-topleft .k-tick {
    background-position: -122px center;
}

.k-slider-vertical .k-slider-bottomright .k-tick {
    background-position: -152px center;
}

.k-slider-vertical .k-tick-large {
    background-position: -2px center;
}

.k-slider-vertical .k-slider-topleft .k-tick-large {
    background-position: -32px center;
}

.k-slider-vertical .k-slider-bottomright .k-tick-large {
    background-position: -62px center;
}

.k-slider-horizontal .k-first {
    background-position: 0 -92px;
}

.k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px;
}

.k-slider-horizontal .k-slider-topleft .k-first {
    background-position: 0 -122px;
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
    background-position: 0 -32px;
}

.k-slider-horizontal .k-slider-bottomright .k-first {
    background-position: 0 -152px;
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
    background-position: 0 -62px;
}

.k-slider-horizontal .k-last {
    background-position: 100% -92px;
}

.k-slider-horizontal .k-tick-large.k-last {
    background-position: 100% -2px;
}

.k-slider-horizontal .k-slider-topleft .k-last {
    background-position: 100% -122px;
}

.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
    background-position: 100% -32px;
}

.k-slider-horizontal .k-slider-bottomright .k-last {
    background-position: 100% -152px;
}

.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
    background-position: 100% -62px;
}

.k-slider-vertical .k-first {
    background-position: -92px 100%;
}

.k-slider-vertical .k-tick-large.k-first {
    background-position: -2px 100%;
}

.k-slider-vertical .k-slider-topleft .k-first {
    background-position: -122px 100%;
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
    background-position: -32px 100%;
}

.k-slider-vertical .k-slider-bottomright .k-first {
    background-position: -152px 100%;
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
    background-position: -62px 100%;
}

.k-slider-vertical .k-last {
    background-position: -92px 0;
}

.k-slider-vertical .k-tick-large.k-last {
    background-position: -2px 0;
}

.k-slider-vertical .k-slider-topleft .k-last {
    background-position: -122px 0;
}

.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
    background-position: -32px 0;
}

.k-slider-vertical .k-slider-bottomright .k-last {
    background-position: -152px 0;
}

.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
    background-position: -62px 0;
}

.k-slider-vertical .k-tick {
    text-align: right;
}

.k-slider-vertical .k-slider-topleft .k-tick {
    text-align: left;
}

.k-slider .k-label {
    position: absolute;
    white-space: nowrap;
    font-size: .92em;
}

.k-slider-horizontal .k-label {
    left: 0;
    width: 100%;
    line-height: 1;
}

.k-slider-horizontal .k-first .k-label {
    left: -50%;
}

.k-slider-horizontal .k-last .k-label {
    left: auto;
    right: -50%;
}

.k-slider-horizontal .k-label {
    bottom: -1.2em;
}

.k-slider-horizontal .k-slider-topleft .k-label {
    top: -1.2em;
}

.k-slider-vertical .k-label {
    left: 120%;
    display: block;
    text-align: left;
}

.k-slider-vertical .k-last .k-label {
    top: -0.5em;
}

.k-slider-vertical .k-first .k-label {
    bottom: -0.5em;
}

.k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%;
}

.k-slider-tooltip {
    top: -4444px;
}

.k-scheduler-toolbar, .k-scheduler-footer {
    border-style: solid;
}

.k-scheduler-toolbar, .k-scheduler-footer {
    line-height: 28px;
    padding: 6px;
}

.k-scheduler-toolbar {
    position: relative;
    border-width: 0 0 1px;
}

.k-edit-field.k-scheduler-toolbar {
    border-width: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.k-scheduler-header {
    text-align: center;
}

.k-scheduler-footer {
    border-width: 1px 0 0;
}

.k-scheduler-toolbar > ul {
    float: right;
}

    .k-scheduler-toolbar > ul:first-child {
        float: left;
    }

.k-scheduler-toolbar > .k-scheduler-tools {
    float: left;
    margin-bottom: .5em;
}

.k-scheduler-tools + .k-scheduler-navigation {
    float: left;
    clear: left;
}

.k-scheduler-toolbar > ul > li, .k-scheduler-footer > ul > li {
    display: inline-block;
    border-style: solid;
    border-width: 1px 1px 1px 0;
}

.k-scheduler .k-scheduler-toolbar .k-nav-current, .k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
    border-width: 0;
}

.k-scheduler-toolbar > ul > li:first-child, .k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li {
    border-left-width: 1px;
}

.k-scheduler div.k-scheduler-footer ul li {
    margin-right: .6em;
    border-width: 1px;
}

.k-scheduler-toolbar .k-link, .k-scheduler-footer .k-link {
    display: inline-block;
    padding: 0 1.1em;
}

.k-scheduler-toolbar .k-nav-prev .k-link, .k-scheduler-toolbar .k-nav-next .k-link {
    padding-left: .6em;
    padding-right: .6em;
}

.k-scheduler-toolbar .k-nav-current .k-link {
    padding: 0;
}

.k-scheduler-toolbar .k-nav-current {
    margin: 0 1.1em;
}

.k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current, .k-scheduler .k-nav-current > .k-state-active {
    background: 0;
}

.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation {
    width: 100%;
    text-align: center;
}

    .k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li {
        background: 0;
        border: 0;
    }

.k-scheduler-phone .k-toolbar .k-nav-next {
    float: right;
}

.k-scheduler-phone .k-toolbar .k-nav-prev {
    float: left;
}

.k-scheduler-toolbar .k-i-calendar, .k-scheduler-footer .k-icon {
    margin: -2px 6px 0 0;
}

.k-scheduler-header, .k-scheduler-header-wrap {
    overflow: hidden;
}

.k-scheduler-header-wrap {
    position: relative;
    border-style: solid;
    border-width: 0;
}

.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
    border-right-width: 1px;
}

.k-scheduler-times, .k-scheduler-content {
    position: relative;
}

.k-scheduler-times {
    overflow: hidden;
    border-style: solid;
    border-width: 0;
}

.k-scheduler-content {
    overflow: auto;
}

.k-scheduler-layout, .k-scheduler-table {
    border-spacing: 0;
    width: 100%;
    margin: 0;
    border-collapse: separate;
}

    .k-scheduler-layout > tbody > tr > td {
        padding: 0;
        vertical-align: top;
    }

.k-safari .k-scheduler-layout > tbody > tr > td + td {
    width: 100%;
}

.k-scheduler-table {
    table-layout: fixed;
    max-width: none;
}

.k-scheduler-times .k-scheduler-table {
    table-layout: auto;
}

.k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
    height: 100%;
}

.k-scheduler-table td, .k-scheduler-table th {
    height: 1.5em;
    padding: .334em .5em;
    font-size: 100%;
}

.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-hidden > div {
    width: 0 !important;
    overflow: hidden !important;
}

.k-scheduler-monthview .k-hidden {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right-width: 0 !important;
}

.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
    margin-right: 1px;
}

    .k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
        height: auto;
    }

.k-scheduler-monthview .k-scheduler-table td, .k-scheduler-monthview .k-hidden {
    height: 80px;
    text-align: right;
}

.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td, .k-scheduler-phone .k-scheduler-monthview .k-hidden {
    height: 40px;
}

.k-scheduler-table td, .k-slot-cell {
    vertical-align: top;
}

.k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
    vertical-align: top;
}

.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
    text-align: center;
    vertical-align: middle;
}

    .k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span {
        font-size: 1.5em;
    }

.k-scheduler-header th {
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-scheduler-table td, .k-scheduler-header th {
    border-style: solid;
    border-width: 0 0 1px 1px;
}

    .k-scheduler-table td:first-child, .k-scheduler-header th:first-child {
        border-left-width: 0;
    }

.k-scheduler-agendaview .k-scheduler-table td:first-child {
    border-left-width: 1px;
}

.k-scheduler-agendaview .k-scheduler-table td.k-first {
    border-left-width: 0;
}

.k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th, .k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-table > tbody > tr > .k-last {
    border-bottom-width: 0;
}

.k-scrollbar-h tr + tr .k-scheduler-times, .k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td, .k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last {
    border-bottom-width: 1px;
}

.k-scheduler-times th {
    text-align: right;
    padding-right: .6em;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent;
    white-space: nowrap;
}

.k-scheduler-layout tr + tr .k-scheduler-times th {
    border-bottom-color: transparent;
}

    .k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell, .k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day {
        border-bottom-color: inherit;
    }

.k-scheduler .k-middle-row td {
    border-bottom-style: dotted;
}

.k-scheduler-now-arrow, .k-scheduler-now-line {
    position: absolute;
}

.k-scheduler-now-arrow {
    width: 0;
    height: 0;
    border: solid 5px transparent;
    left: 0;
}

.k-scheduler-now-line {
    left: 5px;
    right: 0;
    height: 1px;
}

.k-task {
    position: relative;
}

div.k-more-events {
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    padding: 0;
}

.k-more-events > span {
    display: block;
    margin-top: -0.6em;
}

.k-event, .k-more-events {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden;
}

.k-event {
    cursor: default;
    min-height: 1.3em;
}

.k-event-drag-hint {
    filter: alpha(opacity=60);
    opacity: .6;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

.k-scheduler-header .k-event {
    white-space: nowrap;
}

.k-event-template {
    padding: .3em 1.4em .3em .6em;
}

.k-event-time {
    display: none;
    padding-bottom: 0;
    font-size: .9em;
}

.k-event-drag-hint .k-event-time {
    display: block;
}

.k-event-actions, .k-event > .k-link, .k-task > .k-link {
    position: absolute;
    top: 3px;
    right: 4px;
    white-space: nowrap;
}

.k-event-actions {
    z-index: 1;
}

.k-scheduler-agendaview .k-task > .k-link {
    top: 0;
    right: 0;
}

.k-event-actions:first-child {
    position: static;
    float: left;
    margin: 4px 2px 0 4px;
}

.k-webkit .k-event-actions:first-child {
    margin-top: 3px;
}

.k-event-actions:first-child > .k-link {
    display: inline-block;
}

.k-event-delete {
    display: none;
}

.k-event:hover .k-event-delete, tr:hover > td > .k-task .k-event-delete {
    display: inline-block;
}

.k-event .k-event-top-actions, .k-event .k-event-bottom-actions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.k-event .k-event-bottom-actions {
    top: auto;
    bottom: 0;
}

.k-event .k-resize-handle, .k-scheduler-mobile .k-event:hover .k-resize-handle {
    position: absolute;
    visibility: hidden;
    z-index: 2;
}

.k-event:hover .k-resize-handle, .k-event-active .k-resize-handle, .k-scheduler-mobile .k-event-active:hover .k-resize-handle {
    visibility: visible;
}

.k-event .k-resize-handle:after {
    content: "";
    position: absolute;
    filter: alpha(opacity=50);
    opacity: .5;
}

.k-scheduler-mobile .k-event .k-resize-handle:after {
    filter: none;
    opacity: 1;
}

.k-event > .k-resize-n {
    top: 0;
    left: 0;
    right: 0;
    height: .4em;
}

.k-event > .k-resize-s {
    bottom: 0;
    left: 0;
    right: 0;
    height: .4em;
}

.k-event > .k-resize-e {
    right: 0;
    top: 0;
    bottom: 0;
    width: .4em;
}

.k-event > .k-resize-w {
    left: 0;
    top: 0;
    bottom: 0;
    width: .4em;
}

.k-event > .k-resize-n:after, .k-event > .k-resize-s:after {
    top: 1px;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 1px;
}

.k-event > .k-resize-s:after {
    top: auto;
    bottom: 1px;
}

.k-event > .k-resize-e:after, .k-event > .k-resize-w:after {
    left: 1px;
    top: 50%;
    margin-top: -0.7em;
    height: 1.4em;
    width: 1px;
}

.k-event > .k-resize-e:after {
    left: auto;
    right: 1px;
}

.k-scheduler-mobile .k-event > .k-resize-n, .k-scheduler-mobile .k-event > .k-resize-s {
    height: .6em;
}

.k-scheduler-mobile .k-event > .k-resize-e, .k-scheduler-mobile .k-event > .k-resize-w {
    width: .6em;
}

.k-scheduler-mobile .k-event > .k-resize-n:after, .k-scheduler-mobile .k-event > .k-resize-s:after {
    top: 0;
    margin-left: -3em;
    width: 4em;
    height: .6em;
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
    bottom: 0;
}

.k-scheduler-mobile .k-event > .k-resize-e:after, .k-scheduler-mobile .k-event > .k-resize-w:after {
    left: 0;
    margin-top: -0.7em;
    height: 1.4em;
    width: .6em;
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
    right: 0;
}

.k-scheduler-mobile .k-event > .k-resize-n:after {
    border-radius: 0 0 4px 4px;
}

.k-scheduler-mobile .k-event > .k-resize-s:after {
    border-radius: 4px 4px 0 0;
}

.k-scheduler-mobile .k-event > .k-resize-w:after {
    border-radius: 0 4px 4px 0;
}

.k-scheduler-mobile .k-event > .k-resize-e:after {
    border-radius: 4px 0 0 4px;
}

.k-scheduler-phone .k-scheduler-monthview .k-events-container {
    position: absolute;
    text-align: center;
    height: 6px;
    line-height: 6px;
}

.k-scheduler-phone .k-scheduler-monthview .k-event {
    position: static;
    display: inline-block;
    width: 4px;
    height: 4px;
    min-height: 0;
    margin: 1px;
}

.k-scheduler-marquee {
    border-style: solid;
    border-width: 0;
}

    .k-scheduler-marquee.k-first:before, .k-scheduler-marquee.k-last:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px;
    }

div.k-scheduler-marquee:before {
    top: 0;
    left: 0;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

div.k-scheduler-marquee:after {
    bottom: 0;
    right: 0;
    border-top-color: transparent;
    border-left-color: transparent;
}

.k-scheduler-marquee .k-label-top {
    position: absolute;
    top: .3em;
    left: .8em;
    font-size: .8em;
}

.k-scheduler-marquee .k-label-bottom {
    position: absolute;
    bottom: .3em;
    right: .81em;
    font-size: .8em;
}

.k-scheduler-quickedit .k-textbox {
    width: 200px;
}

.k-tooltip-bottom {
    text-align: left;
}

    .k-tooltip-bottom .k-button {
        float: left;
        margin-right: .3em;
    }

    .k-tooltip-bottom .k-quickedit-details {
        float: right;
        margin-right: 0;
    }

.k-scheduler-agendaview .k-scheduler-table th, .k-scheduler-agendaview .k-scheduler-table td {
    text-align: left;
}

.k-scheduler-times .k-slot-cell, .k-scheduler-groupcolumn {
    width: 6em;
}

.k-scheduler-datecolumn {
    width: 12em;
}

.k-scheduler-timecolumn {
    width: 11em;
}

    .k-scheduler-timecolumn > div {
        position: relative;
        vertical-align: top;
    }

.k-webkit .k-scheduler-timecolumn > div > .k-icon {
    vertical-align: top;
}

.k-scheduler-timecolumn > div > .k-i-arrow-e {
    position: absolute;
    right: -4px;
}

.k-scheduler-timecolumn .k-i-arrow-w {
    margin-left: -4px;
}

.k-scheduler-mark {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    margin-right: .5em;
}

.k-scheduler-agendaday {
    float: left;
    margin: 0 .2em 0 0;
    font-size: 3em;
    font-weight: normal;
}

.k-scheduler-agendaweek {
    display: block;
    margin: .4em 0 0;
    font-size: 1.1em;
    font-style: normal;
}

.k-scheduler-agendadate {
    font-size: .8em;
}

.k-scheduler-timecolumn {
    white-space: nowrap;
}

.k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container {
    width: 520px;
}

.k-scheduler-edit-form .k-edit-label {
    width: 17%;
}

.k-scheduler-edit-form .k-edit-field {
    width: 77%;
}

.k-scheduler-edit-form .k-textbox[name="title"], .k-scheduler-edit-form textarea.k-textbox {
    width: 100%;
}

.k-scheduler-edit-form textarea.k-textbox {
    min-height: 4em;
    resize: vertical;
}

.k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
    margin-right: 1em;
}

.km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons {
    clear: right;
    margin-right: 2%;
    margin-left: 2%;
    padding: 0 0 .6em;
}

.k-edit-box {
    float: left;
}

    .k-edit-box + .k-edit-box {
        float: right;
    }

.k-scheduler-edit-form label + input {
    margin-left: 1em;
}

.k-edit-field > ul.k-reset > li {
    margin: .2em 0 .4em;
    line-height: 2.4;
}

.k-edit-field > ul.k-reset.k-toolbar > li {
    margin: 0;
}

.k-edit-field > ul.k-reset .k-widget {
    margin-left: .8em;
}

.k-edit-field > ul.k-reset .k-numerictextbox, .k-edit-field span.k-recur-interval {
    width: 5em;
}

.k-edit-field > ul.k-reset .k-dropdown, .k-edit-field > ul.k-reset .k-datepicker, div[name="recurrenceRule"] > .k-dropdown {
    width: 9em;
}

.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
    float: left;
}

.k-popup-message {
    margin: 0;
    padding: 1em 0 2em;
    text-align: center;
}

.k-scheduler-timezones .k-dropdown:first-child {
    width: 100%;
}

.k-scheduler-timezones .k-dropdown + .k-dropdown {
    margin: .5em 0 .7em;
}

.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
    display: none;
}

.k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
    display: none;
}

.k-scheduler-refresh {
    float: right;
    padding: 0 .5em;
}

@media only screen and (max-width:1024px) {
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10000;
    }

    .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
        right: auto;
        left: 6px;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view), .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
        display: none;
    }

    .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format, .k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
        display: none;
    }

    .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: inline;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        display: block;
        border-width: 1px;
    }

    .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        text-align: left;
        padding-left: 1em;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        display: block;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em;
    }

    .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        padding-left: 0;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -0.6em;
        right: .333em;
        width: 1.333em;
        height: 1.333em;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border: 1px solid #c5c5c5;
        background-color: #fff;
        background-image: none;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
    }

    .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded, .k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        text-align: left;
    }
}

@media only screen and (max-width:480px) {
    .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, .k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: none;
    }

    .k-webkit .k-scheduler-timecolumn, .k-ff .k-scheduler-timecolumn, .k-ie11 .k-scheduler-timecolumn, .k-safari .k-scheduler-timecolumn {
        width: 5em;
    }

    .k-webkit .k-scheduler-datecolumn, .k-ff .k-scheduler-datecolumn, .k-ie11 .k-scheduler-datecolumn, .k-safari .k-scheduler-datecolumn {
        width: 6em;
        overflow: hidden;
    }

        .k-webkit .k-scheduler-timecolumn > div, .k-ff .k-scheduler-timecolumn > div, .k-ie11 .k-scheduler-timecolumn > div, .k-safari .k-scheduler-timecolumn > div, .k-webkit .k-scheduler-datecolumn > div, .k-ff .k-scheduler-datecolumn > div, .k-ie11 .k-scheduler-datecolumn > div, .k-safari .k-scheduler-datecolumn > div {
            white-space: normal;
        }
}

.k-scheduler-pdf-export {
    overflow: hidden;
}

    .k-pdf-export-shadow .k-scheduler, .k-scheduler-pdf-export .k-scheduler-content, .k-scheduler-pdf-export .k-scheduler-times {
        height: auto !important;
        overflow: visible !important;
    }

    .k-scheduler-pdf-export .k-scheduler-header {
        padding: 0 !important;
    }

    .k-scheduler-pdf-export .k-scheduler-header-wrap {
        border-width: 0 !important;
    }

    .k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table, .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table {
        width: 100% !important;
    }

.k-tooltip {
    position: absolute;
    z-index: 12000;
    border-style: solid;
    border-width: 0;
    padding: 5px 5px 5px 6px;
    background-repeat: repeat-x;
    min-width: 20px;
    text-align: center;
}

.k-tooltip-button {
    text-align: right;
    height: 0;
}

.k-tooltip-content {
    height: 100%;
}

.k-tooltip-closable .k-tooltip-content {
    padding-right: 20px;
}

span.k-tooltip {
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px;
}

.k-invalid-msg {
    display: none;
}

.k-callout {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
}

.k-callout-n {
    top: -12px;
    left: 50%;
}

.k-callout-w {
    top: 50%;
    left: -12px;
}

.k-callout-s {
    left: 50%;
    bottom: -12px;
}

.k-callout-e {
    top: 50%;
    right: -12px;
}

.k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s {
    margin-left: -6px;
}

.k-slider-tooltip .k-callout-w, .k-slider-tooltip .k-callout-e {
    margin-top: -6px;
}

.k-tooltip-validation .k-warning {
    vertical-align: text-top;
    margin-right: 3px;
}

.k-tooltip-validation {
    z-index: 9999;
}

.k-toolbar {
    position: relative;
    display: block;
    vertical-align: middle;
    line-height: 2.9em;
}

    .k-toolbar .k-button .k-icon, .k-toolbar .k-button .k-sprite, .k-overflow-container .k-button .k-icon, .k-overflow-container .k-button .k-sprite {
        vertical-align: middle;
        margin-top: -7px;
        margin-bottom: -5px;
    }

    .k-toolbar .k-input {
        line-height: inherit;
        height: inherit;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        .k-toolbar .k-input:before {
            content: "\a0";
            display: inline-block;
            width: 0;
        }

.k-ie .k-toolbar .k-input {
    height: 1.65em;
}

.k-toolbar .k-combobox .k-dropdown-wrap:before, .k-toolbar .k-picker-wrap:before, .k-toolbar .k-numeric-wrap:before {
    display: none;
}

.k-overflow-container .k-sprite {
    margin-left: -4px;
}

.k-toolbar-resizable {
    overflow: hidden;
    white-space: nowrap;
}

.k-toolbar > .k-align-left {
    float: none;
}

.k-toolbar > .k-align-right {
    float: right;
}

.k-toolbar > *, .k-toolbar .k-button {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.72em;
}

.k-toolbar .k-separator {
    border-width: 0 0 0 1px;
    border-style: solid;
    width: 1px;
    line-height: inherit;
}

.k-toolbar .k-button-group {
    list-style-type: none;
}

    .k-toolbar .k-button-group > li {
        display: inline-block;
    }

    .k-toolbar .k-button-group .k-button {
        margin: 0 0 0 -1px;
        border-radius: 0;
    }

.k-toolbar .k-button, .k-toolbar .k-split-button, .k-toolbar .k-button-group, .k-toolbar .k-widget, .k-toolbar .k-textbox, .k-toolbar label, .k-toolbar .k-separator {
    margin: 0 .2em;
    line-height: 1.72em;
    vertical-align: middle;
}

.k-toolbar .k-split-button {
    padding-left: 0;
}

    .k-toolbar .k-split-button .k-button, .k-toolbar .k-button-group .k-group-start {
        margin: 0;
    }

    .k-toolbar .k-split-button .k-split-button-arrow {
        margin: 0 0 0 -1px;
    }

.k-toolbar .k-overflow-anchor {
    border-width: 0 0 0 1px;
    border-style: solid;
    height: 3em;
    width: 3em;
    line-height: inherit;
    padding: 0 .5em;
    margin: 0;
    position: relative;
    float: right;
    border-radius: 0;
}

.k-overflow-container .k-item {
    float: none;
    border: 0;
}

.k-overflow-container .k-separator {
    border-width: 0 0 1px;
    border-style: solid;
    height: 1px;
    line-height: 0;
    font-size: 0;
    padding: 0;
}

.k-overflow-container .k-overflow-button, .k-split-container .k-button {
    text-align: left;
    display: block;
    background: 0;
    border-color: transparent;
    white-space: nowrap;
}

.k-split-container {
    margin-top: -1px;
}

.k-overflow-container .k-button-group {
    padding: 0;
}

    .k-overflow-container .k-button-group > li {
        display: block;
    }

.k-overflow-container .k-overflow-group {
    border-width: 1px 0;
    border-style: solid;
    border-radius: 0;
    padding: 2px 0;
    margin: 1px 0;
}

.k-overflow-container .k-overflow-hidden {
    display: none;
}

.k-overflow-container .k-toolbar-first-visible, .k-overflow-container .k-overflow-group + .k-overflow-group, .k-overflow-container .k-separator + .k-overflow-group {
    border-top: 0;
    margin-top: 0;
    padding-top: 1px;
}

.k-overflow-container .k-overflow-group + .k-separator {
    display: none;
}

.k-overflow-container .k-toolbar-last-visible {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1px;
}

.k-splitter {
    position: relative;
    height: 300px;
}

.k-pane > .k-splitter {
    border-width: 0;
    overflow: hidden;
}

.k-splitter .k-pane {
    overflow: hidden;
}

.k-splitter .k-scrollable {
    overflow: auto;
}

.k-splitter .k-pane-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
}

.k-ghost-splitbar, .k-splitbar {
    position: absolute;
    border-style: solid;
    font-size: 0;
    outline: 0;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
    top: 0;
    width: 5px;
    border-width: 0 1px;
    background-repeat: repeat-y;
}

.k-ghost-splitbar-vertical, .k-splitbar-vertical {
    left: 0;
    height: 5px;
    border-width: 1px 0;
    background-repeat: repeat-x;
}

.k-splitbar-draggable-horizontal {
    cursor: w-resize;
}

.k-splitbar-draggable-vertical {
    cursor: n-resize;
}

.k-splitbar .k-resize-handle {
    display: none;
}

.k-restricted-size-horizontal, .k-restricted-size-vertical {
    background-color: #f00;
}

.k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 20px;
    margin-top: -10px;
}

.k-collapse-prev, .k-collapse-next, .k-expand-prev, .k-expand-next {
    cursor: pointer;
}

.k-splitbar-horizontal .k-collapse-prev {
    margin-top: -31px;
}

.k-splitbar-horizontal .k-collapse-next {
    margin-top: 11px;
}

.k-splitbar-static-horizontal {
    width: 1px;
}

.k-splitbar-static-vertical {
    height: 1px;
}

.k-splitbar-vertical .k-icon {
    position: absolute;
    left: 50%;
    width: 20px;
    height: 5px;
    margin-left: -10px;
}

.k-splitbar-vertical .k-collapse-prev {
    margin-left: -31px;
}

.k-splitbar-vertical .k-collapse-next {
    margin-left: 11px;
}

.k-splitbar-draggable-vertical .k-resize-handle, .k-splitbar-draggable-horizontal .k-resize-handle {
    display: inline-block;
}

.k-splitbar-horizontal .k-resize-handle {
    background-position: -165px -6px;
}

.k-splitbar-horizontal-hover > .k-resize-handle {
    background-position: -181px -6px;
}

.k-splitbar-horizontal .k-collapse-prev, .k-splitbar-horizontal .k-expand-next {
    background-position: -6px -174px;
}

.k-splitbar-horizontal-hover > .k-collapse-prev, .k-splitbar-horizontal-hover > .k-expand-next {
    background-position: -22px -174px;
}

.k-splitbar-horizontal .k-collapse-next, .k-splitbar-horizontal .k-expand-prev {
    background-position: -5px -142px;
}

.k-splitbar-horizontal-hover > .k-collapse-next, .k-splitbar-horizontal-hover > .k-expand-prev {
    background-position: -21px -142px;
}

.k-splitbar-vertical .k-resize-handle {
    background-position: -38px -309px;
}

.k-splitbar-vertical-hover > .k-resize-handle {
    background-position: -70px -309px;
}

.k-splitbar-vertical .k-collapse-prev, .k-splitbar-vertical .k-expand-next {
    background-position: 2px -134px;
}

.k-splitbar-vertical-hover > .k-collapse-prev, .k-splitbar-vertical-hover > .k-expand-next {
    background-position: -14px -134px;
}

.k-splitbar-vertical .k-collapse-next, .k-splitbar-vertical .k-expand-prev {
    background-position: 2px -165px;
}

.k-splitbar-vertical-hover > .k-collapse-next, .k-splitbar-vertical-hover > .k-expand-prev {
    background-position: -14px -165px;
}

.k-splitter-resizing {
    overflow: hidden;
}

html .k-upload {
    position: relative;
}

.k-dropzone em, .k-upload-button {
    vertical-align: middle;
}

.k-dropzone, .k-file {
    position: relative;
}

.k-dropzone {
    border-style: solid;
    border-width: 0;
    padding: .8em;
    background-color: transparent;
}

    .k-dropzone em {
        visibility: hidden;
        margin-left: .6em;
    }

.k-dropzone-active em {
    visibility: visible;
}

.k-upload-button {
    position: relative;
    min-width: 7.167em;
    overflow: hidden !important;
    direction: ltr;
}

.k-upload-sync .k-upload-button, .k-ie8 .k-upload-button, .k-ie9 .k-upload-button {
    margin: .8em;
}

.k-upload-button input {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.k-upload-files {
    margin: 0 0 .6em;
    line-height: 2.66;
    border-style: solid;
    border-width: 1px 0 0;
}

    .k-upload-files .k-button {
        padding: 0;
    }

    .k-upload-files .k-button, .k-upload-status-total .k-icon {
        margin-left: 8px;
    }

.k-upload .k-fail {
    background-position: -161px -111px;
}

.k-si-refresh {
    background-position: -160px -128px;
}

.k-link:not(.k-state-disabled):hover > .k-si-refresh, .k-state-hover > .k-si-refresh, .k-state-hover > * > .k-si-refresh, .k-button:not(.k-state-disabled):hover .k-si-refresh, .k-textbox:hover .k-si-refresh, .k-button:active .k-si-refresh {
    background-position: -176px -128px;
}

.k-si-tick, .k-success {
    background-position: -160px -96px;
}

.k-link:not(.k-state-disabled):hover > .k-si-tick, .k-link:not(.k-state-disabled):hover > .k-success, .k-state-hover > .k-si-tick, .k-state-hover > .k-success, .k-state-hover > * > .k-si-tick, .k-state-hover > * > .k-success, .k-button:not(.k-state-disabled):hover .k-si-tick, .k-button:not(.k-state-disabled):hover .k-success, .k-textbox:hover .k-si-tick, .k-textbox:hover .k-success, .k-button:active .k-si-tick, .k-button:active .k-success {
    background-position: -176px -96px;
}

.k-si-cancel {
    background-position: -160px -112px;
}

.k-link:not(.k-state-disabled):hover > .k-si-cancel, .k-state-hover > .k-si-cancel, .k-state-hover > * > .k-si-cancel, .k-button:not(.k-state-disabled):hover .k-si-cancel, .k-textbox:hover .k-si-cancel, .k-button:active .k-si-cancel {
    background-position: -176px -112px;
}

.k-file {
    border-style: solid;
    border-width: 0 0 1px;
    padding: .167em .167em .167em .8em;
}

    .k-file .k-icon {
        position: relative;
    }

    .k-file > .k-icon {
        background-position: -112px -288px;
    }

.k-link:not(.k-state-disabled):hover > .k-file > .k-icon, .k-state-hover > .k-file > .k-icon, .k-state-hover > * > .k-file > .k-icon, .k-button:not(.k-state-disabled):hover .k-file > .k-icon, .k-textbox:hover .k-file > .k-icon, .k-button:active .k-file > .k-icon {
    background-position: -128px -288px;
}

.k-filename {
    position: relative;
    display: inline-block;
    min-width: 10em;
    max-width: 16.667em;
    vertical-align: middle;
    margin-left: 1em;
    padding-bottom: .167em;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.k-upload-status {
    position: absolute;
    right: 12px;
    top: .6em;
    line-height: .7em;
}

    .k-upload-status .k-button, .k-upload-status .k-warning {
        vertical-align: text-bottom;
    }

.k-dropzone .k-upload-status {
    line-height: 2.4;
}

.k-upload-pct {
    line-height: 20px;
}

.k-ie8 .k-upload-status-total {
    line-height: 29px;
}

.k-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.k-upload-selected {
    min-width: 7.167em;
    margin: .25em 0 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.k-upload-selected, .k-upload-cancel {
    margin-bottom: .8em;
}

.k-upload-selected {
    margin-left: .8em;
    margin-right: .2em;
}

.k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files {
    display: none;
}

.k-toolbar-wrap .k-dropzone {
    border: 0;
    padding: 0;
}

.k-toolbar-wrap .k-dropzone-active {
    text-align: center;
}

    .k-toolbar-wrap .k-dropzone-active em {
        display: inline;
        margin: 0;
        font-size: 5em;
        font-style: normal;
    }

    .k-toolbar-wrap .k-dropzone-active .k-upload-button {
        display: none;
    }

.k-filebrowser-dropzone {
    z-index: 10010;
    filter: alpha(opacity=40);
    opacity: .4;
    position: fixed;
}

.k-search-wrap {
    position: relative;
    float: right;
    width: 20%;
    padding: 0;
}

    .k-search-wrap label {
        position: absolute;
        top: 0;
        left: 4px;
        line-height: 20px;
        font-style: italic;
    }

    .k-search-wrap input.k-input {
        padding-left: 0;
        padding-right: 0;
    }

    .k-search-wrap .k-search {
        position: absolute;
        top: 4px;
        right: 2px;
        margin: 0;
    }

.k-breadcrumbs {
    position: relative;
    float: left;
    width: 79%;
}

.k-breadcrumbs-wrap {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    padding-left: 5px;
    line-height: 18px;
}

.k-breadcrumbs > .k-input {
    width: 100%;
    font-size: inherit;
    font-family: inherit;
    border: 0;
}

.k-breadcrumbs .k-link, .k-breadcrumbs-wrap .k-icon {
    margin-top: 0;
    text-decoration: none;
    vertical-align: middle;
    position: static;
}

    .k-breadcrumbs .k-link:hover {
        text-decoration: underline;
    }

.k-filebrowser .k-breadcrumbs .k-i-seek-w {
    text-decoration: none;
    cursor: default;
}

.k-filebrowser .k-filebrowser-toolbar {
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: .25em;
    line-height: 23px;
    white-space: nowrap;
}

    .k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled {
        display: none;
    }

.k-filebrowser .k-toolbar-wrap {
    float: left;
}

.k-filebrowser .k-tiles-arrange {
    float: right;
}

    .k-filebrowser .k-tiles-arrange .k-dropdown {
        width: 75px;
    }

.k-filebrowser .k-upload {
    float: left;
    z-index: 10010;
    border-width: 0;
    background-color: transparent;
}

    .k-filebrowser .k-upload .k-upload-status {
        display: none;
    }

    .k-filebrowser .k-upload .k-upload-button {
        width: auto;
        margin-left: 0;
        vertical-align: top;
    }

    .k-filebrowser .k-upload .k-icon {
        vertical-align: bottom;
    }

.k-tiles {
    clear: both;
    height: 390px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    margin: 0 0 1.4em;
    padding: 9px;
    overflow: auto;
    line-height: 1.2;
}

.k-tile {
    float: left;
    width: 223px;
    height: 88px;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin: 1px;
    padding: 0 0 4px;
    background-position: 0 100px;
    background-repeat: repeat-x;
    cursor: pointer;
}

.k-tiles li.k-state-hover, .k-tiles li.k-state-selected {
    background-position: 0 center;
}

.k-filebrowser .k-thumb {
    float: left;
    display: inline;
    width: 80px;
    height: 80px;
    margin: 4px 10px 0 4px;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.k-filebrowser .k-file {
    width: 80px;
    height: 80px;
}

.k-filebrowser .k-image {
    margin: 2px 0 0 2px;
}

.k-filebrowser .k-folder {
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat;
}

.k-filebrowser .k-loading {
    margin: 35px 0 0 33px;
}

.k-tile strong, .k-tile input {
    margin: 10px 0 4px;
    font-weight: normal;
}

.k-tile strong {
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-tile input {
    width: 100px;
}

.k-tile strong, .k-tile input, .k-tile .k-filesize {
    display: block;
}

.k-filebrowser .k-form-text-row {
    text-align: right;
}

    .k-filebrowser .k-form-text-row label {
        width: 14%;
    }

    .k-filebrowser .k-form-text-row input {
        width: 80%;
    }

.k-tile-empty {
    margin: 160px 0 0;
}

    .k-tile-empty .k-dialog-upload {
        font-weight: bold;
        font-size: 120%;
    }

    .k-tile-empty strong {
        display: block;
        margin: 0 0 .2em;
        font-size: 3em;
        font-weight: normal;
    }

    .k-tile-empty, .k-tile-empty .k-button-wrapper {
        text-align: center;
    }

.k-chart, .k-gauge, .k-sparkline, .k-stockchart {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.k-chart, .k-stockchart {
    height: 400px;
}

div.k-chart, div.k-gauge, span.k-sparkline, .k-stockchart {
    background-color: transparent;
}

.k-gauge {
    text-align: left;
    position: relative;
}

.k-baseline-marker {
    zoom: 1;
    *display: inline;
}

.k-chart-tooltip {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 6px;
    white-space: nowrap;
    z-index: 12000;
    line-height: normal;
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
    color: #fff;
}

.k-chart-tooltip-inverse {
    color: #000;
}

.k-chart-tooltip table {
    border-spacing: 0;
    border-collapse: collapse;
}

.k-chart-tooltip th {
    width: auto;
    text-align: center;
    padding: 1px;
}

.k-chart-tooltip td {
    width: auto;
    text-align: left;
    padding: .1em .2em;
}

.k-selector {
    position: absolute;
    -webkit-transform: translateZ(0);
}

.k-selection {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    border-bottom: 0;
    height: 100%;
}

.k-selection-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255,255,255,0.01);
    filter: alpha(opacity=1);
}

.k-handle {
    background: #d2d2d2;
    width: 7px;
    height: 26px;
    cursor: e-resize;
    z-index: 1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
}

    .k-handle div {
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

.k-leftHandle {
    left: -4px;
}

.k-rightHandle {
    right: -4px;
}

.k-leftHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 30px 0 0;
}

.k-rightHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 0 0 30px;
}

.k-mask {
    position: absolute;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

.k-border {
    background: #d2d2d2;
    width: 1px;
    height: 100%;
    position: absolute;
}

.k-navigator-hint div {
    position: absolute;
}

.k-navigator-hint .k-scroll {
    position: absolute;
    height: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #d2d2d2;
}

.k-navigator-hint .k-tooltip {
    margin-top: 20px;
    min-width: 160px;
    opacity: 1;
    text-align: center;
    border: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    background: #fff;
}

.k-sparkline, .k-sparkline span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

    .k-sparkline span {
        height: 100%;
        width: 100%;
    }

.k-map, .k-diagram {
    height: 600px;
}

    .k-map .km-scroll-wrapper, .k-diagram .km-scroll-wrapper {
        padding-bottom: 0;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

    .k-map .km-scroll-wrapper, .k-diagram .km-scroll-wrapper, .k-map .km-scroll-container, .k-diagram .km-scroll-container {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .k-map .k-layer, .k-diagram .k-layer {
        position: absolute;
        left: 0;
        top: 0;
    }

    .k-map .km-touch-scrollbar, .k-diagram .km-touch-scrollbar {
        display: none;
    }

    .k-map .k-marker {
        position: absolute;
        width: 28px;
        height: 40px;
        margin: -40px 0 0 -14px;
        cursor: pointer;
    }

    .k-map .k-marker-pin {
        background-position: 0 40px;
    }

    .k-map .k-marker-pin-target {
        background-position: 0 0;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    .k-map .k-marker {
        width: 56px;
        height: 80px;
        margin: -80px 0 0 -28px;
    }

    .k-map .k-marker-pin {
        background-position: 0 80px;
    }
}

.k-map .k-pos-top {
    top: 0;
}

.k-map .k-pos-bottom {
    bottom: 0;
}

.k-map .k-pos-left {
    left: 0;
}

.k-map .k-pos-right {
    right: 0;
}

.k-map-controls {
    position: absolute;
}

    .k-map-controls.k-pos-left .k-widget:first-child {
        margin-right: 0;
    }

    .k-map-controls.k-pos-right .k-widget:first-child {
        margin-left: 0;
    }

.k-navigator {
    width: 50px;
    height: 50px;
    margin: 20px;
    border-radius: 80px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.k-pdf-export .k-navigator {
    display: none;
}

.k-navigator > button {
    border-color: transparent;
    background: 0;
}

div.k-navigator > .k-button {
    margin: 0;
    padding: 0;
    line-height: 10px;
    border-radius: 16px;
    position: absolute;
    font-size: 1px;
    line-height: 1px;
}

div.k-navigator .k-navigator-n {
    top: 2px;
    left: 50%;
    margin-left: -9px;
}

div.k-navigator .k-navigator-e {
    right: 2px;
    top: 50%;
    margin-top: -9px;
}

div.k-navigator .k-navigator-s {
    bottom: 2px;
    left: 50%;
    margin-left: -9px;
}

div.k-navigator .k-navigator-w {
    left: 2px;
    top: 50%;
    margin-top: -9px;
}

.k-map .k-attribution {
    background-color: rgba(255,255,255,0.8);
    font-size: 10px;
    padding: 2px 4px;
    z-index: 1000;
}

.k-zoom-control {
    margin: 14px;
    vertical-align: middle;
}

.k-pdf-export .k-zoom-control {
    display: none;
}

.k-button-wrap {
    border-radius: 4px;
    display: inline-block;
}

    .k-button-wrap .k-button {
        position: relative;
        font: bold 17px/1.18 monospace;
    }

.k-buttons-horizontal :first-child {
    border-radius: 4px 0 0 4px;
}

    .k-buttons-horizontal :first-child + .k-zoom-in {
        border-radius: 0;
        margin-left: -1px;
    }

.k-buttons-horizontal .k-zoom-out {
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
}

.k-button-wrap .k-button:hover {
    z-index: 1;
}

.k-buttons-vertical .k-button {
    display: block;
}

.k-buttons-vertical :first-child {
    border-radius: 4px 4px 0 0;
}

.k-buttons-vertical .k-zoom-out {
    border-radius: 0 0 4px 4px;
    margin-top: -1px;
}

.k-zoom-text {
    margin: 0;
    width: 4.3em;
    vertical-align: top;
}

.k-rtl .k-buttons-horizontal :first-child {
    border-radius: 0 4px 4px 0;
}

    .k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
        border-radius: 0;
        margin-left: 0;
        margin-right: -1px;
    }

.k-rtl .k-buttons-horizontal .k-zoom-out {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    margin-right: -1px;
}

.k-diagram {
    height: 600px;
}

    .k-diagram .km-scroll-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .k-diagram .km-scroll-wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

.k-canvas-container {
    width: 100%;
    height: 100%;
}

.k-diagram img {
    box-sizing: content-box;
}

.k-treemap {
    overflow: hidden;
    height: 400px;
}

.k-treemap-tile {
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin: -1px 0 0 -1px;
    overflow: hidden;
}

    .k-treemap-tile.k-leaf {
        padding: .6em;
    }

.k-treemap-wrap.k-last > .k-treemap-tile {
    padding: .3em;
}

.k-treemap-tile.k-state-hover {
    z-index: 2;
    background-image: none;
}

.k-treemap > .k-treemap-tile {
    position: relative;
    height: 100%;
}

.k-treemap-title {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.42em;
    height: 2.42em;
    padding: 0 .6em;
    white-space: nowrap;
}

.k-treemap-wrap .k-treemap-title {
    border-width: 0 0 1px;
    border-style: solid;
}

.k-treemap-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.k-treemap-title + .k-treemap-wrap {
    top: 2.42em;
}

.k-treemap-title-vertical {
    box-sizing: border-box;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.42em;
    line-height: 2.42em;
    overflow: hidden;
    padding: .6em 0;
    white-space: nowrap;
}

    .k-treemap-title-vertical > div {
        position: absolute;
        top: 0;
        right: 1.23em;
        transform-origin: right;
        -webkit-transform-origin: right;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .k-treemap-title-vertical + .k-treemap-wrap {
        left: 2.42em;
    }

.k-ie7 .k-button, .k-ie7 .k-grid-filter, .k-ie7 .k-header-column-menu, .k-ie7 .k-grid .k-pager-numbers, .k-ie7 .k-grid .k-status-text, .k-ie7 .k-pager-numbers .k-link, .k-ie7 .k-pager-numbers span, .k-ie7 .k-pager-numbers input, .k-ie7 .k-grouping-row p, .k-ie7 .k-grouping-header a, .k-ie7 .k-grouping-header .k-group-indicator, .k-ie7 .k-grouping-header .k-link, .k-ie7 .k-grouping-header .k-button, .k-ie7 .k-grid-actions, .k-ie7 .k-edit-label, .k-ie7 .k-edit-field, .k-ie7 .k-edit-form-container .editor-label, .k-ie7 .k-edit-form-container .editor-field, .k-ie7 .k-combobox, .k-ie7 .k-dropdown, .k-ie7 .k-selectbox, .k-ie7 .k-picker-wrap .k-select, .k-ie7 .k-dropdown-wrap .k-select, .k-ie7 .k-numerictextbox, .k-ie7 .k-timepicker, .k-ie7 .k-datepicker, .k-ie7 .k-datetimepicker, .k-ie7 .k-colorpicker, .k-ie7 .k-calendar, .k-ie7 .k-calendar .k-nav-fast, .k-ie7 .k-treeview .k-icon, .k-ie7 .k-treeview .k-image, .k-ie7 .k-treeview .k-sprite, .k-ie7 .k-treeview .k-in, .k-ie7 .k-colorpicker, .k-ie7 .k-colorpicker .k-tool-icon, .k-ie7 .k-palette.k-reset, .k-ie7 .k-editor-dialog .k-button, .k-ie7 .k-form-text-row label, .k-ie7 .k-tabstrip-items .k-item, .k-ie7 .k-tabstrip-items .k-link, .k-ie7 .k-slider-horizontal, .k-ie7 .k-splitbar-draggable-vertical .k-resize-handle, .k-ie7 .k-splitbar-draggable-horizontal .k-resize-handle, .k-ie7 .t-filename, .k-ie7 div.k-window, .k-ie7 .k-window-titlebar .k-window-action, .k-ie7 .k-scheduler-toolbar > ul > li, .k-ie7 .k-scheduler-footer > ul > li, .k-ie7 .k-scheduler-toolbar > ul > li, .k-ie7 .k-scheduler-footer > ul > li, .k-ie7 .k-event:hover .k-event-delete, .k-ie7 tr:hover > td > .k-task .k-event-delete, .k-ie7 .k-progressbar, .k-ie7 .k-progressbar-horizontal .k-item, .k-ie7 .k-progress-status, .k-ie7 .k-grid-header-locked, .k-ie7 .k-grid-content-locked, .k-ie7 .k-grid-header-locked + .k-grid-header-wrap, .k-ie7 .k-grid-content-locked + .k-grid-content, .k-ie7 .k-grid-footer-locked, .k-ie7 .k-gantt-layout, .k-ie7 .k-gantt-toolbar > ul > li, .k-ie7 .k-gantt-toolbar .k-link, .k-ie7 .k-task-summary, .k-ie7 .k-task-actions:first-child > .k-link, .k-ie7 .k-task-wrap:hover .k-task-delete, .k-ie7 .k-task-wrap-active .k-task-delete, .k-ie7 .k-navigator, .k-ie7 .k-zoom-control {
    display: inline;
    zoom: 1;
}

.k-ie7 .k-treeview .k-item, .k-ie7 .k-treeview .k-group {
    zoom: 1;
}

.k-ie7 .k-edit-field > .k-textbox {
    text-indent: 0;
}

.k-ie7 .k-icon, .k-ie7 .k-sprite {
    text-indent: 0;
}

.k-ie7 .k-state-disabled {
    filter: alpha(opacity=70);
}

.k-ie7 .k-button {
    line-height: normal;
    overflow: visible;
    margin-right: 4px;
}

.k-ie7 a.k-button {
    line-height: 1.6;
    padding-left: 7px;
    padding-right: 7px;
}

.k-ie7 .k-button-expand {
    margin-left: 0;
    margin-right: 0;
}

.k-ie7 a.k-button-icon {
    padding-left: 5px;
    padding-right: 5px;
}

.k-ie7 .k-picker-wrap .k-input, .k-ie7 .k-numeric-wrap .k-input, .k-ie7 .k-combobox .k-input {
    margin: -1px 0;
}

.k-ie7 .k-autocomplete .k-input, .k-ie7 .k-picker-wrap .k-input, .k-ie7 .k-numeric-wrap .k-input, .k-ie7 .k-dropdown-wrap .k-input, .k-ie7 .k-selectbox .k-input {
    text-indent: 0;
}

.k-ie7 .k-picker-wrap .k-icon, .k-ie7 .k-dropdown-wrap .k-icon {
    line-height: 2em;
    font-size: 1em;
    padding-top: 16px;
    height: 0;
}

.k-ie7 input.k-textbox {
    line-height: 1.72em;
    height: 1.72em;
    text-indent: .33em;
}

.k-ie7 .k-textbox {
    padding: 1px 0;
    text-indent: 0;
}

.k-ie7 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url("textures/hue.png") repeat 0 50%;
}

.k-ie7 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url("textures/transparency.png") repeat 0 50%;
}

.k-ie7 .k-flatcolorpicker .k-hsv-gradient {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00ffffff',GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0);
}

.k-ie7 .k-editor-toolbar li {
    display: inline;
}

.k-ie7 .k-filebrowser .k-upload-button, .k-ie7 .k-filebrowser .k-upload .k-icon {
    vertical-align: baseline;
    position: relative;
    top: 1px;
}

.k-ie7 .k-filebrowser .k-upload .k-icon {
    top: 2px;
}

.k-ie7 .k-filebrowser .k-filebrowser-toolbar .k-button-icon {
    vertical-align: middle;
}

.k-ie7 .k-task-milestone {
    margin-left: 1px;
}

.k-ie7 .k-grid-content table {
    width: auto;
}

.k-ie7 .k-pager-wrap .k-textbox {
    height: 1.3333em;
    margin-top: .16666em;
    display: inline;
}

.k-ie7 .k-pager-sizes {
    float: left;
}

.k-ie7 .k-dirty-cell {
    position: relative;
}

.k-ie7 .k-dirty {
    top: 5px;
}

.k-ie7 .k-grid-actions {
    vertical-align: bottom;
}

.k-ie7 .k-grid tbody a.k-button {
    min-width: 62px;
}

.k-ie7 .k-edit-cell > .text-box, .k-ie7 .k-edit-cell > .k-textbox, .k-ie7 .k-edit-cell > .k-widget, .k-ie7 .k-grid-edit-row > td > .k-textbox, .k-ie7 .k-grid-edit-row > td > .k-widget, .k-ie7 .k-grid-edit-row > td > .text-box {
    display: block;
    width: 90%;
}

.k-ie7 .k-multicheck-wrap {
    position: relative;
}

.k-ie7 .k-menu .k-item .k-item {
    zoom: normal;
}

.k-ie7 .k-menu .k-item > .k-link > .k-i-arrow-s, .k-ie7 .k-menu .k-image, .k-ie7 .k-menu .k-sprite {
    margin-top: 0;
}

.k-ie7 .k-menu .k-menu-group .k-link {
    width: 100%;
}

.k-ie7 .k-progressbar-vertical .k-progress-status {
    writing-mode: tb-rl;
    padding: .5em 0;
}

.k-ie7 .k-scheduler-toolbar .k-nav-prev .k-link, .k-ie7 .k-scheduler-toolbar .k-nav-next .k-link {
    height: 2.3em;
    margin-top: -1px;
    vertical-align: middle;
}

    .k-ie7 .k-scheduler-toolbar .k-nav-prev .k-link .k-icon, .k-ie7 .k-scheduler-toolbar .k-nav-next .k-link .k-icon {
        margin-top: .5em;
    }

.k-ie7 .k-scheduler-content .k-scheduler-table {
    width: auto;
}

.k-ie7 .k-slider .k-icon {
    margin-top: 2px;
}

.k-ie7 .k-slider-vertical .k-tick {
    float: left;
    clear: left;
    width: 100%;
}

.k-ie7 .k-slider a.k-button {
    height: 22px;
    line-height: 22px;
    padding: 0;
}

.k-ie7 .k-tabstrip-items .k-item .k-image, .k-ie7 .k-tabstrip-items .k-item .k-sprite {
    margin-top: -1px;
    vertical-align: top;
}

.k-ie7 .k-dropzone em, .k-ie7 .k-upload-button {
    vertical-align: baseline;
}

.k-ie7 .k-upload-button {
    margin: .8em;
}

.k-ie7 .k-upload-files .k-button {
    line-height: 1;
}

.k-ie7 .k-upload-selected {
    min-width: 100px;
}

.k-ie7 .k-window {
    padding-bottom: 1.16em;
}

.k-ie7 .k-window-titleless {
    padding-bottom: 0;
}

.k-ie7 .k-navigator > button {
    border-width: 0;
    display: block;
}

    .k-ie7 .k-navigator > button > span {
        vertical-align: top;
        display: block;
    }

.k-ie7 div.k-navigator .k-navigator-n, .k-ie7 div.k-navigator .k-navigator-s {
    margin-left: -8px;
}

.k-ie7 div.k-navigator .k-navigator-w, .k-ie7 div.k-navigator .k-navigator-e {
    margin-top: -8px;
}

.k-ie7 .k-zoom-control .k-button {
    margin: 0;
}

.k-ie7 .k-treemap .k-treemap-tile {
    border-width: 0;
    padding: 0;
}

.k-ie7 .k-treemap .k-leaf > div {
    padding: 7px;
}

.k-ie7 .k-treemap .k-leaf.k-state-hover {
    border-width: 1px;
}

    .k-ie7 .k-treemap .k-leaf.k-state-hover > div {
        padding: 6px;
    }

.km-root, .km-pane, .km-pane-wrapper {
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    -ms-content-zooming: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
}

.km-pane-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}

.km-pane, .km-shim {
    font-family: sans-serif;
}

.km-pane {
    overflow-x: hidden;
}

.km-view {
    top: 0;
    left: 0;
    position: absolute;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    vertical-align: top;
}

.k-ff .km-view, .k-ff .km-pane {
    overflow: hidden;
}

.k-ff18 .km-view, .k-ff18 .km-pane, .k-ff19 .km-view, .k-ff19 .km-pane, .k-ff20 .km-view, .k-ff20 .km-pane, .k-ff21 .km-view, .k-ff21 .km-pane {
    position: relative;
}

.k-ff .km-view {
    display: -moz-inline-box;
    display: flex;
}

.km-content {
    min-height: 1px;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;
    display: block;
    width: auto;
    overflow: hidden;
    position: relative;
}

.km-actionsheet > li {
    list-style-type: none;
    padding: inherit 1em;
    line-height: 2em;
}

.km-actionsheet {
    padding: 0;
    margin: 0;
}

.km-shim {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 10001;
}

    .km-shim .k-animation-container, .km-actionsheet-wrapper {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
    }

    .km-shim .k-animation-container {
        width: auto;
    }

.km-pane-wrapper .k-grid-edit-form > .km-header, .km-pane-wrapper .k-grid-column-menu > .km-header, .km-pane-wrapper .k-grid-filter-menu > .km-header, .km-pane-wrapper .k-scheduler-edit-form > .km-header {
    border-style: solid;
    border-width: 1px;
    padding: .3em .6em;
    text-align: center;
    width: auto;
    line-height: 2em;
}

.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar, .k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer {
    line-height: 2em;
}

.km-pane-wrapper .k-grid-edit-form .k-multiselect, .km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
    width: 15em;
}

.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap, .km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
    display: block;
}

.km-pane-wrapper .k-grid-column-menu .k-done, .km-pane-wrapper .k-grid-filter-menu .k-submit, .km-pane-wrapper .k-grid-edit-form .k-grid-update, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
    float: right;
}

.km-pane-wrapper .k-grid-filter-menu .k-cancel, .km-pane-wrapper .k-grid-edit-form .k-grid-cancel, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
    float: left;
}

.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete, *:not(.km-pane) > .km-shim .km-actionsheet .k-button {
    display: block;
    text-align: center;
}

*:not(.km-pane) > .km-shim .km-actionsheet .k-button {
    font-size: 1.4em;
    margin: .3em 1em;
}

*:not(.km-pane) > .km-shim .km-actionsheet-title {
    text-align: center;
    line-height: 3em;
    margin-bottom: -0.3em;
}

*:not(.km-pane) > .km-shim > .k-animation-container {
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
}

.km-pane-wrapper > div.km-pane {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: normal;
}

.km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container, .km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container {
    position: absolute;
    width: 100%;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    width: 74%;
}

.km-pane-wrapper .k-grid-edit-form .k-popup-edit-form, .km-pane-wrapper .k-grid-edit-form .k-edit-form-container {
    width: auto;
}

.km-pane-wrapper .k-filter-menu .k-button {
    width: 100%;
    margin: 0;
}

.k-grid-mobile {
    border-width: 0;
}

    .k-grid-mobile .k-resize-handle-inner {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: -7px;
        width: 17px;
        height: 17px;
        border-style: solid;
        border-width: 2px;
        border-radius: 10px;
    }

        .k-grid-mobile .k-resize-handle-inner:before {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -3px;
            left: 1px;
            width: 6px;
            height: 6px;
            background-position: -5px -53px;
        }

        .k-grid-mobile .k-resize-handle-inner:after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -3px;
            right: 1px;
            width: 6px;
            height: 6px;
            background-position: -5px -21px;
        }

.km-pane-wrapper .km-pane * {
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

.km-pane-wrapper .km-pane .k-mobile-list, .km-pane-wrapper .k-mobile-list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-radius: 0;
    background: 0;
}

.km-pane-wrapper .km-switch {
    top: 50%;
    right: .8rem;
    position: absolute;
    margin-top: -1.1rem;
}

.km-pane-wrapper .k-mobile-list .k-state-disabled {
    opacity: 1;
}

    .km-pane-wrapper .k-mobile-list .k-state-disabled > * {
        opacity: .7;
    }

.km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-item > .k-link, .km-pane-wrapper .k-mobile-list .k-item > .k-label, .km-pane-wrapper .k-mobile-list .k-edit-label {
    display: block;
    position: relative;
    list-style-type: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 0 .5em 1em;
    font-size: 1em;
}

.km-pane-wrapper .k-edit-form-container, .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
    padding-top: 1em;
    width: 100%;
}

.km-pane-wrapper .k-mobile-list .k-edit-label {
    position: absolute;
    margin: 0;
    float: none;
    clear: none;
    width: 100%;
}

    .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label label {
        display: block;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: .1em 0;
        margin: 0;
    }

.km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label {
    font-size: 1em;
    line-height: 1.6em;
    overflow: hidden;
}

.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label {
    width: 100%;
    float: none;
    clear: none;
    min-height: 2.7em;
}

.km-pane-wrapper .km-header .k-icon, .km-pane-wrapper .k-grid-toolbar .k-icon, .km-pane-wrapper .k-grid-edit .k-icon, .km-pane-wrapper .k-grid-delete .k-icon {
    display: none;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    padding: .5em 0;
}

.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
    padding: .3em 0;
}

    .km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
        line-height: 2em;
    }

.km-pane-wrapper .k-mobile-list .k-item > * {
    line-height: normal;
}

.km-pane-wrapper .k-mobile-list .k-edit-buttons, .km-pane-wrapper .k-mobile-list .k-button-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 1em;
    margin: 0;
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link, .km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link, .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
    display: block;
    padding: .2em 1em;
    font-size: .95em;
    position: -webkit-sticky;
    margin: 0;
    font-weight: normal;
    line-height: 2em;
    background: transparent;
    border-top: 1em solid transparent;
}

.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3), .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
    position: relative;
}

.km-pane-wrapper .k-mobile-list .k-item:first-child {
    border-top: 0;
}

.km-pane-wrapper .k-mobile-list .k-item:last-child {
    border-bottom: 0;
}

.km-pane-wrapper .k-mobile-list .k-item > .k-link, .km-pane-wrapper .k-mobile-list .k-item > .k-label {
    line-height: inherit;
    text-decoration: none;
    margin: -0.5em 0 -0.5em -1em;
}

.k-check[type=checkbox], .k-check[type=radio], .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
}

.km-pane-wrapper .k-mobile-list .k-link .k-check, .km-pane-wrapper .k-mobile-list .k-label .k-check, .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
    border: 0;
    font-size: inherit;
    width: 13px;
    height: 13px;
    margin: .26em 1em .26em 0;
}

.k-ie .km-pane-wrapper .k-icon, .k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check, .k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check, .k-ie .k-mobile-list .k-edit-field [type=checkbox], .k-ie .k-mobile-list .k-edit-field [type=radio] {
    font-size: inherit;
    text-indent: -9999px;
    width: 1.01em;
    height: 1em;
}

@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) {
    .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
        background-position: 0 0;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-button:active .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
        background-position: -1em 0;
    }

    .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
        background-position: 0 -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-button:active .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
        background-position: -1em -2em;
    }

    .km-pane-wrapper .k-state-selected .k-i-arrow-n {
        background-position: -1em 0;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-state-hover > .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-state-hover > * > .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-n {
        background-position: -2em 0;
    }

    .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
        background-position: -1em 0;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-button:active .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-button:active .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
        background-position: -2em 0;
    }

    .km-pane-wrapper .k-state-selected .k-i-arrow-s {
        background-position: -1em -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-state-hover > .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-state-hover > * > .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-s {
        background-position: -2em -2em;
    }

    .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
        background-position: -1em -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-state-hover > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-state-hover > * > .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-button:active .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-button:active .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
        background-position: -2em -2em;
    }

    .km-pane-wrapper .k-i-arrow-n {
        background-position: 0 0;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-n, .k-state-hover > .km-pane-wrapper .k-i-arrow-n, .k-state-hover > * > .km-pane-wrapper .k-i-arrow-n, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-i-arrow-n, .k-button:active .km-pane-wrapper .k-i-arrow-n {
        background-position: -1em 0;
    }

    .km-pane-wrapper .k-i-arrow-e {
        background-position: 0 -1em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-e, .k-state-hover > .km-pane-wrapper .k-i-arrow-e, .k-state-hover > * > .km-pane-wrapper .k-i-arrow-e, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-e, .k-textbox:hover .km-pane-wrapper .k-i-arrow-e, .k-button:active .km-pane-wrapper .k-i-arrow-e {
        background-position: -1em -1em;
    }

    .k-rtl .km-pane-wrapper .k-i-arrow-w {
        background-position: 0 -1em;
    }

    .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-state-hover > .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-w {
        background-position: -1em -1em;
    }

    .km-pane-wrapper .k-i-arrow-s {
        background-position: 0 -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-s, .k-state-hover > .km-pane-wrapper .k-i-arrow-s, .k-state-hover > * > .km-pane-wrapper .k-i-arrow-s, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-i-arrow-s, .k-button:active .km-pane-wrapper .k-i-arrow-s {
        background-position: -1em -2em;
    }

    .km-pane-wrapper .k-i-arrow-w {
        background-position: 0 -3em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-w, .k-state-hover > .km-pane-wrapper .k-i-arrow-w, .k-state-hover > * > .km-pane-wrapper .k-i-arrow-w, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-w, .k-textbox:hover .km-pane-wrapper .k-i-arrow-w, .k-button:active .km-pane-wrapper .k-i-arrow-w {
        background-position: -1em -3em;
    }

    .k-rtl .km-pane-wrapper .k-i-arrow-e {
        background-position: 0 -3em;
    }

    .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-state-hover > .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-e {
        background-position: -1em -3em;
    }

    .km-pane-wrapper .k-i-seek-n {
        background-position: 0 -4em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-n, .k-state-hover > .km-pane-wrapper .k-i-seek-n, .k-state-hover > * > .km-pane-wrapper .k-i-seek-n, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-n, .k-textbox:hover .km-pane-wrapper .k-i-seek-n, .k-button:active .km-pane-wrapper .k-i-seek-n {
        background-position: -1em -4em;
    }

    .km-pane-wrapper .k-i-seek-e {
        background-position: 0 -5em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-e, .k-state-hover > .km-pane-wrapper .k-i-seek-e, .k-state-hover > * > .km-pane-wrapper .k-i-seek-e, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-e, .k-textbox:hover .km-pane-wrapper .k-i-seek-e, .k-button:active .km-pane-wrapper .k-i-seek-e {
        background-position: -1em -5em;
    }

    .k-rtl .km-pane-wrapper .k-i-seek-w {
        background-position: 0 -5em;
    }

    .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-w, .k-rtl .k-state-hover > .km-pane-wrapper .k-i-seek-w, .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-seek-w, .k-rtl .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-w, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-w, .k-rtl .k-button:active .km-pane-wrapper .k-i-seek-w {
        background-position: -1em -5em;
    }

    .km-pane-wrapper .k-i-seek-s {
        background-position: 0 -6em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-s, .k-state-hover > .km-pane-wrapper .k-i-seek-s, .k-state-hover > * > .km-pane-wrapper .k-i-seek-s, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-s, .k-textbox:hover .km-pane-wrapper .k-i-seek-s, .k-button:active .km-pane-wrapper .k-i-seek-s {
        background-position: -1em -6em;
    }

    .km-pane-wrapper .k-i-seek-w {
        background-position: 0 -7em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-w, .k-state-hover > .km-pane-wrapper .k-i-seek-w, .k-state-hover > * > .km-pane-wrapper .k-i-seek-w, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-w, .k-textbox:hover .km-pane-wrapper .k-i-seek-w, .k-button:active .km-pane-wrapper .k-i-seek-w {
        background-position: -1em -7em;
    }

    .k-rtl .km-pane-wrapper .k-i-seek-e {
        background-position: 0 -7em;
    }

    .k-rtl .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-seek-e, .k-rtl .k-state-hover > .km-pane-wrapper .k-i-seek-e, .k-rtl .k-state-hover > * > .km-pane-wrapper .k-i-seek-e, .k-rtl .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-seek-e, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-e, .k-rtl .k-button:active .km-pane-wrapper .k-i-seek-e {
        background-position: -1em -7em;
    }

    .km-pane-wrapper .k-i-arrowhead-n {
        background-position: 0 -16em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-n, .k-state-hover > .km-pane-wrapper .k-i-arrowhead-n, .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-n, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrowhead-n, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-n, .k-button:active .km-pane-wrapper .k-i-arrowhead-n {
        background-position: -1em -16em;
    }

    .km-pane-wrapper .k-i-arrowhead-e {
        background-position: 0 -17em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-e, .k-state-hover > .km-pane-wrapper .k-i-arrowhead-e, .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-e, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrowhead-e, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-e, .k-button:active .km-pane-wrapper .k-i-arrowhead-e {
        background-position: -1em -17em;
    }

    .km-pane-wrapper .k-i-arrowhead-s {
        background-position: 0 -18em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-s, .k-state-hover > .km-pane-wrapper .k-i-arrowhead-s, .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-s, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrowhead-s, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-s, .k-button:active .km-pane-wrapper .k-i-arrowhead-s {
        background-position: -1em -18em;
    }

    .km-pane-wrapper .k-i-arrowhead-w {
        background-position: 0 -19em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-arrowhead-w, .k-state-hover > .km-pane-wrapper .k-i-arrowhead-w, .k-state-hover > * > .km-pane-wrapper .k-i-arrowhead-w, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-arrowhead-w, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-w, .k-button:active .km-pane-wrapper .k-i-arrowhead-w {
        background-position: -1em -19em;
    }

    .km-pane-wrapper .k-i-expand, .km-pane-wrapper .k-plus, .km-pane-wrapper .k-plus-disabled {
        background-position: 0 -12em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-expand, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-plus, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-plus-disabled, .k-state-hover > .km-pane-wrapper .k-i-expand, .k-state-hover > .km-pane-wrapper .k-plus, .k-state-hover > .km-pane-wrapper .k-plus-disabled, .k-state-hover > * > .km-pane-wrapper .k-i-expand, .k-state-hover > * > .km-pane-wrapper .k-plus, .k-state-hover > * > .km-pane-wrapper .k-plus-disabled, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-expand, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-plus, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-plus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-expand, .k-textbox:hover .km-pane-wrapper .k-plus, .k-textbox:hover .km-pane-wrapper .k-plus-disabled, .k-button:active .km-pane-wrapper .k-i-expand, .k-button:active .km-pane-wrapper .k-plus, .k-button:active .km-pane-wrapper .k-plus-disabled {
        background-position: -1em -12em;
    }

    .km-pane-wrapper .k-i-expand-w, .k-rtl .km-pane-wrapper .k-i-expand, .k-rtl .km-pane-wrapper .k-plus, .k-rtl .km-pane-wrapper .k-plus-disabled {
        background-position: 0 -13em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-expand-w, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-i-expand, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-plus, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-plus-disabled, .k-state-hover > .km-pane-wrapper .k-i-expand-w, .k-state-hover > .k-rtl .km-pane-wrapper .k-i-expand, .k-state-hover > .k-rtl .km-pane-wrapper .k-plus, .k-state-hover > .k-rtl .km-pane-wrapper .k-plus-disabled, .k-state-hover > * > .km-pane-wrapper .k-i-expand-w, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-i-expand, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-plus, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-plus-disabled, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-expand-w, .k-button:not(.k-state-disabled):hover .k-rtl .km-pane-wrapper .k-i-expand, .k-button:not(.k-state-disabled):hover .k-rtl .km-pane-wrapper .k-plus, .k-button:not(.k-state-disabled):hover .k-rtl .km-pane-wrapper .k-plus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-expand-w, .k-textbox:hover .k-rtl .km-pane-wrapper .k-i-expand, .k-textbox:hover .k-rtl .km-pane-wrapper .k-plus, .k-textbox:hover .k-rtl .km-pane-wrapper .k-plus-disabled, .k-button:active .km-pane-wrapper .k-i-expand-w, .k-button:active .k-rtl .km-pane-wrapper .k-i-expand, .k-button:active .k-rtl .km-pane-wrapper .k-plus, .k-button:active .k-rtl .km-pane-wrapper .k-plus-disabled {
        background-position: -1em -13em;
    }

    .km-pane-wrapper .k-i-collapse, .km-pane-wrapper .k-minus, .km-pane-wrapper .k-minus-disabled {
        background-position: 0 -14em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-collapse, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-minus, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-minus-disabled, .k-state-hover > .km-pane-wrapper .k-i-collapse, .k-state-hover > .km-pane-wrapper .k-minus, .k-state-hover > .km-pane-wrapper .k-minus-disabled, .k-state-hover > * > .km-pane-wrapper .k-i-collapse, .k-state-hover > * > .km-pane-wrapper .k-minus, .k-state-hover > * > .km-pane-wrapper .k-minus-disabled, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-collapse, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-minus, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-minus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-collapse, .k-textbox:hover .km-pane-wrapper .k-minus, .k-textbox:hover .km-pane-wrapper .k-minus-disabled, .k-button:active .km-pane-wrapper .k-i-collapse, .k-button:active .km-pane-wrapper .k-minus, .k-button:active .km-pane-wrapper .k-minus-disabled {
        background-position: -1em -14em;
    }

    .km-pane-wrapper .k-i-collapse-w, .k-rtl .km-pane-wrapper .k-i-collapse, .k-rtl .km-pane-wrapper .k-minus, .k-rtl .km-pane-wrapper .k-minus-disabled {
        background-position: 0 -15em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-collapse-w, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-i-collapse, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-minus, .k-link:not(.k-state-disabled):hover > .k-rtl .km-pane-wrapper .k-minus-disabled, .k-state-hover > .km-pane-wrapper .k-i-collapse-w, .k-state-hover > .k-rtl .km-pane-wrapper .k-i-collapse, .k-state-hover > .k-rtl .km-pane-wrapper .k-minus, .k-state-hover > .k-rtl .km-pane-wrapper .k-minus-disabled, .k-state-hover > * > .km-pane-wrapper .k-i-collapse-w, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-i-collapse, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-minus, .k-state-hover > * > .k-rtl .km-pane-wrapper .k-minus-disabled, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-collapse-w, .k-button:not(.k-state-disabled):hover .k-rtl .km-pane-wrapper .k-i-collapse, .k-button:not(.k-state-disabled):hover .k-rtl .km-pane-wrapper .k-minus, .k-button:not(.k-state-disabled):hover .k-rtl .km-pane-wrapper .k-minus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-collapse-w, .k-textbox:hover .k-rtl .km-pane-wrapper .k-i-collapse, .k-textbox:hover .k-rtl .km-pane-wrapper .k-minus, .k-textbox:hover .k-rtl .km-pane-wrapper .k-minus-disabled, .k-button:active .km-pane-wrapper .k-i-collapse-w, .k-button:active .k-rtl .km-pane-wrapper .k-i-collapse, .k-button:active .k-rtl .km-pane-wrapper .k-minus, .k-button:active .k-rtl .km-pane-wrapper .k-minus-disabled {
        background-position: -1em -15em;
    }

    .km-pane-wrapper .k-i-pencil, .km-pane-wrapper .k-edit {
        background-position: -2em 0;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-pencil, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-edit, .k-state-hover > .km-pane-wrapper .k-i-pencil, .k-state-hover > .km-pane-wrapper .k-edit, .k-state-hover > * > .km-pane-wrapper .k-i-pencil, .k-state-hover > * > .km-pane-wrapper .k-edit, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-pencil, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-edit, .k-textbox:hover .km-pane-wrapper .k-i-pencil, .k-textbox:hover .km-pane-wrapper .k-edit, .k-button:active .km-pane-wrapper .k-i-pencil, .k-button:active .km-pane-wrapper .k-edit {
        background-position: -3em 0;
    }

    .km-pane-wrapper .k-i-close, .km-pane-wrapper .k-delete, .km-pane-wrapper .k-group-delete {
        background-position: -2em -1em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-close, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-delete, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-group-delete, .k-state-hover > .km-pane-wrapper .k-i-close, .k-state-hover > .km-pane-wrapper .k-delete, .k-state-hover > .km-pane-wrapper .k-group-delete, .k-state-hover > * > .km-pane-wrapper .k-i-close, .k-state-hover > * > .km-pane-wrapper .k-delete, .k-state-hover > * > .km-pane-wrapper .k-group-delete, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-close, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-delete, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-group-delete, .k-textbox:hover .km-pane-wrapper .k-i-close, .k-textbox:hover .km-pane-wrapper .k-delete, .k-textbox:hover .km-pane-wrapper .k-group-delete, .k-button:active .km-pane-wrapper .k-i-close, .k-button:active .km-pane-wrapper .k-delete, .k-button:active .km-pane-wrapper .k-group-delete {
        background-position: -3em -1em;
    }

    .km-pane-wrapper .k-si-close {
        background-position: -10em -5em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-si-close, .k-state-hover > .km-pane-wrapper .k-si-close, .k-state-hover > * > .km-pane-wrapper .k-si-close, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-si-close, .k-textbox:hover .km-pane-wrapper .k-si-close, .k-button:active .km-pane-wrapper .k-si-close {
        background-position: -11em -5em;
    }

    .km-pane-wrapper .k-multiselect .k-delete {
        background-position: -10em -5em;
    }

    .km-pane-wrapper .k-multiselect .k-state-hover .k-delete {
        background-position: -11em -5em;
    }

    .km-pane-wrapper .k-i-tick, .km-pane-wrapper .k-insert, .km-pane-wrapper .k-update {
        background-position: -2em -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-tick, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-insert, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-update, .k-state-hover > .km-pane-wrapper .k-i-tick, .k-state-hover > .km-pane-wrapper .k-insert, .k-state-hover > .km-pane-wrapper .k-update, .k-state-hover > * > .km-pane-wrapper .k-i-tick, .k-state-hover > * > .km-pane-wrapper .k-insert, .k-state-hover > * > .km-pane-wrapper .k-update, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-tick, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-insert, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-update, .k-textbox:hover .km-pane-wrapper .k-i-tick, .k-textbox:hover .km-pane-wrapper .k-insert, .k-textbox:hover .km-pane-wrapper .k-update, .k-button:active .km-pane-wrapper .k-i-tick, .k-button:active .km-pane-wrapper .k-insert, .k-button:active .km-pane-wrapper .k-update {
        background-position: -3em -2em;
    }

    .km-pane-wrapper .k-check:checked, .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio] {
        background-position: -2em -2em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-check:checked, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-state-hover > .km-pane-wrapper .k-check:checked, .k-state-hover > .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-state-hover > * > .km-pane-wrapper .k-check:checked, .k-state-hover > * > .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover > * > .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-check:checked, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-textbox:hover .km-pane-wrapper .k-check:checked, .k-textbox:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-textbox:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-button:active .km-pane-wrapper .k-check:checked, .k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio] {
        background-position: -3em -2em;
    }

    .km-pane-wrapper .k-i-cancel, .km-pane-wrapper .k-cancel, .km-pane-wrapper .k-denied {
        background-position: -2em -3em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-cancel, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-cancel, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-denied, .k-state-hover > .km-pane-wrapper .k-i-cancel, .k-state-hover > .km-pane-wrapper .k-cancel, .k-state-hover > .km-pane-wrapper .k-denied, .k-state-hover > * > .km-pane-wrapper .k-i-cancel, .k-state-hover > * > .km-pane-wrapper .k-cancel, .k-state-hover > * > .km-pane-wrapper .k-denied, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-cancel, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-cancel, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-denied, .k-textbox:hover .km-pane-wrapper .k-i-cancel, .k-textbox:hover .km-pane-wrapper .k-cancel, .k-textbox:hover .km-pane-wrapper .k-denied, .k-button:active .km-pane-wrapper .k-i-cancel, .k-button:active .km-pane-wrapper .k-cancel, .k-button:active .km-pane-wrapper .k-denied {
        background-position: -3em -3em;
    }

    .km-pane-wrapper .k-i-plus, .km-pane-wrapper .k-add {
        background-position: -2em -4em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-plus, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-add, .k-state-hover > .km-pane-wrapper .k-i-plus, .k-state-hover > .km-pane-wrapper .k-add, .k-state-hover > * > .km-pane-wrapper .k-i-plus, .k-state-hover > * > .km-pane-wrapper .k-add, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-plus, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-add, .k-textbox:hover .km-pane-wrapper .k-i-plus, .k-textbox:hover .km-pane-wrapper .k-add, .k-button:active .km-pane-wrapper .k-i-plus, .k-button:active .km-pane-wrapper .k-add {
        background-position: -3em -4em;
    }

    .km-pane-wrapper .k-i-funnel, .km-pane-wrapper .k-filter {
        background-position: -2em -5em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-funnel, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-filter, .k-state-hover > .km-pane-wrapper .k-i-funnel, .k-state-hover > .km-pane-wrapper .k-filter, .k-state-hover > * > .km-pane-wrapper .k-i-funnel, .k-state-hover > * > .km-pane-wrapper .k-filter, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-funnel, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-filter, .k-textbox:hover .km-pane-wrapper .k-i-funnel, .k-textbox:hover .km-pane-wrapper .k-filter, .k-button:active .km-pane-wrapper .k-i-funnel, .k-button:active .km-pane-wrapper .k-filter {
        background-position: -3em -5em;
    }

    .km-pane-wrapper .k-i-funnel-clear, .km-pane-wrapper .k-clear-filter {
        background-position: -2em -6em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-funnel-clear, .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-clear-filter, .k-state-hover > .km-pane-wrapper .k-i-funnel-clear, .k-state-hover > .km-pane-wrapper .k-clear-filter, .k-state-hover > * > .km-pane-wrapper .k-i-funnel-clear, .k-state-hover > * > .km-pane-wrapper .k-clear-filter, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-funnel-clear, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-clear-filter, .k-textbox:hover .km-pane-wrapper .k-i-funnel-clear, .k-textbox:hover .km-pane-wrapper .k-clear-filter, .k-button:active .km-pane-wrapper .k-i-funnel-clear, .k-button:active .km-pane-wrapper .k-clear-filter {
        background-position: -3em -6em;
    }

    .km-pane-wrapper .k-i-refresh {
        background-position: -2em -7em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-refresh, .k-state-hover > .km-pane-wrapper .k-i-refresh, .k-state-hover > * > .km-pane-wrapper .k-i-refresh, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-refresh, .k-textbox:hover .km-pane-wrapper .k-i-refresh, .k-button:active .km-pane-wrapper .k-i-refresh {
        background-position: -3em -7em;
    }

    .km-pane-wrapper .k-i-exception {
        background-position: -10em -19em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-exception, .k-state-hover > .km-pane-wrapper .k-i-exception, .k-state-hover > * > .km-pane-wrapper .k-i-exception, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-exception, .k-textbox:hover .km-pane-wrapper .k-i-exception, .k-button:active .km-pane-wrapper .k-i-exception {
        background-position: -11em -19em;
    }

    .km-pane-wrapper .k-i-restore {
        background-position: -2em -8em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-restore, .k-state-hover > .km-pane-wrapper .k-i-restore, .k-state-hover > * > .km-pane-wrapper .k-i-restore, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-restore, .k-textbox:hover .km-pane-wrapper .k-i-restore, .k-button:active .km-pane-wrapper .k-i-restore {
        background-position: -3em -8em;
    }

    .km-pane-wrapper .k-i-maximize {
        background-position: -2em -9em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-maximize, .k-state-hover > .km-pane-wrapper .k-i-maximize, .k-state-hover > * > .km-pane-wrapper .k-i-maximize, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-maximize, .k-textbox:hover .km-pane-wrapper .k-i-maximize, .k-button:active .km-pane-wrapper .k-i-maximize {
        background-position: -3em -9em;
    }

    .km-pane-wrapper .k-i-minimize {
        background-position: -4em -18em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-minimize, .k-state-hover > .km-pane-wrapper .k-i-minimize, .k-state-hover > * > .km-pane-wrapper .k-i-minimize, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-minimize, .k-textbox:hover .km-pane-wrapper .k-i-minimize, .k-button:active .km-pane-wrapper .k-i-minimize {
        background-position: -5em -18em;
    }

    .km-pane-wrapper .k-i-pin {
        background-position: -10em -16em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-pin, .k-state-hover > .km-pane-wrapper .k-i-pin, .k-state-hover > * > .km-pane-wrapper .k-i-pin, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-pin, .k-textbox:hover .km-pane-wrapper .k-i-pin, .k-button:active .km-pane-wrapper .k-i-pin {
        background-position: -11em -16em;
    }

    .km-pane-wrapper .k-i-unpin {
        background-position: -10em -17em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-unpin, .k-state-hover > .km-pane-wrapper .k-i-unpin, .k-state-hover > * > .km-pane-wrapper .k-i-unpin, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-unpin, .k-textbox:hover .km-pane-wrapper .k-i-unpin, .k-button:active .km-pane-wrapper .k-i-unpin {
        background-position: -11em -17em;
    }

    .km-pane-wrapper .k-resize-se {
        background-position: -2em -10em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-resize-se, .k-state-hover > .km-pane-wrapper .k-resize-se, .k-state-hover > * > .km-pane-wrapper .k-resize-se, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-resize-se, .k-textbox:hover .km-pane-wrapper .k-resize-se, .k-button:active .km-pane-wrapper .k-resize-se {
        background-position: -3em -10em;
    }

    .km-pane-wrapper .k-i-calendar {
        background-position: -2em -11em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-calendar, .k-state-hover > .km-pane-wrapper .k-i-calendar, .k-state-hover > * > .km-pane-wrapper .k-i-calendar, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-calendar, .k-textbox:hover .km-pane-wrapper .k-i-calendar, .k-button:active .km-pane-wrapper .k-i-calendar {
        background-position: -3em -11em;
    }

    .km-pane-wrapper .k-i-clock {
        background-position: -2em -12em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-i-clock, .k-state-hover > .km-pane-wrapper .k-i-clock, .k-state-hover > * > .km-pane-wrapper .k-i-clock, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-i-clock, .k-textbox:hover .km-pane-wrapper .k-i-clock, .k-button:active .km-pane-wrapper .k-i-clock {
        background-position: -3em -12em;
    }

    .km-pane-wrapper .k-si-plus {
        background-position: -2em -13em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-si-plus, .k-state-hover > .km-pane-wrapper .k-si-plus, .k-state-hover > * > .km-pane-wrapper .k-si-plus, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-si-plus, .k-textbox:hover .km-pane-wrapper .k-si-plus, .k-button:active .km-pane-wrapper .k-si-plus {
        background-position: -3em -13em;
    }

    .km-pane-wrapper .k-si-minus {
        background-position: -2em -14em;
    }

    .k-link:not(.k-state-disabled):hover > .km-pane-wrapper .k-si-minus, .k-state-hover > .km-pane-wrapper .k-si-minus, .k-state-hover > * > .km-pane-wrapper .k-si-minus, .k-button:not(.k-state-disabled):hover .km-pane-wrapper .k-si-minus, .k-textbox:hover .km-pane-wrapper .k-si-minus, .k-button:active .km-pane-wrapper .k-si-minus {
        background-position: -3em -14em;
    }
}

.km-pane-wrapper .km-pane .k-mobile-list input:not([type="checkbox"]):not([type="radio"]), .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
    text-indent: 0;
    font-size: 1em;
    line-height: 1.6em;
    vertical-align: middle;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.km-pane-wrapper .k-mobile-list .k-widget {
    border: 0;
    border-radius: 0;
}

.k-ie .km-pane-wrapper .k-mobile-list .k-widget {
    height: initial;
}

.km-pane-wrapper .k-mobile-list .k-widget .k-input, .km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
    border: 0;
    background: transparent;
}

.km-pane-wrapper *:not(.k-state-default):not(.k-pager-input) > input:not([type="checkbox"]):not([type="radio"]), .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
    width: 80%;
    padding: .6em 0;
    margin: -0.5em 0;
}

.km-pane-wrapper .km-pane .k-mobile-list input, .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-mobile-list .k-edit-field > * {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    z-index: 1;
    position: relative;
}

.km-pane-wrapper .k-scheduler-views {
    width: 18em;
}

.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .5em 1em;
}

.km-pane-wrapper #recurrence .k-scheduler-navigation {
    width: 100%;
}

.km-pane-wrapper .k-scheduler-views, .km-pane-wrapper .k-mobile-list .k-scheduler-navigation {
    display: table;
    table-layout: fixed;
}

    .km-pane-wrapper .k-scheduler-views li, .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li {
        display: table-cell;
        text-align: center;
    }

.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    margin: 0;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        margin-top: -0.5em;
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
        margin-bottom: -0.5em;
    }

.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    text-indent: 1em;
}

.km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
    margin-left: 20%;
    float: left;
}

.km-pane-wrapper .k-mobile-list .k-picker-wrap, .km-pane-wrapper .k-mobile-list .k-numeric-wrap, .km-pane-wrapper .k-mobile-list .k-dropdown-wrap {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.km-pane-wrapper .k-mobile-list .k-datepicker .k-select, .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select, .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select {
    position: absolute;
    top: 0;
    right: 0;
    line-height: auto;
}

    .km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before, .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before {
        content: "\a0";
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle;
    }

.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link {
    height: 50%;
}

.km-pane-wrapper .k-grid .k-button, .km-pane-wrapper .k-edit-form-container .k-button {
    margin: 0;
}

    .km-pane-wrapper .k-grid .k-button + .k-button, .km-pane-wrapper .k-edit-form-container .k-button + .k-button {
        margin: 0 0 0 .18em;
    }

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected, .km-pane-wrapper .k-pager-wrap > .k-link {
    width: 2.4em;
    height: 2.4em;
    line-height: 2.1em;
    border-radius: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected {
    width: auto;
    line-height: 2.2em;
    padding: 0 .86em;
    min-width: .7em;
}

.km-pane-wrapper .k-pager-wrap {
    line-height: 2.4em;
}

@media all and (max-width:699px),(-ms-high-contrast:active) and (-ms-high-contrast:none) and (max-width:800px) {
    .km-pane-wrapper *:not(.k-state-default):not(.k-pager-input) > input:not([type="checkbox"]):not([type="radio"]), .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
        width: 50%;
    }

    .km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
        margin-left: 50%;
    }

    .km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button {
        margin-left: 1em;
    }

    .km-pane-wrapper .k-nav-today a {
        padding-left: .6em;
        padding-right: .6em;
    }

    .km-pane-wrapper li.k-nav-current {
        margin-left: 0;
        margin-right: 0;
    }

    .km-pane-wrapper .k-pager-wrap {
        position: relative;
    }

    .km-pane-wrapper .k-pager-numbers {
        width: auto;
        display: block;
        overflow: hidden;
        margin-right: 5.5em;
        float: none;
        text-overflow: ellipsis;
        height: 2.4em;
        text-align: center;
    }

        .km-pane-wrapper .k-pager-numbers li {
            float: none;
            display: inline-block;
        }

    .km-pane-wrapper .k-pager-nav {
        float: left;
    }

        .km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav {
            position: absolute;
            right: .3em;
            top: .3em;
        }

        .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav, .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav {
            right: 3em;
        }

    .km-pane-wrapper .k-pager-info {
        display: none;
    }
}

.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check, .km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]), .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    width: 100%;
}

.km-scroll-container {
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-collapse: separate;
    -webkit-transform: translatez(0);
}

.k-widget .km-scroll-wrapper {
    position: relative;
    padding-bottom: 0;
}

.km-touch-scrollbar {
    position: absolute;
    visibility: hidden;
    z-index: 200000;
    height: .3em;
    width: .3em;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transition: "opacity 0.3s linear";
    -moz-transition: "opacity 0.3s linear";
    -ms-transition: "opacity 0.3s linear";
    -o-transition: "opacity 0.3s linear";
    transition: "opacity 0.3s linear";
}

.km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px;
}

.km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px;
}

@media only screen and (max-width:1024px) {
    .k-scheduler-toolbar > ul.k-scheduler-views {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10000;
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
        right: auto;
        left: 6px;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
        display: none;
    }

    .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
        display: none;
    }

    .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: inline;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        display: block;
        border-width: 1px;
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        text-align: left;
        padding-left: 1em;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        display: block;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em;
        box-sizing: border-box;
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        padding-left: 0;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -0.6em;
        right: .333em;
        width: 1.333em;
        height: 1.333em;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li, .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border: 1px solid #c5c5c5;
        background-color: #fff;
        background-image: none;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        text-align: left;
    }
}

.k-fx-end .k-fx-next, .k-fx-end .k-fx-current {
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    transition: all 350ms ease-out;
}

.k-fx {
    position: relative;
}

    .k-fx .k-fx-current {
        z-index: 0;
    }

    .k-fx .k-fx-next {
        z-index: 1;
    }

.k-fx-hidden, .k-fx-hidden * {
    visibility: hidden !important;
}

.k-fx-reverse .k-fx-current {
    z-index: 1;
}

.k-fx-reverse .k-fx-next {
    z-index: 0;
}

.k-fx-zoom.k-fx-start .k-fx-next {
    -webkit-transform: scale(0) !important;
    -moz-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    -o-transform: scale(0) !important;
    transform: scale(0) !important;
}

.k-fx-zoom.k-fx-end .k-fx-next {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}

.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}

.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}

.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: scale(0) !important;
    -moz-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    -o-transform: scale(0) !important;
    transform: scale(0) !important;
}

.k-fx-fade.k-fx-start .k-fx-next {
    will-change: opacity;
    opacity: 0;
}

.k-fx-fade.k-fx-end .k-fx-next {
    opacity: 1;
}

.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: opacity;
    opacity: 1;
}

.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
    opacity: 0;
}

.k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer {
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    transition: all 350ms ease-out;
}

.k-fx-slide.k-fx-start .k-fx-next .km-content {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer {
    will-change: opacity;
    opacity: 0;
}

.k-fx-slide.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer {
    opacity: 1;
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    will-change: transform;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer {
    will-change: opacity;
    opacity: 1;
}

.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer {
    opacity: 1;
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer {
    opacity: 0;
}

.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer {
    opacity: 1;
}

.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
    -webkit-transform: translatex(0%);
    -moz-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
    transform: translatex(0%);
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0%);
    -moz-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
    transform: translatex(0%);
}

.k-fx-tile.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
    -webkit-transform: translatex(0%);
    -moz-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
    transform: translatex(0%);
}

.k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next {
    will-change: transform;
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
    -webkit-transform: translatey(100%);
    -moz-transform: translatey(100%);
    -ms-transform: translatey(100%);
    -o-transform: translatey(100%);
    transform: translatey(100%);
}

.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
    -webkit-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    -o-transform: translatey(-100%);
    transform: translatey(-100%);
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
    will-change: transform;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
    -webkit-transform: translatex(100%);
    -moz-transform: translatex(100%);
    -ms-transform: translatex(100%);
    -o-transform: translatex(100%);
    transform: translatex(100%);
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
    -webkit-transform: translatex(-100%);
    -moz-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    -o-transform: translatex(-100%);
    transform: translatex(-100%);
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
    -webkit-transform: translatey(100%);
    -moz-transform: translatey(100%);
    -ms-transform: translatey(100%);
    -o-transform: translatey(100%);
    transform: translatey(100%);
}

.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
    -webkit-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -ms-transform: translatey(-100%);
    -o-transform: translatey(-100%);
    transform: translatey(-100%);
}

.k-virtual-wrap {
    position: relative;
}

    .k-virtual-wrap .k-list.k-virtual-list {
        height: auto;
    }

.k-virtual-content {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.k-virtual-list > .k-virtual-content {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.k-virtual-option-label {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.k-virtual-wrap > .k-virtual-header {
    text-align: right;
}

.k-popup .k-item.k-first {
    position: relative;
}

.k-virtual-content > .k-virtual-list > .k-virtual-item {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
}

.k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-transform: uppercase;
    font-size: .857em;
}

.k-popup .k-list .k-item > .k-group {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 .5em;
    line-height: 1.8;
}

.k-popup .k-state-hover > .k-group {
    right: -1px;
}

.k-virtual-item.k-first, .k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first {
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 0;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    text-align: right;
}

@font-face {
    font-family: "DejaVu Sans";
    src: url("fonts/DejaVu/DejaVuSans.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: bold;
    src: url("fonts/DejaVu/DejaVuSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url("fonts/DejaVu/DejaVuSans-Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: bold;
    font-style: italic;
    src: url("fonts/DejaVu/DejaVuSans-BoldOblique.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Serif";
    src: url("fonts/DejaVu/DejaVuSerif.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: bold;
    src: url("fonts/DejaVu/DejaVuSerif-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Serif";
    font-style: italic;
    src: url("fonts/DejaVu/DejaVuSerif-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: bold;
    font-style: italic;
    src: url("fonts/DejaVu/DejaVuSerif-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Mono";
    src: url("fonts/DejaVu/DejaVuSansMono.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: bold;
    src: url("fonts/DejaVu/DejaVuSansMono-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Mono";
    font-style: italic;
    src: url("fonts/DejaVu/DejaVuSansMono-Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: bold;
    font-style: italic;
    src: url("fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf") format("truetype");
}


/* CSS FOR SPRITES */
.k-sprite {
    background-image: url("Material/coloricons-sprite.png");
}

.rootfolder { background-position: 0 0; }
.folder { background-position: 0 -16px; }
.pdf { background-position: 0 -32px; }
.html { background-position: 0 -48px; }
.image { background-position: 0 -64px; }
/*
* Kendo UI v2015.2.805 (http://www.telerik.com/kendo-ui)
* Copyright 2015 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
.ktb-theme-id-default{opacity:0}.ktb-var-accent{color:#f35800}.ktb-var-base{color:#e9e9e9}.ktb-var-background{color:#fff}.ktb-var-border-radius{border-radius:4px}.ktb-var-normal-background{color:#fff}.ktb-var-normal-gradient{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%)}.ktb-var-normal-text-color{color:#2e2e2e}.ktb-var-hover-background{color:#bcb4b0}.ktb-var-hover-gradient{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%)}.ktb-var-hover-text-color{color:#2e2e2e}.ktb-var-selected-background{color:#f35800}.ktb-var-selected-gradient{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%)}.ktb-var-selected-text-color{color:#fff}.ktb-var-error{color:#ffe0d9}.ktb-var-warning{color:#fff4d9}.ktb-var-success{color:#eaf7ec}.ktb-var-info{color:#e5f5fa}.k-grid-norecords-template{background-color:#fff;border:1px solid #c5c5c5}.k-in,.k-item,.k-window-action{border-color:transparent}.k-block,.k-widget{background-color:#fff}.k-block,.k-widget,.k-input,.k-textbox,.k-group,.k-content,.k-header,.k-filter-row>th,.k-editable-area,.k-separator,.k-colorpicker .k-i-arrow-s,.k-textbox>input,.k-autocomplete,.k-dropdown-wrap,.k-toolbar,.k-group-footer td,.k-grid-footer,.k-footer-template td,.k-state-default,.k-state-default .k-select,.k-state-disabled,.k-grid-header,.k-grid-header-wrap,.k-grid-header-locked,.k-grid-footer-locked,.k-grid-content-locked,.k-grid td,.k-grid td.k-state-selected,.k-grid-footer-wrap,.k-pager-wrap,.k-pager-wrap .k-link,.k-pager-refresh,.k-grouping-header,.k-grouping-header .k-group-indicator,.k-panelbar>.k-item>.k-link,.k-panel>.k-item>.k-link,.k-panelbar .k-panel,.k-panelbar .k-content,.k-treemap-tile,.k-calendar th,.k-slider-track,.k-splitbar,.k-dropzone-active,.k-tiles,.k-toolbar,.k-tooltip,.k-button-group .k-tool,.k-upload-files{border-color:#c5c5c5}.k-group,.k-toolbar,.k-grouping-header,.k-pager-wrap,.k-group-footer td,.k-grid-footer,.k-footer-template td,.k-widget .k-status,.k-calendar th,.k-dropzone-hovered,.k-widget.k-popup{background-color:#f5f5f5}.k-grouping-row td,td.k-group-cell,.k-resize-handle-inner{background-color:#eae8e8}.k-list-container{border-color:#c5c5c5;background-color:#e9e9e9}.k-content,.k-editable-area,.k-panelbar>li.k-item,.k-panel>li.k-item,.k-tiles{background-color:#fff}.k-alt,.k-separator,.k-resource.k-alt,.k-pivot-layout>tbody>tr:first-child>td:first-child{background-color:#f5f5f5}.k-pivot-rowheaders .k-alt .k-alt,.k-header.k-alt{background-color:#e0e0e0}.k-textbox,.k-autocomplete.k-header,.k-dropdown-wrap.k-state-active,.k-picker-wrap.k-state-active,.k-numeric-wrap.k-state-active{border-color:#c5c5c5;background-color:#e9e9e9}.k-textbox>input,.k-autocomplete .k-input,.k-dropdown-wrap .k-input,.k-autocomplete.k-state-focused .k-input,.k-dropdown-wrap.k-state-focused .k-input,.k-picker-wrap.k-state-focused .k-input,.k-numeric-wrap.k-state-focused .k-input{border-color:#c5c5c5}input.k-textbox,textarea.k-textbox,input.k-textbox:hover,textarea.k-textbox:hover,.k-textbox>input{background:0}.k-input,input.k-textbox,textarea.k-textbox,input.k-textbox:hover,textarea.k-textbox:hover,.k-textbox>input,.k-multiselect-wrap{background-color:#fff;color:#5f2200}.k-input[readonly]{background-color:#fff;color:#5f2200}.k-block,.k-widget,.k-popup,.k-content,.k-toolbar,.k-dropdown .k-input{color:#2e2e2e}.k-inverse{color:#fff}.k-block{color:#313131}.k-link:link,.k-link:visited,.k-nav-current.k-state-hover .k-link{color:#2e2e2e}.k-tabstrip-items .k-link,.k-panelbar>li>.k-link{color:#2e2e2e}.k-header,.k-treemap-title,.k-grid-header .k-header>.k-link{color:#313131}.k-header,.k-grid-header,.k-toolbar,.k-dropdown-wrap,.k-picker-wrap,.k-numeric-wrap,.k-grouping-header,.k-pager-wrap,.k-textbox,.k-button,.k-progressbar,.k-draghandle,.k-autocomplete,.k-state-highlight,.k-tabstrip-items .k-item,.k-panelbar .k-tabstrip-items .k-item,.km-pane-wrapper>.km-pane>.km-view>.km-content{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-position:50% 50%;background-color:#eae8e8}.k-block,.k-header,.k-grid-header,.k-toolbar,.k-grouping-header,.k-pager-wrap,.k-button,.k-draghandle,.k-treemap-tile,html .km-pane-wrapper .k-header{background-color:#eae8e8}.k-icon:hover,.k-state-hover .k-icon,.k-state-selected .k-icon,.k-state-focused .k-icon,.k-column-menu .k-state-hover .k-sprite,.k-column-menu .k-state-active .k-sprite,.k-pager-numbers .k-current-page .k-link:hover:after,.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view.k-state-hover>.k-link:after{opacity:1}.k-icon,.k-state-disabled .k-icon,.k-column-menu .k-sprite,.k-pager-numbers .k-current-page .k-link:after,.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after{opacity:.9}.k-mobile-list .k-check:checked,.k-mobile-list .k-edit-field [type=checkbox]:checked,.k-mobile-list .k-edit-field [type=radio]:checked{opacity:.9}.k-tool{border-color:transparent}.k-icon,.k-tool-icon,.k-grouping-dropclue,.k-drop-hint,.k-column-menu .k-sprite,.k-grid-mobile .k-resize-handle-inner:before,.k-grid-mobile .k-resize-handle-inner:after,.k-pager-numbers .k-current-page .k-link:after,.k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link:after{background-image:url('Default/sprite.png');border-color:transparent}.k-mobile-list .k-check:checked,.k-mobile-list .k-edit-field [type=checkbox]:checked,.k-mobile-list .k-edit-field [type=radio]:checked{background-image:url('Default/sprite.png');border-color:transparent}.k-loading,.k-state-hover .k-loading{background-image:url('Default/loading.gif');background-position:50% 50%}.k-loading-image{background-image:url('Default/loading-image.gif')}.k-loading-color{background-color:#fff}.k-button{color:#2e2e2e;border-color:#c5c5c5;background-color:#e9e9e9}.k-draghandle{border-color:#a0dba9;background-color:#fff;-webkit-box-shadow:none;box-shadow:none}.k-draghandle:hover{border-color:#95d79f;background-color:#bbb4b1;-webkit-box-shadow:none;box-shadow:none}.k-scheduler{color:#2e2e2e;background-color:#fff}.k-scheduler-layout{color:#2e2e2e}.k-scheduler-datecolumn,.k-scheduler-groupcolumn{background-color:#fff;color:#2e2e2e}.k-scheduler-times tr,.k-scheduler-times th,.k-scheduler-table td,.k-scheduler-header th,.k-scheduler-header-wrap,.k-scheduler-times{border-color:#c5c5c5}.k-nonwork-hour{background-color:#f1f1f1}.k-gantt .k-nonwork-hour{background-color:rgba(0,0,0,0.02)}.k-gantt .k-header.k-nonwork-hour{background-color:rgba(0,0,0,0.2)}.k-scheduler-table .k-today,.k-today>.k-scheduler-datecolumn,.k-today>.k-scheduler-groupcolumn{background-color:#f8f8f8}.k-scheduler-now-arrow{border-left-color:#ff6745}.k-scheduler-now-line{background-color:#ff6745}.k-event,.k-task-complete{border-color:#d3cecc;background:#d3cecc 0 -257px url('textures/highlight.png') repeat-x;color:#2e2e2e}.k-event-inverse{color:#fff}.k-event.k-state-selected{background-position:0 0}.k-ie7 .k-event .k-resize-handle,.k-event .k-resize-handle:after,.k-ie7 .k-task-single .k-resize-handle,.k-task-single .k-resize-handle:after{background-color:#2b2b2b}.k-scheduler-marquee:before,.k-scheduler-marquee:after{border-color:#f35800}.k-panelbar .k-content,.k-panelbar .k-panel,.k-panelbar .k-item{background-color:#fff;color:#2e2e2e;border-color:#c5c5c5}.k-panelbar>li>.k-link{color:#2e2e2e}.k-panelbar>.k-item>.k-link{border-color:#c5c5c5}.k-panel>li.k-item{background-color:#fff}.k-state-active,.k-state-active:hover,.k-active-filter,.k-tabstrip .k-state-active{background-color:#fff;border-color:#9f9f9f;color:#313131}.k-fieldselector .k-list-container{background-color:#fff}.k-button:focus,.k-button.k-state-focused{border-color:#c5c5c5}.k-button:hover,.k-button.k-state-hover{color:#2e2e2e;border-color:#b6b6b6;background-color:#bcb4b0}.k-button:active,.k-button.k-state-active{color:#fff;background-color:#f35800;border-color:#f85a00}.k-button:active:hover,.k-button.k-state-active:hover{color:#fff;border-color:#8d8079;background-color:#ff5e03}.k-button[disabled],.k-button.k-state-disabled,.k-state-disabled .k-button,.k-state-disabled .k-button:hover,.k-button.k-state-disabled:hover,.k-state-disabled .k-button:active,.k-button.k-state-disabled:active{color:#9f9f9f;border-color:#c5c5c5;background-color:#e9e9e9;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%)}.k-button:focus:not(.k-state-disabled):not([disabled]){-webkit-box-shadow:inset 0 0 3px 1px #b6b6b6;box-shadow:inset 0 0 3px 1px #b6b6b6}.k-button:focus:active:not(.k-state-disabled):not([disabled]){-webkit-box-shadow:inset 0 0 3px 1px #c54700;box-shadow:inset 0 0 3px 1px #c54700}.k-menu .k-state-hover>.k-state-active{background-color:transparent}.k-state-highlight{background:#fff;color:#313131}.k-state-focused,.k-grouping-row .k-state-focused{border-color:#95d79f}.k-calendar .k-link{color:#2e2e2e}.k-calendar .k-footer{padding:0}.k-calendar .k-footer .k-nav-today{color:#2e2e2e;text-decoration:none;background-color:#fff}.k-calendar .k-footer .k-nav-today:hover,.k-calendar .k-footer .k-nav-today.k-state-hover{background-color:#fff;text-decoration:underline}.k-calendar .k-footer .k-nav-today:active{background-color:#fff}.k-calendar .k-link.k-nav-fast{color:#2e2e2e}.k-calendar .k-nav-fast.k-state-hover{text-decoration:none;background-color:#bcb4b0;color:#2e2e2e}.k-calendar .k-link.k-state-hover,.k-window-titlebar .k-link{border-radius:4px}.k-calendar .k-footer .k-link{border-radius:0}.k-calendar th{background-color:#f5f5f5}.k-calendar-container.k-group{border-color:#c5c5c5}.k-state-selected,.k-state-selected:link,.k-state-selected:visited,.k-list>.k-state-selected,.k-list>.k-state-highlight,.k-panel>.k-state-selected,.k-ghost-splitbar-vertical,.k-ghost-splitbar-horizontal,.k-draghandle.k-state-selected:hover,.k-scheduler .k-scheduler-toolbar .k-state-selected,.k-scheduler .k-today.k-state-selected,.k-marquee-color{color:#fff;background-color:#f35800;border-color:#f85a00}.k-virtual-item.k-first,.k-group-header+.k-list>.k-item.k-first,.k-static-header+.k-list>.k-item.k-first{border-top-color:#b6b6b6}.k-popup>.k-group-header,.k-popup>.k-virtual-wrap>.k-group-header{background:#b6b6b6;color:#fff}.k-popup .k-list .k-item>.k-group{background:#b6b6b6;color:#fff;border-bottom-left-radius:3px}.k-marquee-text{color:#fff}.k-state-focused,.k-list>.k-state-focused,.k-listview>.k-state-focused,.k-grid-header th.k-state-focused,td.k-state-focused,.k-button.k-state-focused{-webkit-box-shadow:inset 0 0 3px 1px #b6b6b6;box-shadow:inset 0 0 3px 1px #b6b6b6}.k-state-focused.k-state-selected,.k-list>.k-state-focused.k-state-selected,.k-listview>.k-state-focused.k-state-selected,td.k-state-focused.k-state-selected{-webkit-box-shadow:inset 0 0 3px 1px #c54700;box-shadow:inset 0 0 3px 1px #c54700}.k-ie8 .k-panelbar span.k-state-focused,.k-ie8 .k-menu li.k-state-focused,.k-ie8 .k-listview>.k-state-focused,.k-ie8 .k-grid-header th.k-state-focused,.k-ie8 td.k-state-focused,.k-ie8 .k-tool.k-state-hover,.k-ie8 .k-button:focus,.k-ie8 .k-button.k-state-focused,.k-ie7 .k-panelbar span.k-state-focused,.k-ie7 .k-menu li.k-state-focused,.k-ie7 .k-listview>.k-state-focused,.k-ie7 .k-grid-header th.k-state-focused,.k-ie7 td.k-state-focused,.k-ie7 .k-tool.k-state-hover,.k-ie7 .k-button:focus,.k-ie7 .k-button.k-state-focused{background-color:#bcb4b0}.k-list>.k-state-selected.k-state-focused,.k-list-optionlabel.k-state-selected.k-state-focused{-webkit-box-shadow:none;box-shadow:none}.k-state-selected>.k-link,.k-panelbar>li>.k-state-selected,.k-panelbar>li.k-state-default>.k-link.k-state-selected{color:#fff}.k-state-hover,.k-state-hover:hover,.k-splitbar-horizontal-hover:hover,.k-splitbar-vertical-hover:hover,.k-list>.k-state-hover,.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,.k-pager-wrap .k-link:hover,.k-dropdown .k-state-focused,.k-filebrowser-dropzone,.k-mobile-list .k-item>.k-link:active,.k-mobile-list .k-item>.k-label:active,.k-mobile-list .k-edit-label.k-check:active,.k-mobile-list .k-recur-view .k-check:active{color:#2e2e2e;background-color:#bcb4b0;border-color:#b6b6b6}.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active{color:#2e2e2e;background-color:#bcb4b0;border-color:#b6b6b6}.k-ie7 .k-window-titlebar .k-state-hover,.k-ie8 .k-window-titlebar .k-state-hover{border-color:#b6b6b6}.k-state-hover>.k-select,.k-state-focused>.k-select{border-color:#b6b6b6}.k-button:hover,.k-button.k-state-hover,.k-button:focus,.k-button.k-state-focused,.k-textbox:hover,.k-state-hover,.k-state-hover:hover,.k-pager-wrap .k-link:hover,.k-other-month.k-state-hover .k-link,div.k-filebrowser-dropzone em,.k-draghandle:hover{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%)}.k-pager-wrap{background-color:#eae8e8;color:#313131}.k-autocomplete.k-state-active,.k-picker-wrap.k-state-active,.k-numeric-wrap.k-state-active,.k-dropdown-wrap.k-state-active,.k-state-active,.k-state-active:hover,.k-state-active>.k-link,.k-button:active,.k-panelbar>.k-item>.k-state-focused{background-image:none}.k-state-selected,.k-button:active,.k-button.k-state-active,.k-draghandle.k-state-selected:hover{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%)}.k-button:active,.k-button.k-state-active,.k-draghandle.k-state-selected:hover{background-position:50% 50%}.k-tool-icon{background-image:url('Default/sprite.png')}.k-state-hover>.k-link,.k-other-month.k-state-hover .k-link,div.k-filebrowser-dropzone em{color:#2e2e2e}.k-autocomplete.k-state-hover,.k-autocomplete.k-state-focused,.k-picker-wrap.k-state-hover,.k-picker-wrap.k-state-focused,.k-numeric-wrap.k-state-hover,.k-numeric-wrap.k-state-focused,.k-dropdown-wrap.k-state-hover,.k-dropdown-wrap.k-state-focused{background-color:#bdb4af;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-position:50% 50%;border-color:#b6b6b6}.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),.km-pane-wrapper .k-mobile-list textarea,.k-dropdown .k-state-focused .k-input{color:#2e2e2e}.k-dropdown .k-state-hover .k-input{color:#2e2e2e}.k-state-error{border-color:#ff6745;background-color:#f4f3f2;color:#df5100}.k-state-disabled{opacity:.7}.k-ie8 .k-state-disabled{filter:alpha(opacity=70)}.k-tile-empty.k-state-selected,.k-loading-mask.k-state-selected{border-width:0;background-image:none;background-color:transparent}.k-state-disabled,.k-state-disabled .k-link,.k-state-disabled .k-button,.k-other-month,.k-other-month .k-link,.k-dropzone em,.k-dropzone .k-upload-status,.k-tile-empty strong,.k-slider .k-draghandle{color:#9f9f9f}.k-progressbar-indeterminate{background:url('Default/indeterminate.gif')}.k-progressbar-indeterminate .k-progress-status-wrap,.k-progressbar-indeterminate .k-state-selected{display:none}.k-slider-track{background-color:#c5c5c5}.k-slider-selection{background-color:#f35800}.k-slider-horizontal .k-tick{background-image:url('Default/slider-h.gif')}.k-slider-vertical .k-tick{background-image:url('Default/slider-v.gif')}.k-widget.k-tooltip{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-position:50% 50%;background-color:#eae8e8;color:#313131;border-color:transparent;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.3);box-shadow:0 4px 6px rgba(0,0,0,0.3)}.k-widget.k-tooltip-validation{border-color:#ffe5a6;background-color:#f2f2f2;color:#7e2e00}.input-prepend .k-tooltip-validation,.input-append .k-tooltip-validation{font-size:12px;position:relative;top:3px}.k-callout-n{border-bottom-color:#eae8e8}.k-callout-w{border-right-color:#eae8e8}.k-callout-s{border-top-color:#eae8e8}.k-callout-e{border-left-color:#eae8e8}.k-tooltip-validation .k-callout-n{border-bottom-color:#ffe5a6}.k-tooltip-validation .k-callout-w{border-right-color:#ffe5a6}.k-tooltip-validation .k-callout-s{border-top-color:#ffe5a6}.k-tooltip-validation .k-callout-e{border-left-color:#ffe5a6}.k-splitbar{background-color:#e9e9e9}.k-restricted-size-vertical,.k-restricted-size-horizontal{background-color:#df5100}.k-file{background-color:#fff;border-color:#c5c5c5}.k-file-progress{color:#1a1a1a}.k-file-progress .k-progress{background-color:#e3f6fc}.k-file-success{color:#1a1a1a}.k-file-success .k-progress{background-color:#e9f8eb}.k-file-error{color:#3b3b3b}.k-file-error .k-progress{background-color:#ffe0d9}.k-tile{border-color:#fff}.k-textbox:hover,.k-tiles li.k-state-hover{border-color:#b6b6b6}.k-tiles li.k-state-selected{border-color:#f85a00}.k-filebrowser .k-tile .k-folder,.k-filebrowser .k-tile .k-file{background-image:url('Default/imagebrowser.png');background-size:auto auto}.k-leaf,.k-leaf.k-state-hover:hover{color:#fff}.k-leaf.k-inverse,.k-leaf.k-inverse.k-state-hover:hover{color:#000}.k-widget,.k-button{-webkit-box-shadow:none;box-shadow:none}.k-slider,.k-treeview,.k-upload{-webkit-box-shadow:none;box-shadow:none}.k-state-hover{-webkit-box-shadow:none;box-shadow:none}.k-autocomplete.k-state-focused,.k-dropdown-wrap.k-state-focused,.k-picker-wrap.k-state-focused,.k-numeric-wrap.k-state-focused{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.3);box-shadow:0 0 3px 0 rgba(0,0,0,0.3)}.k-state-selected{-webkit-box-shadow:none;box-shadow:none}.k-state-active{-webkit-box-shadow:none;box-shadow:none}.k-grid td.k-state-selected.k-state-focused{background-color:#ff5e03}.k-popup,.k-menu .k-menu-group,.k-grid .k-filter-options,.k-time-popup,.k-datepicker-calendar,.k-autocomplete.k-state-border-down,.k-autocomplete.k-state-border-up,.k-dropdown-wrap.k-state-active,.k-picker-wrap.k-state-active,.k-multiselect.k-state-focused,.k-filebrowser .k-image,.k-tooltip{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);box-shadow:0 2px 2px 0 rgba(0,0,0,0.3)}.k-treemap-tile.k-state-hover{-webkit-box-shadow:inset 0 0 0 3px #c5c5c5;box-shadow:inset 0 0 0 3px #c5c5c5}.k-window{border-color:rgba(0,0,0,0.3);-webkit-box-shadow:1px 1px 7px 1px rgba(128,128,128,0.3);box-shadow:1px 1px 7px 1px rgba(128,128,128,0.3);background-color:#fff}.k-window.k-state-focused{border-color:rgba(0,0,0,0.3);-webkit-box-shadow:1px 1px 7px 1px rgba(0,0,0,0.3);box-shadow:1px 1px 7px 1px rgba(0,0,0,0.3)}.k-window.k-window-maximized,.k-window-maximized .k-window-titlebar,.k-window-maximized .k-window-content{border-radius:0}.k-shadow{-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);box-shadow:0 1px 2px 0 rgba(0,0,0,0.3)}.k-inset{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);box-shadow:inset 0 1px 1px rgba(0,0,0,0.3)}.k-editor-inline ::selection{background-color:#f85a00;text-shadow:none;color:#fff}.k-editor-inline ::-moz-selection{background-color:#f85a00;text-shadow:none;color:#fff}.k-widget.k-notification.k-notification-info{background-color:#e5f5fa;color:#2498bc;border-color:#b6e3f1}.k-widget.k-notification.k-notification-success{background-color:#eaf7ec;color:#6e6e6e;border-color:#c5e9cb}.k-widget.k-notification.k-notification-warning{background-color:#fff4d9;color:#666;border-color:#fff0ca}.k-widget.k-notification.k-notification-error{background-color:#ffe0d9;color:#d92800;border-color:#ffb6a6}.k-gantt .k-treelist{background:#f5f5f5}.k-gantt .k-treelist .k-alt{background-color:#dbdbdb}.k-gantt .k-treelist .k-state-selected,.k-gantt .k-treelist .k-state-selected td,.k-gantt .k-treelist .k-alt.k-state-selected,.k-gantt .k-treelist .k-alt.k-state-selected>td{background-color:#f35800}.k-task-dot:after{background-color:#2e2e2e;border-color:#2e2e2e}.k-task-dot:hover:after{background-color:#fff}.k-task-summary{border-color:#6e6e6e;background:#6e6e6e}.k-task-milestone,.k-task-summary-complete{border-color:#2e2e2e;background:#2e2e2e}.k-state-selected.k-task-summary{border-color:#ffa673;background:#ffa673}.k-state-selected.k-task-milestone,.k-state-selected .k-task-summary-complete{border-color:#f35800;background:#f35800}.k-task-single{background-color:#e4e1df;border-color:#d3cecc;color:#2e2e2e}.k-state-selected.k-task-single{border-color:#f85a00}.k-line{background-color:#2e2e2e;color:#2e2e2e}.k-state-selected.k-line{background-color:#f35800;color:#f35800}.k-resource{background-color:#fff}.k-i-kpi-decrease,.k-i-kpi-denied,.k-i-kpi-equal,.k-i-kpi-hold,.k-i-kpi-increase,.k-i-kpi-open{background-image:url('Default/sprite_kpi.png')}.k-block,.k-button,.k-textbox,.k-drag-clue,.k-touch-scrollbar,.k-window,.k-window-titleless .k-window-content,.k-window-action,.k-inline-block,.k-grid .k-filter-options,.k-grouping-header .k-group-indicator,.k-autocomplete,.k-multiselect,.k-combobox,.k-dropdown,.k-dropdown-wrap,.k-datepicker,.k-timepicker,.k-colorpicker,.k-datetimepicker,.k-notification,.k-numerictextbox,.k-picker-wrap,.k-numeric-wrap,.k-colorpicker,.k-list-container,.k-calendar-container,.k-calendar td,.k-calendar .k-link,.k-treeview .k-in,.k-editor-inline,.k-tooltip,.k-tile,.k-slider-track,.k-slider-selection,.k-upload{border-radius:4px}.k-tool{text-align:center;vertical-align:middle}.k-tool.k-group-start,.k-toolbar .k-split-button .k-button,.k-toolbar .k-button-group .k-group-start{border-radius:4px 0 0 4px}.k-rtl .k-tool.k-group-start,.k-rtl .k-toolbar .k-split-button .k-button,.k-rtl .k-toolbar .k-button-group .k-group-start{border-radius:0 4px 4px 0}.k-tool.k-group-end,.k-toolbar .k-button-group .k-group-end,.k-toolbar .k-split-button .k-split-button-arrow{border-radius:0 4px 4px 0}.k-rtl .k-tool.k-group-end,.k-rtl .k-toolbar .k-button-group .k-group-end,.k-rtl .k-toolbar .k-split-button .k-split-button-arrow{border-radius:4px 0 0 4px}.k-group-start.k-group-end.k-tool{border-radius:4px}.k-calendar-container.k-state-border-up,.k-list-container.k-state-border-up,.k-autocomplete.k-state-border-up,.k-multiselect.k-state-border-up,.k-dropdown-wrap.k-state-border-up,.k-picker-wrap.k-state-border-up,.k-numeric-wrap.k-state-border-up,.k-window-content,.k-filter-menu{border-radius:0 0 4px 4px}.k-autocomplete.k-state-border-up .k-input,.k-dropdown-wrap.k-state-border-up .k-input,.k-picker-wrap.k-state-border-up .k-input,.k-picker-wrap.k-state-border-up .k-selected-color,.k-numeric-wrap.k-state-border-up .k-input{border-radius:0 0 0 4px}.k-multiselect.k-state-border-up .k-multiselect-wrap{border-radius:0 0 4px 4px}.k-window-titlebar,.k-block>.k-header,.k-tabstrip-items .k-item,.k-panelbar .k-tabstrip-items .k-item,.k-tabstrip-items .k-link,.k-calendar-container.k-state-border-down,.k-list-container.k-state-border-down,.k-autocomplete.k-state-border-down,.k-multiselect.k-state-border-down,.k-dropdown-wrap.k-state-border-down,.k-picker-wrap.k-state-border-down,.k-numeric-wrap.k-state-border-down{border-radius:4px 4px 0 0}.k-split-button.k-state-border-down>.k-button{border-radius:4px 0 0 0}.k-split-button.k-state-border-up>.k-button{border-radius:0 0 0 4px}.k-split-button.k-state-border-down>.k-split-button-arrow{border-radius:0 4px 0 0}.k-split-button.k-state-border-up>.k-split-button-arrow{border-radius:0 0 4px 0}.k-dropdown-wrap .k-input,.k-picker-wrap .k-input,.k-numeric-wrap .k-input{border-radius:3px 0 0 3px}.k-rtl .k-dropdown-wrap .k-input,.k-rtl .k-picker-wrap .k-input,.k-rtl .k-numeric-wrap .k-input{border-radius:0 3px 3px 0}.k-numeric-wrap .k-link{border-radius:0 3px 0 0}.k-numeric-wrap .k-link+.k-link{border-radius:0 0 3px 0}.k-colorpicker .k-selected-color{border-radius:3px 0 0 3px}.k-rtl .k-colorpicker .k-selected-color{border-radius:0 3px 3px 0}.k-autocomplete.k-state-border-down .k-input{border-radius:4px 4px 0 0}.k-dropdown-wrap.k-state-border-down .k-input,.k-picker-wrap.k-state-border-down .k-input,.k-picker-wrap.k-state-border-down .k-selected-color,.k-numeric-wrap.k-state-border-down .k-input{border-radius:4px 0 0 0}.k-numeric-wrap .k-link.k-state-selected{background-color:#f35800}.k-multiselect.k-state-border-down .k-multiselect-wrap{border-radius:3px 3px 0 0}.k-dropdown-wrap .k-select,.k-picker-wrap .k-select,.k-numeric-wrap .k-select,.k-datetimepicker .k-select+.k-select,.k-list-container.k-state-border-right{border-radius:0 4px 4px 0}.k-rtl .k-dropdown-wrap .k-select,.k-rtl .k-picker-wrap .k-select,.k-rtl .k-numeric-wrap .k-select,.k-rtl .k-datetimepicker .k-select+.k-select,.k-rtl .k-list-container.k-state-border-right{border-radius:4px 0 0 4px}.k-numeric-wrap.k-expand-padding .k-input{border-radius:4px}.k-textbox>input,.k-autocomplete .k-input,.k-multiselect-wrap{border-radius:3px}.k-list .k-state-hover,.k-list .k-state-focused,.k-list .k-state-highlight,.k-list .k-state-selected,.k-fieldselector .k-list .k-item,.k-list-optionlabel,.k-dropzone{border-radius:3px}.k-slider .k-button,.k-grid .k-slider .k-button{border-radius:13px}.k-draghandle{border-radius:7px}.k-scheduler-toolbar>ul li:first-child,.k-scheduler-toolbar>ul li:first-child .k-link,.k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li,.k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li .k-link{border-radius:4px 0 0 4px}.k-rtl .k-scheduler-toolbar>ul li:first-child,.k-rtl .k-scheduler-toolbar>ul li:first-child .k-link,.k-rtl .k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li,.k-rtl .k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li .k-link,.km-view.k-popup-edit-form .k-scheduler-toolbar>ul li:last-child,.km-view.k-popup-edit-form .k-scheduler-toolbar>ul li:last-child .k-link{border-radius:0 4px 4px 0}.k-scheduler-phone .k-scheduler-toolbar>ul li.k-nav-today,.k-scheduler-phone .k-scheduler-toolbar>ul li.k-nav-today .k-link,.k-edit-field>.k-scheduler-navigation{border-radius:4px}.k-scheduler-toolbar .k-nav-next,.k-scheduler-toolbar ul+ul li:last-child,.k-scheduler-toolbar .k-nav-next .k-link,.k-scheduler-toolbar ul+ul li:last-child .k-link{border-top-right-radius:4px;border-bottom-right-radius:4px}.k-rtl .k-scheduler-toolbar .k-nav-next,.k-rtl .k-scheduler-toolbar ul+ul li:last-child,.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,.k-rtl .k-scheduler-toolbar ul+ul li:last-child .k-link{border-radius:4px 0 0 4px}.k-scheduler div.k-scheduler-footer ul li,.k-scheduler div.k-scheduler-footer .k-link{border-radius:4px}.k-more-events,.k-event,.k-task-single,.k-task-complete,.k-event .k-link{border-radius:3px}.k-scheduler-mobile .k-event{border-radius:2px}.k-grid-mobile .k-column-active+th.k-header{border-left-color:#2e2e2e}html .km-pane-wrapper .km-widget,.k-ie .km-pane-wrapper .k-widget,.k-ie .km-pane-wrapper .k-group,.k-ie .km-pane-wrapper .k-content,.k-ie .km-pane-wrapper .k-header,.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-edit-label,.km-pane-wrapper .k-mobile-list .k-edit-field{color:#2e2e2e}@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none){div.km-pane-wrapper a{color:#2e2e2e}.km-pane-wrapper .k-icon{background-image:url('Default/sprite_2x.png');background-size:21.2em 21em}}.km-pane-wrapper .k-mobile-list .k-item,.km-pane-wrapper .k-mobile-list .k-edit-field,.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check{background-color:#fff;border-top:1px solid #c5c5c5}.km-pane-wrapper .k-mobile-list .k-edit-field textarea{outline-width:0}.km-pane-wrapper .k-mobile-list .k-item.k-state-selected{background-color:#f35800;border-top-color:#f85a00}.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:first-child{border-top-color:transparent}.km-pane-wrapper .k-mobile-list .k-item:last-child{-webkit-box-shadow:inset 0 -1px 0 #c5c5c5;box-shadow:inset 0 -1px 0 #c5c5c5}.km-pane-wrapper .k-mobile-list>ul>li>.k-link,.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3),.km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child{color:#797979}.km-pane-wrapper .k-mobile-list>ul>li>.k-link{border-bottom:1px solid #c5c5c5}.km-pane-wrapper .k-mobile-list .k-edit-field{-webkit-box-shadow:0 1px 1px #c5c5c5;box-shadow:0 1px 1px #c5c5c5}.km-actionsheet .k-grid-delete,.km-actionsheet .k-scheduler-delete,.km-pane-wrapper .k-scheduler-delete,.km-pane-wrapper .k-filter-menu .k-button[type=reset]{color:#fff;border-color:#ff6745;background-color:red;background-image:-webkit-gradient(linear,50% 0,50% 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.15)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));background-image:-ms-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.15));background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.15))}.km-actionsheet .k-grid-delete:active,.km-actionsheet .k-scheduler-delete:active,.km-pane-wrapper .k-scheduler-delete:active,.km-pane-wrapper .k-filter-menu .k-button[type=reset]:active{background-color:#900}.k-autocomplete.k-state-default,.k-picker-wrap.k-state-default,.k-numeric-wrap.k-state-default,.k-dropdown-wrap.k-state-default{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-position:50% 50%;background-color:#ececec;border-color:#c5c5c5}.k-autocomplete.k-state-hover,.k-picker-wrap.k-state-hover,.k-numeric-wrap.k-state-hover,.k-dropdown-wrap.k-state-hover{background-color:#bdb4af;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-position:50% 50%;border-color:#b6b6b6}.k-multiselect.k-header{border-color:#c5c5c5}.k-multiselect.k-header.k-state-hover{border-color:#b6b6b6}.k-autocomplete.k-state-focused,.k-picker-wrap.k-state-focused,.k-numeric-wrap.k-state-focused,.k-dropdown-wrap.k-state-focused,.k-multiselect.k-header.k-state-focused{background-color:#bdb4af;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-position:50% 50%;border-color:#bdbdbd;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.3);box-shadow:0 0 3px 0 rgba(0,0,0,0.3)}.k-list-container{color:#2e2e2e}.k-dropdown .k-input,.k-dropdown .k-state-focused .k-input,.k-menu .k-popup{color:#2e2e2e}.k-state-default>.k-select{border-color:#c5c5c5}.k-state-hover>.k-select{border-color:#b6b6b6}.k-state-focused>.k-select{border-color:#bdbdbd}.k-tabstrip:focus{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.3);box-shadow:0 0 3px 0 rgba(0,0,0,0.3)}.k-tabstrip-items .k-state-default .k-link,.k-panelbar>li.k-state-default>.k-link{color:#2e2e2e}.k-tabstrip-items .k-state-hover .k-link,.k-panelbar>li.k-state-hover>.k-link,.k-panelbar>li.k-state-default>.k-link.k-state-hover{color:#2e2e2e}.k-panelbar .k-state-focused.k-state-hover{background:#bcb4b0;-webkit-box-shadow:none;box-shadow:none}.k-tabstrip-items .k-state-default,.k-ie7 .k-tabstrip-items .k-state-default .k-loading{border-color:#c5c5c5}.k-tabstrip-items .k-state-hover,.k-ie7 .k-tabstrip-items .k-state-hover .k-loading{border-color:#b6b6b6}.k-tabstrip-items .k-state-active,.k-panelbar .k-tabstrip-items .k-state-active,.k-ie7 .k-tabstrip-items .k-state-active .k-loading{background-color:#fff;background-image:none;border-color:#9f9f9f}.k-tabstrip .k-content.k-state-active{background-color:#fff;color:#2e2e2e}.k-menu.k-header,.k-menu .k-item{border-color:#c5c5c5}.k-column-menu,.k-column-menu .k-item,.k-overflow-container .k-overflow-group{border-color:#c5c5c5}.k-overflow-container .k-overflow-group{box-shadow:inset 0 1px 0 #fff,0 1px 0 #fff}.k-toolbar-first-visible.k-overflow-group,.k-overflow-container .k-overflow-group+.k-overflow-group{box-shadow:0 1px 0 #fff}.k-toolbar-last-visible.k-overflow-group{box-shadow:inset 0 1px 0 #fff}.k-column-menu .k-separator{border-color:#c5c5c5;background-color:transparent}.k-menu .k-group{border-color:#c5c5c5}.k-grid-filter.k-state-active{background-color:#fff}.k-grouping-row td,.k-group-footer td,.k-grid-footer td{color:#2e2e2e;border-color:#c5c5c5;font-weight:bold}.k-grouping-header{color:#2e2e2e}.k-grid td.k-state-focused{-webkit-box-shadow:inset 0 0 0 1px inset 0 0 3px 1px #b6b6b6;box-shadow:inset 0 0 0 1px inset 0 0 3px 1px #b6b6b6}.k-header,.k-grid-header-wrap,.k-grid .k-grouping-header,.k-grid-header,.k-pager-wrap,.k-pager-wrap .k-textbox,.k-pager-wrap .k-link,.k-grouping-header .k-group-indicator,.k-gantt-toolbar .k-state-default{border-color:#c5c5c5}.k-primary,.k-overflow-container .k-primary{color:#fff;border-color:#e45200;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-position:50% 50%;background-color:#ff6b18;-webkit-box-shadow:none;box-shadow:none}.k-primary:focus,.k-primary.k-state-focused{color:#fff;border-color:#e45200;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);-webkit-box-shadow:0 0 3px 0 #f35800;box-shadow:0 0 3px 0 #f35800}.k-primary:hover{color:#fff;border-color:#8d8079;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-color:#ff5e03;-webkit-box-shadow:none;box-shadow:none}.k-primary:focus:active:not(.k-state-disabled):not([disabled]),.k-primary:focus:not(.k-state-disabled):not([disabled]){-webkit-box-shadow:0 0 3px 0 #f35800;box-shadow:0 0 3px 0 #f35800}.k-primary:active{color:#fff;border-color:#f85a00;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-color:#f25801;-webkit-box-shadow:none;box-shadow:none}.k-primary.k-state-disabled,.k-state-disabled .k-primary,.k-primary.k-state-disabled:hover,.k-state-disabled .k-primary:hover,.k-primary.k-state-disabled:hover,.k-state-disabled .k-primary:active,.k-primary.k-state-disabled:active{color:#e6e6e6;border-color:#e6e6e6;background-color:#ff6f1d;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.0) 100%);-webkit-box-shadow:none;box-shadow:none}.k-pager-numbers .k-link,.k-treeview .k-in{border-color:transparent}.k-treeview .k-icon,.k-scheduler-table .k-icon,.k-grid .k-hierarchy-cell .k-icon{background-color:transparent;border-radius:4px}.k-scheduler-table .k-state-hover .k-icon{background-color:transparent}.k-button:focus{outline:0}.k-editor .k-tool:focus{outline:0;border-color:#c5c5c5;-webkit-box-shadow:inset 0 0 3px 1px #b6b6b6;box-shadow:inset 0 0 3px 1px #b6b6b6}.k-checkbox-label:before{border-color:transparent;border-radius:3px}.k-checkbox-label:after{border-color:#c5c5c5;background:#fff;border-radius:3px}.k-checkbox-label:hover:after,.k-checkbox:checked+.k-checkbox-label:hover:after{border-color:#acacac;box-shadow:none}.k-checkbox:checked+.k-checkbox-label:after{background-color:#fff;border-color:#a0dba9;border-radius:3px;color:#f85a00}.k-checkbox-label:active:before{box-shadow:0 0 3px 0 #f35800;border-color:#72c9e4;border-radius:3px}.k-checkbox-label:active:after{border-color:#f85a00;border-radius:3px}.k-checkbox:checked+.k-checkbox-label:active:after{border-color:#f85a00}.k-checkbox:checked+.k-checkbox-label:active:before{box-shadow:0 0 3px 0 #f35800;border-radius:3px}.k-checkbox:disabled+.k-checkbox-label{color:#9f9f9f}.k-checkbox:disabled+.k-checkbox-label:hover:after,.k-checkbox:disabled+.k-checkbox-label:active:before{box-shadow:none}.k-checkbox:checked:disabled+.k-checkbox-label:after{background:#edebea;color:#b3b3b3}.k-checkbox:disabled+.k-checkbox-label:after,.k-checkbox:checked:disabled+.k-checkbox-label:active:after,.k-checkbox:disabled+.k-checkbox-label:hover:before,.k-checkbox:checked:disabled+.k-checkbox-label:hover:after{background:#edebea;border-color:#9cd9a6;border-radius:3px}.k-radio-label:before{border-color:#c5c5c5;border-radius:50%;background-color:#fff;border-width:1px}.k-radio-label:hover:before,.k-radio:checked+.k-radio-label:hover:before{border-color:#acacac;box-shadow:none}.k-radio:checked+.k-radio-label:before{border-color:#b6b6b6}.k-radio:checked+.k-radio-label:after{background-color:#ff5e03;border-radius:50%}.k-radio-label:active:before{box-shadow:0 0 3px 0 #f35800;border-radius:50%;border-color:#f85a00}.k-radio:checked+.k-radio-label:active:before{box-shadow:0 0 3px 0 #f35800;border-radius:50%;border-color:#f85a00}.k-radio:disabled+.k-radio-label{color:#9f9f9f}.k-radio:disabled+.k-radio-label:before{border-color:#bfbfbf}.k-radio:disabled+.k-radio-label:active:before{box-shadow:none;background:#f2f0ef}.k-radio:disabled+.k-radio-label:before{background:#edebea}.k-radio:disabled+.k-radio-label:hover:after,.k-radio:disabled+.k-radio-label:hover:before{box-shadow:none}.k-checkbox:focus+.k-checkbox-label:after,.k-radio:focus+.k-radio-label:before{border-color:#f85a00;box-shadow:0 0 3px 0 #f35800}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.k-icon:not(.k-loading),.k-grouping-dropclue,.k-drop-hint,.k-callout,.k-tool-icon,.k-state-hover .k-tool-icon,.k-state-active .k-tool-icon,.k-state-active.k-state-hover .k-tool-icon,.k-state-selected .k-tool-icon,.k-state-selected.k-state-hover .k-tool-icon,.k-column-menu .k-sprite,.k-mobile-list .k-check:checked,.k-mobile-list .k-edit-field [type=checkbox]:checked,.k-mobile-list .k-edit-field [type=radio]:checked{background-image:url('Default/sprite_2x.png');background-size:340px 336px}.k-dropdown-wrap .k-input,.k-picker-wrap .k-input,.k-numeric-wrap .k-input{border-radius:3px 0 0 3px}.k-i-kpi-decrease,.k-i-kpi-denied,.k-i-kpi-equal,.k-i-kpi-hold,.k-i-kpi-increase,.k-i-kpi-open{background-image:url('Default/sprite_kpi_2x.png');background-size:96px 16px}}@media screen and (-ms-high-contrast:active){.k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,.k-editor-toolbar-wrap .k-button-group .k-tool:focus{border-color:#fff}}.ktb-checkbox-label-after{border-color:#c5c5c5;background:#fff}.ktb-checkbox-label-hover-after,.ktb-checkbox-checked+.ktb-checkbox-label-hover-after{border-color:#acacac}.ktb-checkbox-checked+.ktb-checkbox-label-after{background-color:#fff;border-color:#a0dba9;color:#f85a00}.ktb-checkbox-label-hover-after,.ktb-checkbox-checked+.ktb-checkbox-label-hover-after{border-color:#acacac}.ktb-checkbox-label-active-after{border-color:#f85a00}.ktb-checkbox-checked-disabled+.ktb-checkbox-label-after,.ktb-checkbox-disabled+.ktb-checkbox-label-after,.ktb-checkbox-checked-disabled+.ktb-checkbox-label-active-after,.ktb-checkbox-disabled+.ktb-checkbox-label-hover-before,.ktb-checkbox-checked-disabled+.ktb-checkbox-label-hover-after{background:#edebea;color:#b3b3b3;border-color:#9cd9a6}.ktb-radio-label-before{border-color:#c5c5c5;background-color:#fff}.ktb-radio-checked+.ktb-radio-label-after{background-color:#ff5e03}.ktb-radio-checked+.ktb-radio-label-before{border-color:#b6b6b6}.ktb-radio-label-hover-before,.ktb-radio-checked+.ktb-radio-label-hover-before{border-color:#acacac}.ktb-radio-label-active-before{border-color:#f85a00}.ktb-radio-checked+.ktb-radio-label-after{background-color:#ff5e03}.ktb-radio-disabled+.ktb-radio-label-before,.ktb-radio-disabled+.ktb-radio-label-active-before{background:#edebea;border-color:#9cd9a6}@media only screen and (max-width:1024px){.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-webkit .k-pager-numbers .k-current-page .k-link,.k-ff .k-pager-numbers .k-current-page .k-link,.k-ie11 .k-pager-numbers .k-current-page .k-link,.k-safari .k-pager-numbers .k-current-page .k-link{background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 100%);background-position:50% 50%;background-color:#ececec;border-color:#c5c5c5}.k-webkit .k-pager-numbers .k-current-page .k-link,.k-ff .k-pager-numbers .k-current-page .k-link,.k-ie11 .k-pager-numbers .k-current-page .k-link,.k-safari .k-pager-numbers .k-current-page .k-link{border-color:#c5c5c5}.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view{border-radius:4px}.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li{border-radius:0}.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li.k-current-view,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li.k-current-view,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li.k-current-view,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded>li.k-current-view{border-radius:3px 3px 0 0}.k-webkit .k-scheduler-toolbar>ul li:first-child,.k-ff .k-scheduler-toolbar>ul li:first-child,.k-ie11 .k-scheduler-toolbar>ul li:first-child,.k-safari .k-scheduler-toolbar>ul li:first-child,.k-webkit .k-scheduler-toolbar>ul li:first-child .k-link,.k-ff .k-scheduler-toolbar>ul li:first-child .k-link,.k-ie11 .k-scheduler-toolbar>ul li:first-child .k-link,.k-safari .k-scheduler-toolbar>ul li:first-child .k-link,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views li,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views li,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views li,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views li,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views li .k-link,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views li .k-link,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views li .k-link,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views li .k-link{border-radius:0}.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views li:last-child,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views li:last-child,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views li:last-child,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views li:last-child,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views li:last-child .k-link,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views li:last-child .k-link,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views li:last-child .k-link,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views li:last-child .k-link{border-radius:0 0 3px 3px}.k-webkit .k-pager-numbers .k-current-page .k-link:hover,.k-ff .k-pager-numbers .k-current-page .k-link:hover,.k-ie11 .k-pager-numbers .k-current-page .k-link:hover,.k-safari .k-pager-numbers .k-current-page .k-link:hover,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover{border-color:#b6b6b6;background-image:url('textures/highlight.png');background-image:none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-moz-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,-o-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-image:none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.0) 100%);background-color:#bcb4b0}.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view>.k-link{color:#2e2e2e;min-width:75px}.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover>.k-link,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover>.k-link,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover>.k-link,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views>li.k-current-view:hover>.k-link{color:#2e2e2e}.k-webkit .k-pager-numbers .k-current-page .k-link:after,.k-ff .k-pager-numbers .k-current-page .k-link:after,.k-ie11 .k-pager-numbers .k-current-page .k-link:after,.k-safari .k-pager-numbers .k-current-page .k-link:after,.k-webkit .k-scheduler-views>li.k-state-selected>.k-link:after,.k-ff .k-scheduler-views>li.k-state-selected>.k-link:after,.k-ie11 .k-scheduler-views>li.k-state-selected>.k-link:after,.k-safari .k-scheduler-views>li.k-state-selected>.k-link:after{display:block;content:"";position:absolute;top:50%;margin-top:-0.5em;right:.333em;width:1.333em;height:1.333em}.k-webkit .k-pager-numbers.k-state-expanded,.k-ff .k-pager-numbers.k-state-expanded,.k-ie11 .k-pager-numbers.k-state-expanded,.k-safari .k-pager-numbers.k-state-expanded,.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded{border-width:1px 1px 0 1px;border-style:solid;border-color:#c5c5c5;background-color:#eae8e8;border-radius:4px 4px 0 0;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);box-shadow:0 2px 2px 0 rgba(0,0,0,0.3)}.k-webkit .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ff .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-ie11 .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded,.k-safari .k-scheduler-toolbar>ul.k-scheduler-views.k-state-expanded{border-width:1px;background-image:none;border-radius:4px}.k-webkit .k-pager-numbers .k-state-selected,.k-ff .k-pager-numbers .k-state-selected,.k-ie11 .k-pager-numbers .k-state-selected,.k-safari .k-pager-numbers .k-state-selected,.k-webkit .k-pager-numbers .k-link,.k-ff .k-pager-numbers .k-link,.k-ie11 .k-pager-numbers .k-link,.k-safari .k-pager-numbers .k-link{border-radius:3px}}.k-chart .k-mask{background-color:#fff;filter:alpha(opacity=68);-moz-opacity:.68;opacity:.68}.k-chart .k-selection{border-color:rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 8px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 8px rgba(0,0,0,0.1);box-shadow:inset 0 1px 8px rgba(0,0,0,0.1);transition:box-shadow .2s linear,border-color .2s linear;-moz-transition:box-shadow .2s linear,border-color .2s linear;-webkit-transition:box-shadow .2s linear,border-color .2s linear;-o-transition:box-shadow .2s linear,border-color .2s linear}.k-chart .k-selection:hover{border-color:rgba(0,0,0,0.3);-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.2);box-shadow:inset 0 3px 8px rgba(0,0,0,0.2)}.k-chart .k-handle{background-color:#fcfcfc;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1)}.k-chart .k-handle:hover{background-color:#fff;border-color:#b8b8b8;-moz-box-shadow:0 0 0 2px rgba(111,101,96,0.5);-webkit-box-shadow:0 0 0 2px rgba(111,101,96,0.5);box-shadow:0 0 0 2px rgba(111,101,96,0.5)}.k-chart .k-navigator-hint .k-tooltip{border:3px solid #fff;-moz-box-shadow:0 0 0 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.2);box-shadow:0 0 0 3px rgba(0,0,0,0.2);background:#fff;color:#242424}.k-chart .k-navigator-hint .k-scroll{background:rgba(243,88,0,0.7);height:4px}.k-map .k-marker{background-image:url("Default/markers.png")}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.k-map .k-marker{background-image:url("Default/markers_2x.png")}}.k-map .k-attribution{color:#666}