/*Modified: 100127
Ki_Layout*/
*
{
	margin: 0;
}
HTML, BODY
{
	margin: 0;
	padding: 0;
/*IE7 Bug: DO NOT PUT HEIGHT here
IE text resize correction*/
	font-size: 100%;
}
BODY
{
	text-align: left;
}
IMG
{
	border: 0;
}
#container
{
	text-align: left;
	max-width: 100%;
	min-width: 960px;
	position: relative;
	height: 100%;
}
/*column container*/
.colmask
{
	position: relative;
/*This fixes the IE7 overflow hidden bug*/
	clear: both;
	float: left;
	width: 100%;
/*width of whole page*/
	overflow: hidden;
/*This chops off any overhanging divs*/
}
/*common column settings*/
.colright, .colmid, .colleft
{
	float: left;
	width: 100%;
	position: relative;
}
.col1, .col2, .col3
{
	float: left;
	position: relative;
	padding: 0 0 1em;
	overflow: hidden;
}
/*Ki_Tags*/
P
{
	margin: 0 0.5em 0.5em 0px;
	line-height: 1.4em;
}
A
{
	font-weight: bold;
}
STRONG
{
	font-weight: bolder;
}
H1
{
	margin: 0 0 0.3em;
	padding: 0px;
	font-weight: bold;
}
H2
{
	margin: 0 0 0.3em;
	padding: 0px;
	font-weight: bold;
}
H3
{
	margin: 0 0 0.3em;
	padding: 0px;
	font-weight: bold;
}
UL
{
	list-style: square;
}
UL.clean
{
	list-style: none;
}
TABLE
{
	padding: 0;
	margin: 0;
	border: 0 none #000000;
}
TD, TH
{
	vertical-align: top;
}
TABLE.clean
{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 0px none #000000;
}
TABLE.clean TH, TABLE.clean TD
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border-style: none;
}
/*Ki_Alignment*/
.fit
{
	padding: 0;
	margin: 0;
}
.align-center
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.align-left
{
	text-align: left;
}
.align-right
{
	text-align: right;
}
/*Ki_Display*/
.semi-transparent
{
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}
.hidden
{
	display: none;
}
.no-border
{
	border: none;
}
.clear
{
	clear: both;
	display: block;
	visibility: hidden;
}
.clearfix
{
	display: block;
}
.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* HTML .clearfix
{
	height: 1%;
}
/*Ki_Form*/
FORM
{
	margin: 0;
}
LABEL, INPUT
{
	float: left;
	display: block;
}
INPUT.text, INPUT[type='text'], SELECT, TEXTAREA, INPUT[type='file'], INPUT[type='password']
{
	background-color: #AAA;
	color: #000;
	border: 1px solid #333333;
	padding: 4px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}
INPUT[type='radio'], INPUT[type='checkbox']
{
	float: left;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
/*IE Checkbox Fix*/
	border: 0px none #000000;
	background-color: transparent;
	padding: 0;
	margin: 0 0.3em 0 0;
	width: 13px;
	height: 13px;
	overflow: hidden;
	display: block;
}
/*Ki_Message*/
.info, .success, .warning, .error, .validation
{
	border: 1px solid #000;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url(/media/img/ui/ico-info.png);
}
.success
{
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url(/media/img/ui/ico-success.png);
}
.warning
{
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url(/media/img/ui/ico-warning.png);
}
.error
{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url(/media/img/ui/ico-error.png);
}
.validation
{
	margin: 0px;
	padding: 15px 10px 0px 25px;
	color: #D63301;
	background-color: #FFCCBA;
}
/*Ki_Button
TEXT BUTTON*/
.button A
{
/*Spacing with next button*/
	margin-right: 4px;
/*Setup button*/
	float: left;
	padding: 4px 15px 0 0;
	cursor: pointer;
	background: url(/images/asf/button.png) no-repeat top right;
/*Setup text*/
	text-decoration: none;
	color: #CCC;
	line-height: 20px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.button A SPAN
{
	float: left;
	padding-right: 15px;
	height: 28px;
	display: block;
	margin-top: -4px;
	color: #FFFFFF;
}
.button A
{
	color: #FFF;
	background: url(/images/button.gif) no-repeat top right;
}
.button A:hover, .button A.current
{
	color: #666;
	text-decoration: none;
	background: url(/images/button_over.gif) no-repeat top right;
}
.button A .btnleft
{
	color: #FFF;
	background: url(/images/button.gif) no-repeat top left;
}
.button A:hover SPAN.btnleft, .button A.current SPAN.btnleft
{
	color: #666;
	background: url(/images/button_over.gif) no-repeat top left;
}
/*TEXT BUTTON SMALL*/
.button.small A
{
/*Spacing with next button*/
	margin-right: 4px;
/*Setup button*/
	float: left;
	padding: 4px 8px 0 0;
	cursor: pointer;
	background: url(/images/button-s.gif) no-repeat top right;
/*Setup text*/
	text-decoration: none;
	color: #CCC;
	line-height: 14px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.button.small A SPAN
{
	float: left;
	padding-right: 8px;
	height: 22px;
	display: block;
	margin-top: -4px;
	color: #FFF;
}
.button.small A
{
	color: #FFF;
	background: url(/images/button-s.gif) no-repeat top right;
}
.button.small A:hover, .button.small A.current
{
	color: #666;
	text-decoration: none;
	background: url(/images/button-s_over.gif) no-repeat top right;
}
.button.small A .btnleft
{
	color: #FFF;
	background: url(/images/button-s.gif) no-repeat top left;
}
.button.small A:hover SPAN.btnleft, .button.small A.current SPAN.btnleft
{
	color: #666;
	background: url(/images/button-s_over.gif) no-repeat top left;
}
/*IMAGE BUTTON*/
.image-button
{
	position: relative;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	display: block;
	margin: 0;
	padding: 0;
/*Default dimensions*/
	width: 102px;
	height: 33px;
}
.image-button A
{
	display: block;
	color: #000000;
	font-size: 11px;
	display: block;
	float: left;
	color: #000000;
	text-decoration: none;
}
.image-button A:hover IMG
{
	visibility: hidden;
}
.image-button SPAN
{
	position: absolute;
	left: 35px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
/*Ki_JQuery*/
.ui-draggable
{
	cursor: move;
}
.ui-icon
{
	cursor: pointer;
}
.ui-sortable-placeholder
{
	border: 1px dotted #000000;
	visibility: visible !important;
	height: 50px !important;
}
.ui-sortable-placeholder *
{
	visibility: hidden;
}
.sortable
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	min-height: 6px;
	cursor: move;
	width: 100%;
}
.sortable LI
{
	margin: 2px;
	padding: 5px;
	font-size: 0.9em;
}

