/* Hints */
.kasHint { z-index: 100000; font-family: sans-serif; font-size: 12px; text-align: left; position: absolute; width: 250px; margin-top: -4px; border: 1px solid #c93; padding: 10px 12px; background: #ffc url(/global/ajax/gui/images/pointer-left.png) no-repeat -10px 5px; } /* The pointer image is added by using another span */
.kasHintUnder { background: #ffc url(/global/ajax/gui/images/pointer-up.png) no-repeat 5px -10px; } /* The pointer image is added by using another span */
.kasHintUnder .pointer { position: absolute; left: 5px; top: -10px; width: 19px; height: 10px; background: url(/global/ajax/gui/images/pointer-up.png) left top no-repeat; }
.kasHintRight { background: #ffc url(/global/ajax/gui/images/pointer-left.png) no-repeat -10px 5px; } /* The pointer image is added by using another span */
.kasHintRight .pointer { position: absolute; left: -10px; top: 5px; width: 10px; height: 19px; background: url(/global/ajax/gui/images/pointer-left.png) left top no-repeat; }
.kasHintOver { background: #ffc url(/global/ajax/gui/images/pointer-down.png) no-repeat 5px -10px; } /* The pointer image is added by using another span */
.kasHintOver .pointer { position: absolute; left: 5px; bottom: -10px; width: 19px; height: 10px; background: url(/global/ajax/gui/images/pointer-down.png) left top no-repeat; }
.kasHint .kasHintClose { width: 12px; height: 12px; background-color: red; color: white; border: 1px solid #cc0000; font-weight: bold; text-align: center; font-size: 10px; cursor: pointer; }
.kasHint .kasStepHintArrow { margin-top: 5px; width: 22px; height: 16px; text-align: center; font-size: 16px; cursor: pointer; color: #353535; }
.kasHint .kasStepHintArrowInactive { color: #959595; cursor: default; }
.kasHint .kasStepHintArrowLeft { }
.kasHint .kasStepHintArrowRight { }
.kasHint .kasStepHintText { margin-top: 8px; margin-left: 5px; margin-right: 5px; height: 12px; font-size: 10px; color: #959595; cursor: default; }
	
/* Normalizing/Tearing/Zeroing */
.kasPopUp ol, .kasPopUp h1 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.kasPopUp a img {
	border-width: 0;
	}
	
/* Content Styles */
.kasPopUp {
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
.kasPopUp input, .kasPopUp textarea {
	font-size: 12px;
	}
.kasPopUp li:hover {
	background-color: #e2e8ed;
	}
.kasPopUp li {
	cursor: pointer;
	}
	
.kasPopUp #textarea {
	width: 307px;
	}
.kasPopUp #colorpicker img {
	cursor: pointer;
	}
.kasPopUp #col2 div {
	margin-bottom: 1px;
	}
.kasPopUp #col2 div img {
	vertical-align: bottom;
	margin-bottom: 4px;
	}
.kasPopUp #col2 input {
	text-align: center;
	border-width: 1px;
	border-color: #bec6cc;
	border-style: none none dotted;
	background-color: #f5f8fa;
	}
.kasPopUp .datebox {
	width: 110px;
	}
.kasPopUp #col2 #monthstyle_table {
	display: none;
	width: 298px;
}
.kasPopUp #monthstyle_table > div {
	display: table-row;
}
.kasPopUp #monthstyle_table > div > div {
	display: table-cell;
	width: 53px;
}
.kasPopUp #monthstyle_table ol {
	display: table-cell;
}
.kasPopUp #monthstyle_table li {
	padding-bottom: 5px;
}


.kasPopUp .buttons .cancel {
	float: left;
	}
.kasPopUp .buttons .delete, .kasPopUp .buttons a#help {
	float: left;
	margin-left: 12px;
	}
.kasPopUp #buttons #ok {
	float: right;
	}
.kasPopUp #buttons em {
	float: right;
	font-size: 12px;
	margin: 6px 15px 0 0;
	color: #003663;
	}

.kasPopUp h1 span {
	display: none;
	}
	
.kasPopUp #col1 {
	clear: both;
	float: left;
	padding: 0 12px 0 6px;
	}

.kasPopUp #col2 {
	padding: 0 6px 0 16px;
	border-left: 1px #bec6cc solid;
}
	
.kasPopUp #text {
	padding: 0px 10px 19px 12px; /*0px 10px 19px 12px*/
	/*width: 340px;*/
	float: left;
	}
.kasPopUp #colorpicker {
	width: 26px;
	margin: 3px 3px 0 0;
	float: left;
	background: blue;
	display: inline;
	}

.kasPopUp .buttons {
	clear: both;
	padding: 18px 0 0;
	height: 25px;
	}

/* Background Styles */
.kasPopUp {
	/*float: left;*/
	visibility: hidden;
	position: absolute;
	top: 128px;
	left: 16px;
	z-index: 4;
	width: 560px;
/*	min-height: 500px; */
	}
.kasPopUp .topright {
	background-image:url(/global/ajax/gui/images/topright.png);
	background-repeat:no-repeat;
	margin:0;
	}
.kasPopUp .topleft {
	background-image:url(/global/ajax/gui/images/topleft.png);
	background-repeat:no-repeat;
	margin:0;
	padding: 15px 0 0 15px;
	}
.kasPopUp .bottomleft {
	clear: left;
	background-image:url(/global/ajax/gui/images/bottomleft.png);
	background-repeat:no-repeat;
	margin:0;
	height: 21px;
	}
.kasPopUp .bottomright {
	background-image:url(/global/ajax/gui/images/bottomright.png);
	background-repeat:no-repeat;
	margin:0;
	height: 21px;
	}
.kasPopUp .bottomright, .topright {
	background-position: top right;
	padding-right: 21px;
	}

/* buttons... */
.kasBtn {
	font-weight: bold;
	font-size: 11px;
	margin-right: 12px;
	padding: 0px 6px;
	width: auto;
	overflow: visible;
	min-width: 82px;
}

.kasBtnGreen {
	color: green;
}

.kasBtnRed {
	color: red;
}

.kasBtnOrange {
	color: orange;
}

/* Tabs */
.kasTabContent {
}

ul.kasTabMenu {
	text-align: left; /* set to left, right or center */
	margin: 0px 0px 3px 0px; /* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid black; /* set border COLOR as desired */
	background-color: #F5F8FA; /* this is the background color in the background png used for the popup window */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul.kasTabMenu li {
	display: inline;
	background-color: #F5F8FA;
	margin-right: 4px;
}

ul.kasTabMenu li.active {
	border-bottom: 1px solid #F5F8FA;
}

ul.kasTabMenu li a {
	padding: 3px 4px;
	border: 1px solid black;
	text-decoration: none;
	border-bottom: none;
}

ul.kasTabMenu li.active a {
	background-color: #F5F8FA; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul.kasTabMenu a:hover {
	background-color: #C7D8E2;
}