/* Copyright 2005 Kronos Incorporated. All rights reserved. */

#kronos form.PageCommandForm{
	display:none;
}

#kronos,
#kronos.Workspace,
#kronos .Workspace {
	margin:0;
	border:0;
	padding: 0 10px 0 10px;
	color:rgb(0,0,0);
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-weight:normal;
	background-color:rgb(255,255,255);
}

#kronos table.ControlLayout {
	margin:0;
	border:0;
	padding:0;
}
#kronos table.ControlLayout tr {
	height:27px;
}

#kronos table.ControlLayout table.ControlLayout {
	margin-bottom: 10px !important;
}

#kronos table.ControlLayout td,
#kronos table.ControlLayout th,
#kronos table.ControlLayout td.CLTD,
#kronos table.ControlLayout th.CLTH {
	margin:0;
	border:0;
	padding:0 10px 0 0;
	text-align:left;
	vertical-align:middle;
	background-color: inherit;
}
#kronos table.ControlLayout th {
	padding:0;
}

#kronos table.ControlLayout th,
#kronos table.ControlLayout td label,
#kronos table.ControlLayout th label,
#kronos table.ControlLayout td label a,
#kronos table.ControlLayout th label a {
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	white-space: nowrap;
}

#kronos table.ControlLayout label {
	white-space: nowrap;
}

#kronos table.ControlLayout td label.Field {
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
}

#kronos table.ControlLayout label,
#kronos table.ControlLayout img,
#kronos table.ControlLayout input,
#kronos table.ControlLayout select,
#kronos table.ControlLayout textarea {
	margin:0 6px 0 0;
}
#kronos table.ControlLayout input,
#kronos table.ControlLayout textarea {
	padding:2px;
}

/* DIV.Panel an area with no headerbar. For a panel with a headerbar use TABLE.ContentPanel */
#kronos div.Panel {
	border:0;
	border-top:1px solid rgb(255,255,255);
	padding:6px 4px 6px 10px;
	background-color:rgb(235,242,253);
}

#kronos table.ContentPanel {
	margin:0;
	width:100%;
	border-collapse:collapse;
	border:0;
	background-color:rgb(255,255,255);
}

#kronos table.ContentPanel caption {
	background-color:rgb(212,216,229);
	border-top:1px solid white;
}
#kronos table.WebPart td.WPContent table.first-child.ContentPanel .CPHeader,
#kronos table.WebPart td.WPContent table.first-child.ContentPanel.ActionList .CPHeader,
#kronos table.WebPart td.WPContent table.first-child.ContentPanel.ActionList.ControlLayout .CPHeader
{
	border-top:0;
}
#kronos table.ContentPanel th.CPHeader {
	background-color:rgb(212,216,229);
	border-top:1px solid white;
	color:rgb(102,102,102);
	font-family:Verdana, Arial,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	padding:6px 10px 6px 10px;
}

#kronos table.ContentPanel caption div {
	color:rgb(102,102,102);
	background-color:rgb(212,216,229);
	font-family:Verdana, Arial,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	padding:6px 10px 6px 10px;
}

#kronos table.ContentPanel.ControlLayout caption{
	border:0;
	border-bottom:1px solid rgb(170,170,170);
}

#kronos table.ContentPanel.ActionList.ControlLayout caption{
	border:0;
}

#kronos table.ContentPanel.ControlLayout caption {
	padding:3px;
	text-align:left;
	white-space:nowrap;
}

#kronos table.ContentPanel.ActionList.ControlLayout {
	margin:0;
	border:0;
	padding:0;
}

#kronos textarea.Grows {
	width:100%;
}

#kronos td.GroupedActionList {
	padding:6px 10px 6px 10px;
	vertical-align:top;
}
#kronos table.ControlLayout td.GroupedActionList {
	vertical-align:top;
}

#kronos.Dialog td.GroupedActionList {
	background-color:transparent;
}

#kronos td.GroupedActionList a,
#kronos td.GroupedActionList a:visited,
#kronos td.GroupedActionList a:hover,
#kronos td.GroupedActionList a:active {
	color:rgb(65,75,128);
	background-color:inherit;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	margin:0 0 0 10px;
	border:0;
	padding:3px 0 3px 16px;
	display:block;
	background:url(../../themes/basic/icons/actions/action-link-arrow.png) no-repeat left center;
	vertical-align:top;
}

#kronos td.GroupedActionList a:hover {
	color:rgb(65,75,128);
	background-color:inherit;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
}

#kronos table.ActionList {
	border-top:0;
}

#kronos table.ActionList td {
	padding:6px 10px 6px 10px;
	border-top:1px solid rgb(170,170,170);
	vertical-align:middle;

}

#kronos table.ActionList a,
#kronos table.ActionList a:visited,
#kronos table.ActionList a:hover,
#kronos table.ActionList a:active {
	color:rgb(65,75,128);
	background-color:inherit;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	margin:0;
	border:0;
	padding:0 0 0 16px;
	display:inline;
	background:url(../../themes/basic/icons/actions/action-link-arrow.png) no-repeat left center;
	white-space:nowrap;
}

#kronos table.ActionList a:hover {
	color:rgb(65,75,128);
	background-color:inherit;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
}

#kronos table.ColumnarLayout {
	margin:10px 0 0 0;
	width:100%;
}

#kronos table.ColumnarLayout caption {
	text-align:left;
}

#kronos table.ColumnarLayout td.Button {
	padding:10px;
	text-align:center;
	border-bottom:1px solid rgb(170,170,170);
}

#kronos table.ColumnarLayout td.Column {
	vertical-align:top;
	padding: 0 12px 10px 0;
}

/**
 * theme.css: .Header .Title -- the trade marked title of the application or component.
 */
#kronos h1{
	color:rgb(102,102,102);
	font-family:Arial,Verdana,sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
	width:325px;
	margin:0;
	border:0;
	padding:0;
	vertical-align:top;
}

#kronos h1 sup#data_changed_indicator {
	display:none;
}

#kronos h1.ShowDataChangedIndicator sup#data_changed_indicator {
	display:inline;
}

#kronos .ShowDataChangedIndicator,
#kronos .ShowDataChangedIndicator * {
	color:rgb(255,103,3) !important;
}


#kronos table.HeaderPanel tr td.Info {
	vertical-align:top;
}

/*
theme.css selectors for the action bar:
-.ActionBar
-.ActionBar .Action
.ActionBar .Action.Disabled
-.ActionBar .Action.Hover
.ActionBar .Action.Selected
.ActionBar .Action.Selected.Hover
*/

/* theme.css: .ActionBar -- a floating area at the top of the page with a list of actions and/or menus */
#kronos div.ActionBar {
	background:white;
	margin:0;
	border:0;
	padding:0px 10px 0px 10px;
}

/* theme.css: .ActionBar .Action -- actions in the ActionBar */
#kronos div.ActionBar a, #kronos div.ActionBar a:visited, #kronos div.ActionBar a:active, #kronos div.ActionBar a:link {
	text-decoration:none;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
}

/* theme.css: .ActionBar .Action.Hover -- actions in the ActionBar */
#kronos div.ActionBar a:hover{
	background-color:rgb(212,219,225);
	color:rgb(64,75,128);
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}

/* A top level item on a menu bar, above a dropdown, in the closed state. */
#kronos span.ActionMenuTopLevelClosed,
#kronos div.ActionMenuTopLevelClosed {
    font-family:Verdana,Arial,sans-serif;
    font-size:10px;
    font-style:normal;
    font-weight:bold;
    color:rgb(64,75,128);
    padding: 3px 5px 3px 5px;
    border: 1px solid ;
	border-color: rgb(212,219,225);
	/* border-color: transparent; */
    display: inline;
}

/* A top level item on a menu bar, above a dropdown, in the open state. */
#kronos span.ActionMenuTopLevelOpen,
#kronos div.ActionMenuTopLevelOpen {
    font-family:Verdana,Arial,sans-serif;
    font-size:10px;
    font-style:normal;
    font-weight:bold;
    color:rgb(64,75,128);
    padding: 3px 5px 3px 5px;
    background: white;
    border: 1px solid black;
    display: inline;
}

/* a normal dropdown menu item (not radio button or checkbox) */
#kronos div.ActionMenuNormalDropdown {
    background:rgb(255,255,255);
    font-family:Arial,Verdana,sans-serif;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    color:rgb(64,75,128);
    margin: 0;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
    text-decoration: none;
}

/*
theme.css selectors for the work area:
.WorkArea
-.WorkArea .Action
.WorkArea .Action.Disabled
-.WorkArea .Action.Hover
.WorkArea .Action.Selected
.WorkArea .Action.Selected.Hover
-.WorkArea .Button
.WorkArea .Button.Disabled
-.WorkArea .Button.Hover
.WorkArea .Button.Selected
.WorkArea .Button.Selected.Hover
-.WorkArea .Field
-.WorkArea .Heading
-.WorkArea .Label
*/

#kronos .Required {
	color:rgb(0,0,0);
}

/* theme.css: .WorkArea .Button -- button type actions A.Button or BUTTON elements */
/* TODO: implement IE6 htc behavior to support CSS2 selectors */
#kronos a.Button, #kronos input.Button{
	background-color:rgb(118,125,164);
	color:rgb(255,255,255);
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	padding:0px 10px 0px 10px;
	border:1px solid rgb(85,97,145);
}

/* theme.css: .WorkArea .Button.Hover -- button type actions when mouse hovers over it */
#kronos a.Button:hover, #kronos button:hover, #kronos input.Button:hover{
	background-color:rgb(118,125,164);
	color:rgb(255,255,255);
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}

/* theme.css: .WorkArea .Button -- button type actions A.Button or BUTTON elements */
/* TODO: implement IE6 htc behavior to support CSS2 selectors */
#kronos input[type=button]{
	background-color:rgb(118,125,164);
	color:rgb(255,255,255);
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	padding:0px 10px 0px 10px;
	border:1px solid rgb(85,97,145);
}

/* theme.css: .WorkArea .Button.Hover -- button type actions when mouse hovers over it */
#kronos input[type=button]:hover{
	background-color:rgb(118,125,164);
	color:rgb(255,255,255);
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}

/*
theme.css selectors for tabular data
-.Tabular
-.Tabular TD.Selected
-.Tabular TH
-.Tabular TR
-.Tabular TR.Active
-.Tabular TR.Even
-.Tabular TR.Selected
*/
/* theme.css: .Tabular -- any tabular data use the TABLE.Tabular element */

#kronos table.Tabular {
	color:rgb(51,51,51);
	background-color:rgb(255,255,255);
	margin:0 0 10px 0;
	border:0;
	width:100%;
	border-top:1px solid white;
}
#kronos table.Tabular tr {
	background-color:rgb(235,242,253);
	padding:3px 10px 3px 10px;
}
#kronos table.Tabular tr.Even {
	background-color:rgb(255,255,255);
}
#kronos table.Tabular tr.Active {
	background-color:rgb(225,237,195);
}
#kronos table.Tabular tr.Selected {
	background-color:rgb(225,237,195) !important;
}
#kronos table.Tabular td.Selected {
	background-color:rgb(225,237,195);
}
#kronos table.Tabular th, #kronos td.caldayheader6, #kronos td.calnavicon{
	/* HACK:TODO change the calendar td.caldayheader6 and td.calnavicon HTML to conform to the generalized CSS */
	border-right:1px solid rgb(170,170,170);
	border-bottom:1px solid rgb(170,170,170);
	padding:3px 10px 3px 10px;
	vertical-align:middle;
	color:rgb(51,51,51);
	font-weight:normal;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	background-color:rgb(212,219,225);
}
#kronos table.Tabular th .required, #kronos table.Tabular th .hint{
	color:rgb(51,51,51);
	font-weight:normal;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
}
#kronos table.Tabular th.last-child, #kronos td.last-child.caldayheader6, #kronos td.last-child.calnavicon{
	border-right:0;
}
#kronos table.Tabular tr.last-row th {
	border-bottom:0;
}
#kronos table.Tabular td{
	border-right:1px solid rgb(170,170,170);
	padding:3px 10px 3px 10px;
	text-align:left;
	vertical-align:top;
}
#kronos table.Tabular td.last-child{
	border-right:0;
}
#kronos table.Tabular td.ActionCell, #kronos table.Tabular th.ActionCell {
	width:1%;
}
#kronos table.Tabular tbody tr th{
	border:0;
	border-right:1px solid rgb(170,170,170);
	border-bottom:1px solid rgb(170,170,170);
}
#kronos table.Tabular td.ActionCell, 
#kronos table.Tabular th.ActionCell {
	width:1%;
	text-align:center;
	vertical-align:center;
}
#kronos table.Tabular input {
	margin-left:0;
	margin-right:6px;
	margin-top:0;
	margin-bottom:0;
	padding:2px;
	vertical-align:bottom;
	border: 1px solid rgb(170,170,170);
}
#kronos table.Tabular td input.Active{
	background:white;
}
#kronos table.Tabular tfoot tr.TablePaginator {
	border-top:1px solid rgb(170,170,170);
	height:12px;
}

#kronos table.Tabular tfoot tr.TablePaginator select {
	vertical-align: middle;
}

#kronos table.Tabular tfoot tr.TablePaginator td {
	border-top:1px solid rgb(170,170,170);
	background:rgb(255,255,255);
}
#kronos table.Tabular thead tr td.Number, #kronos table.Tabular tfoot tr td.Number, #kronos table.Tabular tbody tr td.Number {
	text-align: right;
}
#kronos table.Tabular thead tr td.Date, #kronos table.Tabular tfoot tr td.Date, #kronos table.Tabular tbody tr td.Date {
	text-align: right;
	white-space: nowrap;
}

#kronos table.PaginationTable {
	border-top:1px solid rgb(170,170,170);
	width: 100%;
	margin:0;
	padding:0;
}



#kronos table.PaginationTable tr td {
	text-align:center;
}

#kronos table.PaginationTable tr td div span.PageCount {
}


#kronos table.PaginationTable tr td div span.Previous {
}

#kronos table.PaginationTable tr td div select {

}

#kronos table.PaginationTable tr td div span.Next {
}

#kronos span.VSpacer  {
	line-height:4px;
	display:block;
}

#kronos span.VcrControl {
}

#kronos span.VcrControl label {
}

#kronos span.VcrControl a {
	margin: 0 2px 0 2px;
}

#kronos span.VcrControl a img{
	border: 0;
	vertical-align: bottom;
}

#kronos table.TimePeriodSelector img{
	vertical-align: bottom;
}

#kronos div.MessageBar {
	background-color:rgb(255,255,255);
	margin-bottom:10px;
}
#kronos div.MessageBar .ErrorMessage {
	color:rgb(236,71,21);
	background:url(../../themes/basic/icons/messagebar/error-message-icon.gif) no-repeat left center;
	padding:2px 0 2px 40px;
}
#kronos div.MessageBar .WarningMessage {
	color:rgb(29,29,255);
	background:url(../../themes/basic/icons/messagebar/warning-message-icon.gif) no-repeat left center;
	padding:2px 0 2px 40px;
}
#kronos div.MessageBar .InfoMessage {
	color:rgb(170,170,170);
	background:url(../../themes/basic/icons/messagebar/info-message-icon.gif) no-repeat left center;
	padding:2px 0 2px 40px;
}
#kronos div.MessageBar .SaveFailedMessage {
	color:rgb(170,170,170);
	background:url(../../themes/basic/icons/messagebar/save-failed-message-icon.gif) no-repeat left center;
	padding:2px 0 2px 40px;
}

/* BEGIN GLOBAL SELECTORS - TARGET ALL HTML ELEMENTS OF A SPECIFIC TYPE */

#kronos table caption {
	text-align: left;
}

/* theme.css .WorkArea .Field -- field values in the page, all elements are presummed fields until mapped otherwise */
#kronos abbr, #kronos h3, #kronos h4, #kronos h5, #kronos,
#kronos h6, #kronos p, #kronos span, #kronos sub, #kronos sup, #kronos var, #kronos dl, #kronos dt, #kronos dd, #kronos ol, #kronos ul,
#kronos li, #kronos td, #kronos legend, #kronos caption, #kronos select, #kronos option, #kronos input, #kronos button, #kronos textarea {
	color:rgb(0,0,0);
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

/* theme.css: WorkArea .Action -- actions in the page */
#kronos a, #kronos a:visited, #kronos a:active, #kronos a:link{
	background-color:inherit;
	color:rgb(65,75,128);
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

/* theme.css: WorkArea .Action.Hover -- actions in the page */
#kronos a:hover{
	background-color:inherit;
	color:rgb(65,75,128);
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
}

/* theme.css: .WorkArea .Label -- Field Labels in the page (should always use the LABEL element) */
#kronos label{
	color:rgb(0,0,0);
	background-color:transparent;/*not themeable*/
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	margin-top:4px;
}

#kronos label a, #kronos label a:hover, #kronos label a:visited, #kronos label a:active {
	color:rgb(0,0,0);
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	margin-top:4px;
}

#kronos label a:hover {
	text-decoration:underline;
	cursor:pointer;
}

/* theme.css: .WorkArea .Field -- overriding LABEL.Field elements to enable the for attribute of the LABEL element to be use as a readonly field value */
#kronos label.Field {
	background-color:inherit;
	color:rgb(0,0,0);
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	display:inline;
}

/* theme.css: .WorkArea .Heading -- sub headings mark sections of a page use the H2 element */
#kronos h2 {
	/*DAR:NOTE this should be able to live in different spaces*/
	/*background-color:rgb(255,255,255);*/
	color:rgb(64,75,128);
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	display:block;
	margin-top:4px;
	margin-bottom:0;
	text-transform:uppercase;
	text-decoration:none;
}

/* END GLOBAL SELECTORS - TARGET ALL HTML ELEMENTS OF A SPECIFIC TYPE */

/* TABLE.Button elements are RsR branded buttons */
#kronos table.Button.Disabled,
#kronos table.Button{
	margin:0 !important;
	border:0 !important;
	padding:0 !important;
	border-collapse:collapse !important;
}


#kronos table.Button tr,
#kronos table.Button.Disabled tr {
	height:auto !important;
}

/* TD elements, .BL, .BR  make up the buttons */
#kronos table.Button td{
	margin:0 !important;
	border:0 !important;
	padding:0 !important;
	background:rgb(118,125,164) url(../../themes/basic/icons/button/button-background.png) repeat-x center center !important;
}

#kronos table.Button.Disabled td{
	margin:0 !important;
	border:0 !important;
	padding:0 !important;
	background:rgb(151,151,151) url(../../themes/basic/icons/button/button-background-disabled.png) repeat-x center center !important;
}


#kronos table.Button td img {
	margin:0 !important;
	border:0 !important;
	padding:0 !important;
	background:rgb(118,125,164) url(../../themes/basic/icons/button/button-background.png) repeat-x center center !important;
}

#kronos table.Button.Disabled td img {
	margin:0 !important;
	border:0 !important;
	padding:0 !important;
	background:rgb(151,151,151) url(../../themes/basic/icons/button/button-background-disabled.png) repeat-x center center !important;
}

/* TD.BL elements are for the lower left round corner */
#kronos table.Button td.BL {
	width:3px !important;
	border:1px solid rgb(64,75,128) !important;
	border-right:0 !important;
	vertical-align:bottom !important;
}


#kronos table.Button.Disabled td.BL {
	width:3px !important;
	border:1px solid rgb(107,107,107) !important;
	border-right:0 !important;
	vertical-align:bottom !important;
}



/* TD.BR elements are for the uper right round corner */
#kronos table.Button td.BR {
	width:3px !important;
	border:1px solid rgb(64,75,128) !important;
	border-left:0 !important;
	vertical-align:top !important;
}

#kronos table.Button.Disabled td.BR {
	width:3px !important;
	border:1px solid rgb(107,107,107) !important;
	border-left:0 !important;
	vertical-align:top !important;
}



/* IMGs of the corner */
#kronos table.Button td.BL div{
	position:relative !important;
	top:1px !important;
	left:-1px !important;
	width:3px !important;
	height:3px !important;
	font-size: 1px !important;
	background:transparent url(../../themes/basic/icons/button/button-bottom-left-corner.png) no-repeat center center !important;
	
}
#kronos table.Button.Disabled td.BL div {
	position:relative !important;
	top:1px !important;
	left:-1px !important;
	width:3px !important;
	height:3px !important;
	font-size: 1px !important;
	background:transparent url(../../themes/basic/icons/button/button-bottom-left-corner-disabled.png) no-repeat center center !important;
	
}
#kronos table.Button td.BR div{

	margin:0 !important;
	border:0 !important;
	padding:0 !important;
	position:relative !important;
	top:-1px !important;
	left:1px !important;
	width:3px !important;
	height:3px !important;
	font-size: 1px !important;
	background:transparent url(../../themes/basic/icons/button/button-top-right-corner.png) no-repeat center center !important;
	
}
#kronos table.Button.Disabled td.BR div {

	margin:0 !important;
	border:0 !important;
	padding:0 !important;
	position:relative !important;
	top:-1px !important;
	left:1px !important;
	width:3px !important;
	height:3px !important;
	font-size: 1px !important;
	background:transparent url(../../themes/basic/icons/button/button-top-right-corner-disabled.png) no-repeat center center !important;
	
}

/* TD.BM elements are the buttons */
#kronos table.Button td.BM,
#kronos div.Panel table.Button td.BM,
#kronos div.Panel table.ControlLayout table.Button td.BM  {
	border:1px solid rgb(64,75,128) !important;
	border-left:0 !important;
	border-right:0 !important;
	padding:2px 6px 3px 4px !important;
	white-space:nowrap !important;
	text-align:center !important;
	vertical-align:middle !important;
}

#kronos table.Button.Disabled td.BM,
#kronos div.Panel table.Button.Disabled td.BM,
#kronos div.Panel table.ControlLayout table.Button.Disabled td.BM  {
	border:1px solid rgb(107,107,107) !important;
	border-left:0 !important;
	border-right:0 !important;
	padding:2px 6px 3px 4px !important;
	white-space:nowrap !important;
	text-align:center !important;
	vertical-align:middle !important;
}

/* Any elements inside TD.BM elements should not change button L&F. */
#kronos table.Button td.BM var,
#kronos table.Button.Disabled td.BM var {
	display:none !important;
}

/* A elements are the Button Label */
#kronos table.Button td.BM a,
#kronos table.Button div.Panel td.BM a,
#kronos table.Button div.Panel table.ControlLayout td.BM a,
#kronos table.Button td.BM a:link,
#kronos table.Button td.BM a:visited,
#kronos table.Button td.BM a:active{

	color:rgb(255,255,255) !important;
	font-family:Verdana,Arial,sans-serif !important;
	font-size:10px !important;
	font-style:normal !important;
	font-weight:bold !important;

	background:transparent !important;

	text-align:center !important;
	white-space:nowrap !important;
	vertical-align:middle !important;
	text-decoration:none !important;

}

/* The pointer changes on mouseover */
#kronos table.Button td.BM.Hover {
	cursor:pointer !important;
}

#kronos table.Button.Disabled td.BM.Hover {
	cursor:default !important;
}

#kronos table.Button td.BM a:hover{
	text-decoration:underline !important;
	cursor:pointer !important;
}

#kronos table.Button.Disabled td.BM a:hover{
	text-decoration:none !important;
	cursor:default !important;
}

/* TD.BM.WithElipse elements with an elipse (...) after the label */
#kronos table.Button.Disabled td.BM a img.WithElipse,
#kronos table.Button td.BM a img.WithElipse{
	vertical-align:middle !important;
	display:inline !important;
	margin:0 0 0 5px !important;
}

/* TABLE.GoButton shows only the elipse with no label text */
#kronos table.GoButton tr td.BM a img.WithElipse {
	vertical-align:left !important;
	margin:0 !important;
}

/* TH.MenuDivider elements divide Buttons from Menus in the Action Bar */
#kronos div.ActionBar th.MenuDivider {
	margin:0;
	padding:0;
	width:20px;
}
#kronos div.ActionBar th.MenuDivider div {
	margin:0;
	padding:6px;
	width:8px;
	background:url(../../themes/basic/icons/actionbar/actionbar-menu-divider.png) no-repeat 4px center;
}

#kronos img.Button {
	margin:0;
	border:0;
	padding:0;
	cursor:pointer;
}

/* TABLE.WebPart elements are RsR branded sections*/
#kronos table.WebPart {
	margin:0;
	border:0;
	padding:0;
	width:100%;
}
/* td.RsRLeft elements are for the lower left round corner */
#kronos table.WebPart td.WPRsRLeft {
	margin:0;
	border:0;
	padding:0;
	vertical-align:top;
	height:1px;
	line-height:1px;
	background:transparent;
}
#kronos table.WebPart td.WPRsRLeft img{
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:-6px;
	left:0;
}

/* td.RsRRight elements are for the uper right round corner */
#kronos table.WebPart td.WPRsRRight {
	margin:0;
	border:0;
	padding:0;
	width:1%;
	vertical-align:top;
}
#kronos table.WebPart td.WPRsRRight img{
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:-6px;
}
#kronos table.WebPart td.WPContent {
	border:1px solid rgb(170,170,170);
}

/* DIV.ActionBar -- a connected ActionBar has a gradient background */
#kronos table.WebPart td.WPContent div.ActionBar {
	border-top:1px solid white;
	border-bottom:1px solid rgb(170,170,170);
	background:rgb(212,219,225) url(../../themes/basic/icons/actionbar/actionbar-background.png) repeat-x top center;
}
#kronos table.WebPart td.WPContent div.ActionBar.first-child
{
	border-top:0;
}
#kronos table.WebPart td.WPContent div.Panel.first-child {
	border-top:0;
}
#kronos table.WebPart td.WPContent div.Panel.last-child {
	border-bottom:0;
}

#kronos table.WebPart td.WPContent table.Tabular {
	width:100%;
	margin:0;
}
#kronos table.WebPart td.WPContent table.Tabular.first-child {
	border-top:0;
}

#kronos table.WebPart td.WPContent table.ControlLayout {
	margin:0;
}

/*
-.TabBar
.TabBar .Tab
-.TabBar .Tab.Hover
-.TabBar .Tab.Selected
-.TabBar .Tab.Selected.Hover
.TabBar .Tab.Disabled
The expected HTML for the KVL:

*/
#kronos .TabBar {
	margin:0;
	border:0;
	border-bottom:1px solid rgb(170,170,170);
	padding:5px 8px 5px 8px;
	background:rgb(222,231,247) url(../../themes/basic/icons/tabbar/tabbar-background.png) repeat-x center center;
	white-space:nowrap;
}
#kronos .TabBar a.Tab {
	background: transparent ;
	color:rgb(64,75,128);
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;

	text-transform:uppercase;
	white-space:nowrap;

	margin:0;
	border:0;
	padding:0 6px 0 6px;

	position:relative;

}
#kronos .TabBar a:hover.Tab {
	text-decoration:underline;
	cursor:pointer;
}
#kronos .TabBar a:hover.Tab.Selected {
	text-decoration:none;
}
#kronos .TabBar a.Tab.Disabled,
#kronos .TabBar a:hover.Tab.Disabled{
	color:rgb(64,75,128);
	/* 
		UI Refresh: Setup>Pay Policies: disabled tabs visual discrepency between FF and IE misleading Firefox users (see PLF-14847 for fix)
		This hard coded color should be removed in 6.1. It is here now because Marc Cajolet did not want to
		change theme.css which is missing the color attribute for the #kronos .TabBar .Tab.Disabled selector.
		TODO:6.1
			1 -- Remove this comment and next line of css code.
			2 -- Add color:rgb(153,153,153); to #kronos .TabBar .Tab.Disabled selector in theme.css
	*/
	color:rgb(153,153,153);
	cursor:default;
	text-decoration:none;
}
#kronos .TabBar a.Tab.Selected {
	color:rgb(255, 104, 3);
	margin:0;
	border:1px solid rgb(170,170,170);
	border-bottom:1px solid rgb(198,207,231);
	padding:5px 6px 8px 6px;
	background:rgb(222,231,247) url(../../themes/basic/icons/tabbar/tabbar-selected-tab-background.png) repeat-x bottom center;
	top:-2px;
}
#kronos .TabBar tr td {
	padding-left: 10px !important;
	padding-right: 10px !important;
	background: transparent url(../../themes/basic/icons/tabbar/tabbar-tab-divider.png) right center no-repeat;
}
#kronos .TabBar tr td.kvl-tabbar-no-tab-divider ,
#kronos .TabBar tr td.Selected {
	background: transparent !important;
}

/*
 TABLE.SelectPanel
*/
#kronos table.SelectPanel {
	border:0;
	width:500px;
}
/* @deprecated in favor of th.CPHeader */
#kronos table.SelectPanel caption {
	font-weight:bold;
	background:transparent;
	border:0;
}
#kronos table.SelectPanel tr th.CPHeader {
	font-weight:bold;
	background:transparent;
	border:0;
	text-align:left;
}
#kronos table.SelectPanel tr td {
	width:45%;
	padding:0;
	vertical-align:top;
}
#kronos table.SelectPanel tr td label {
	font-weight:normal;
	background-color:transparent;/*not themable*/
	margin:0;
	padding:1px;
	display:block;
}
#kronos table.SelectPanel tr td select {
	margin:0;
	padding:0;
	width:100%;
}
#kronos table.SelectPanel tr th {
	width:10%;
	text-align:center;
}
#kronos table.SelectPanel tr th.Vertical{
	vertical-align:middle;
	text-align:center;
}
#kronos table.SelectPanel tr th.Vertical img {
	display:block;
	margin:10px;
	border:0;
	padding:0;
	width:18px;
	height:17px;
	text-align:center;
}

#kronos table.SelectPanel table.WebPart td.WPContent table.Tabular {
	border-top:0;
}

/* DIV.Email */
#kronos div.Email table.ControlLayout {
}
#kronos div.Email .EmailTo {
	width:100%;
}
#kronos div.Email .EmailTo textarea {
	width:100%;
}
#kronos div.Email .EmailSubject input {
	/*width:100%; this breaks the layout in IE*/
}
#kronos div.Email .EmailMessage textarea {
	width:100%;
}

/* .CalendarPanel any calendar layout */
#kronos table.CalendarPanel {
	width:100%;
	border-collapse:collapse;
	border:0;
}
#kronos table.CalendarPanel th{
	color:rgb(51,51,51);
	background-color:rgb(235,242,253);
	width:14%;
	text-align:center;
	padding:3px;
	border-right:1px solid rgb(170,170,170);
	border-bottom:1px solid rgb(170,170,170);
}
#kronos table.CalendarPanel tbody tr td{
	height:80px;
}
#kronos table.CalendarPanel td{
	padding:6px 10px 6px 10px;
	border-right:1px solid rgb(170,170,170);
	border-bottom:1px solid rgb(170,170,170);
	vertical-align:top;
}
#kronos table.CalendarPanel th.last-child, #kronos table.CalendarPanel td.last-child{
	border-right:0;
}
#kronos table.CalendarPanel tr.last-child td{
	border-bottom:0;
}
#kronos table.CalendarPanel td *{
	margin:0;
	padding:0;
}
#kronos table.CalendarPanel td.CPDay{
	background-color:rgb(255,255,255);
}
#kronos table.CalendarPanel td.CPMonthFrag,
#kronos table.CalendarPanel td.CPMonthFrag a {
	/* need official color for this */
	color:rgb(170,170,170);
	background-color:rgb(255,255,255);
}
#kronos table.CalendarPanel td.CPWeekend{
	background-color:rgb(198,210,229);
}
#kronos table.CalendarPanel td.CPToday{
	background-color:rgb(225,237,195);
}
#kronos table.CalendarPanel tr.CPNavigation td{
	color:rgb(0,0,0);
	background-color:rgb(198,210,229);
	border-bottom:1px solid rgb(170,170,170);
	text-align:center;
	vertical-align:top;
	padding:3px 10px 3px 10px;
	height:25px;
}
#kronos table.CalendarPanel tr.CPNavigation td label, #kronos table.CalendarPanel tr.CPNavigation td img{
	vertical-align:middle;
}

#kronos div.SmallCalendarPanel {
	height:100%;
}
#kronos div.SmallCalendarPanel table.CalendarPanel {
	height:73%;
}
#kronos div.SmallCalendarPanel table.CPNavigation {
	height:27%;
	width:100%;
	background-color:rgb(255,255,255);
	border-collapse:collapse;
}
#kronos div.SmallCalendarPanel table.CPNavigation th {
	text-align:center;
	vertical-align:middle;
	font-size:9px;
	width:14%;
	background-color:rgb(235,242,253);
}
#kronos div.SmallCalendarPanel table.CPNavigation td {
	text-align:center;
	vertical-align:middle;
	border:1px solid rgb(170,170,170);
	width:14%;
}

#kronos div.SmallCalendarPanel table.CPNavigation tr.calendarTD {
	text-align:center;
	vertical-align:middle;
	border:1px solid rgb(170,170,170);
	width:14%;
	background-color:rgb(212,219,225);
}

#kronos div.SmallCalendarPanel table.CalendarPanel tbody tr td {
	height:8px;
}
#kronos div.SmallCalendarPanel table.CalendarPanel td{
	border:0;
	text-align:center;
	vertical-align:middle;
	padding:0;
	margin:0;
}

#kronos div.SmallCalendarPanel table.CalendarPanel th{
	color:rgb(51,51,51);
	font-size:9px;
	background-color:rgb(235,242,253);
	text-align:center;
	padding:2px;
}

/* BEGIN CLASSES FOR DIALOGS */
/* IE6WA: IE6 #kronos.Dialog does not work, .Dialog and !important flags are the workaround */
.Dialog,
#kronos.Dialog,
#kronos .Dialog {
	margin:0 !important ;
	border:0 !important ;
	padding:0 !important ;
	background-color:rgb(235,242,253) !important ;
}

#kronos.Dialog table.ControlLayout,
#kronos .Dialog table.ControlLayout {
	border:0 !important ;
	margin:6px 10px 6px 10px !important ;
	background:rgb(235,242,253) !important ;
}
#kronos.Dialog table.ControlLayout td.CLTD,
#kronos .Dialog table.ControlLayout td.CLTD {
	border:0 !important ;
	background:transparent !important;
}

#kronos.Dialog table.WebPart {
	margin:6px 10px 6px 10px !important ;
}

#kronos.Dialog div.ActionBar,
#kronos .Dialog div.ActionBar{
	border:0 !important ;
	border-top:1px solid rgb(170,170,170) !important ;
	padding:4px 10px 4px 10px !important ;
	background:rgb(235,242,253) !important ;
}

#kronos.Dialog div.ActionBar table.ControlLayout,
#kronos .Dialog div.ActionBar table.ControlLayout {
	margin:0 !important;
}

#kronos.Dialog div.ActionBar table.ControlLayout td.CLTD,
#kronos .Dialog div.ActionBar table.ControlLayout td.CLTD {
	border:0 !important;
	background:transparent !important;
}

/* deprecated in favor of  div.ActionBar */
#kronos.Dialog div.ButtonPanel{
	border-top:1px solid rgb(170,170,170) !important ;
	padding:10px !important ;
}
#kronos.Dialog h2 {
	color:rgb(64,75,128) !important ;
	background-color:rgb(235,242,253) !important ;
	font-family:Verdana,Arial,sans-serif !important ;
	font-size:10px !important ;
	font-style:normal !important ;
	font-weight:bold !important ;
	display:block !important ;
	margin:4px 0 0 10px !important ;
	text-transform:uppercase !important ;
	text-decoration:none !important ;
}
#kronos.Dialog div.Panel table.ControlLayout h2 {
	margin-left:0 !important ;
}
#kronos.Dialog div.Panel .WebPart  {
	width: 95%;
}
#kronos.Dialog div.MessageBar,
#kronos .Dialog div.MessageBar {
	margin:10px 0 0 10px !important ;
	padding:0 10px 0 0;
	background-color:rgb(235,242,253) !important ;
}
#kronos .Dialog div.MessageBar * {
	background-color:rgb(235,242,253) !important ;
}

#kronos.Dialog div.Panel {
	border-top:1px solid rgb(170,170,170);
}

/* div.Dialog used for inline popups */
#kronos div.Dialog {
	border: 1px solid rgb(170,170,170) !important;
}

/* END CLASSES FOR DIALOGS */

#kronos table.HeaderPanel input {
	width:100%;
}
#kronos table.HeaderPanel select {
	width:100%;
}
/* conditional comment to special case IE6 bug*/
/*[if IE 6]*/
#kronos table.HeaderPanel input {
	width:auto;
}
#kronos table.HeaderPanel select {
	width:200px;
}
/*[endif]*/


#kronos table.Tabular th.Sortable div {
	display: inline;
	width:10px;
	padding:0 14px 0 10px;
}
#kronos table.Tabular th.SortA2Z div {
	background:url(../../themes/basic/icons/actions/sort/a2z.png) no-repeat right center;
}
#kronos table.Tabular th.SortZ2A div {
	background:url(../../themes/basic/icons/actions/sort/z2a.png) no-repeat right center;
}
#kronos table.Tabular th.MCSortOneA2Z div {
	background:url(../../themes/basic/icons/actions/sort/multicol-one-a2z.png) no-repeat right center;
}
#kronos table.Tabular th.MCSortOneZ2A div {
	display: inline;
	background:url(../../themes/basic/icons/actions/sort/multicol-one-z2a.png) no-repeat right center;
}
#kronos table.Tabular th.MCSortTwoA2Z div {
	display: inline;
	background:url(../../themes/basic/icons/actions/sort/multicol-two-a2z.png) no-repeat right center;
}
#kronos table.Tabular th.MCSortTwoZ2A div {
	display: inline;
	background:url(../../themes/basic/icons/actions/sort/multicol-two-z2a.png) no-repeat right center;
}

/*
	Commonly Used Icons
	JSP consumers can use the <kvl:icon className=""> tag to create buttons using these icon classes
*/
/* ActionLinkArrowIcon does not have a hover png */
#kronos img.ActionLinkArrowIcon {
	margin:0; border:0; padding:0;
	width:7px; height:7px;
	background: transparent url(../../themes/basic/icons/actions/action-link-arrow.png);
}
#kronos img.ActionLinkArrowIcon:hover,
#kronos a:hover img.ActionLinkArrowIcon {
	background: transparent url(../../themes/basic/icons/actions/action-link-arrow.png);
}

/* CalendarIcon does not have a hover png */
#kronos img.CalendarIcon {
	margin:0; border:0; padding:0;
	width:18px; height:13px;
	background: transparent url(../../themes/basic/icons/actions/calendar.png);
}
#kronos img.CalendarIcon:hover,
#kronos a:hover img.CalendarIcon {
	background: transparent url(../../themes/basic/icons/actions/calendar.png);
}

/* NextMonthIcon does not have a hover png */
#kronos img.NextMonthIcon {
	margin:0; border:0; padding:0;
	width:18px; height:17px;
	background: transparent url(../../themes/basic/icons/actions/calendarpanel/next-month.png);
}
#kronos img.NextMonthIcon:hover,
#kronos a:hover img.NextMonthIcon {
	background: transparent url(../../themes/basic/icons/actions/calendarpanel/next-month.png);
}

/* NextYearIcon does not have a hover png */
#kronos img.NextYearIcon {
	margin:0; border:0; padding:0;
	width:18px; height:17px;
	background: transparent url(../../themes/basic/icons/actions/calendarpanel/next-year.png);
}
#kronos img.NextYearIcon:hover,
#kronos a:hover img.NextYearIcon {
	background: transparent url(../../themes/basic/icons/actions/calendarpanel/next-year.png);
}

/* PreviousMonthIcon does not have a hover png */
#kronos img.PreviousMonthIcon {
	margin:0; border:0; padding:0;
	width:18px; height:17px;
	background: transparent url(../../themes/basic/icons/actions/calendarpanel/previous-month.png);
}
#kronos img.PreviousMonthIcon:hover,
#kronos a:hover img.PreviousMonthIcon {
	background: transparent url(../../themes/basic/icons/actions/calendarpanel/previous-month.png);
}

/* PreviousYearIcon does not have a hover png */
#kronos img.PreviousYearIcon {
	margin:0; border:0; padding:0;
	width:18px; height:17px;
	background: transparent url(../../themes/basic/icons/actions/calendarpanel/previous-year.png);
}
#kronos img.PreviousYearIcon:hover,
#kronos a:hover img.PreviousYearIcon {
	background: transparent url(../../themes/basic/icons/actions/calendarpanel/previous-year.png);
}

/* LookupIcon does not have a hover png */
#kronos img.LookupIcon {
	margin:0; border:0; padding:0;
	width:14px; height:15px;
	background: transparent url(../../themes/basic/icons/actions/lookup.png);
}
#kronos img.LookupIcon:hover,
#kronos a:hover img.LookupIcon {
	background: transparent url(../../themes/basic/icons/actions/lookup.png);
}

/* CondenseHorizontalBoxIcon does not have a hover png */
#kronos img.CondenseHorizontalBoxIcon {
	margin:0; border:0; padding:0;
	width:10px; height:10px;
	background: transparent url(../../themes/basic/icons/actions/panel/condense-horizontal-box.png);
}
#kronos img.CondenseHorizontalBoxIcon:hover,
#kronos a:hover img.CondenseHorizontalBoxIcon {
	background: transparent url(../../themes/basic/icons/actions/panel/condense-horizontal-box.png);
}

/* CondenseHorizontalIcon does not have a hover png */
#kronos img.CondenseHorizontalIcon {
	margin:0; border:0; padding:0;
	width:7px; height:7px;
	background: transparent url(../../themes/basic/icons/actions/panel/condense-horizontal.png);
}
#kronos img.CondenseHorizontalIcon:hover,
#kronos a:hover img.CondenseHorizontalIcon {
	background: transparent url(../../themes/basic/icons/actions/panel/condense-horizontal.png);
}

/* CondenseVerticalBoxIcon does not have a hover png */
#kronos img.CondenseVerticalBoxIcon {
	margin:0; border:0; padding:0;
	width:10px; height:10px;
	background: transparent url(../../themes/basic/icons/actions/panel/condense-vertical-box.png);
}
#kronos img.CondenseVerticalBoxIcon:hover,
#kronos a:hover img.CondenseVerticalBoxIcon {
	background: transparent url(../../themes/basic/icons/actions/panel/condense-vertical-box.png);
}

/* CondenseVerticalIcon does not have a hover png */
#kronos img.CondenseVerticalIcon {
	margin:0; border:0; padding:0;
	width:7px; height:8px;
	background: transparent url(../../themes/basic/icons/actions/panel/condense-vertical.png);
}
#kronos img.CondenseVerticalIcon:hover,
#kronos a:hover img.CondenseVerticalIcon {
	background: transparent url(../../themes/basic/icons/actions/panel/condense-vertical.png);
}

/* ExpandHorizontalBoxIcon does not have a hover png */
#kronos img.ExpandHorizontalBoxIcon {
	margin:0; border:0; padding:0;
	width:10px; height:10px;
	background: transparent url(../../themes/basic/icons/actions/panel/expand-horizontal-box.png);
}
#kronos img.ExpandHorizontalBoxIcon:hover,
#kronos a:hover img.ExpandHorizontalBoxIcon {
	background: transparent url(../../themes/basic/icons/actions/panel/expand-horizontal-box.png);
}

/* ExpandHorizontalIcon does not have a hover png */
#kronos img.ExpandHorizontalIcon {
	margin:0; border:0; padding:0;
	width:7px; height:7px;
	background: transparent url(../../themes/basic/icons/actions/panel/expand-horizontal.png);
}
#kronos img.ExpandHorizontalIcon:hover,
#kronos a:hover img.ExpandHorizontalIcon {
	background: transparent url(../../themes/basic/icons/actions/panel/expand-horizontal.png);
}

/* ExpandVerticalBoxIcon does not have a hover png */
#kronos img.ExpandVerticalBoxIcon {
	margin:0; border:0; padding:0;
	width:10px; height:10px;
	background: transparent url(../../themes/basic/icons/actions/panel/expand-vertical-box.png);
}
#kronos img.ExpandVerticalBoxIcon:hover,
#kronos a:hover img.ExpandVerticalBoxIcon {
	background: transparent url(../../themes/basic/icons/actions/panel/expand-vertical-box.png);
}

/* ExpandVerticalIcon does not have a hover png */
#kronos img.ExpandVerticalIcon {
	margin:0; border:0; padding:0;
	width:7px; height:8px;
	background: transparent url(../../themes/basic/icons/actions/panel/expand-vertical.png);
}
#kronos img.ExpandVerticalIcon:hover,
#kronos a:hover img.ExpandVerticalIcon {
	background: transparent url(../../themes/basic/icons/actions/panel/expand-vertical.png);
}

#kronos img.RowDeleteIcon {
	margin:0; border:0; padding:0;
	width:15px; height:14px;
	background: transparent url(../../themes/basic/icons/actions/row-delete.png);
}
#kronos img.RowDeleteIcon:hover,
#kronos a:hover img.RowDeleteIcon {
	background: transparent url(../../themes/basic/icons/actions/row-delete-hover.png);
}

#kronos img.RowInsertIcon {
	margin:0; border:0; padding:0;
	width:15px; height:14px;
	background: transparent url(../../themes/basic/icons/actions/row-insert.png);
}
#kronos img.RowInsertIcon:hover,
#kronos a:hover img.RowInsertIcon {
	background: transparent url(../../themes/basic/icons/actions/row-insert-hover.png);
}

#kronos img.RowUpIcon {
	margin:0; border:0; padding:0;
	width:15px; height:14px;
	background: transparent url(../../themes/basic/icons/actions/row-up.png);
}
#kronos img.RowUpIcon:hover,
#kronos a:hover img.RowUpIcon {
	background: transparent url(../../themes/basic/icons/actions/row-up-hover.png);
}
#kronos tr.first-child img.RowUpIcon,
#kronos tr.first-child img.RowUpIcon:hover,
#kronos tr.first-child a:hover img.RowUpIcon {
	background:transparent;
	cursor:auto;
}

#kronos img.RowDownIcon {
	margin:0; border:0; padding:0;
	width:15px; height:14px;
	background: transparent url(../../themes/basic/icons/actions/row-down.png);
}
#kronos img.RowDownIcon:hover,
#kronos a:hover img.RowDownIcon {
	background: transparent url(../../themes/basic/icons/actions/row-down-hover.png);
}
#kronos tr.last-child img.RowDownIcon,
#kronos tr.last-child img.RowDownIcon:hover,
#kronos tr.last-child a:hover img.RowDownIcon {
	background:transparent;
	cursor:auto;
}

/* MoveAllLeftIcon does not have a hover png */
#kronos img.MoveAllLeftIcon {
	margin:0; border:0; padding:0;
	width:18px; height:17px;
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-all-left.png);
}
#kronos img.MoveAllLeftIcon:hover,
#kronos a:hover img.MoveAllLeftIcon {
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-all-left.png);
}

/* MoveAllRightIcon does not have a hover png */
#kronos img.MoveAllRightIcon {
	margin:0; border:0; padding:0;
	width:18px; height:17px;
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-all-right.png);
}
#kronos img.MoveAllRightIcon:hover,
#kronos a:hover img.MoveAllRightIcon {
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-all-right.png);
}

/* MoveSelectedLeftIcon does not have a hover png */
#kronos img.MoveSelectedLeftIcon {
	margin:0; border:0; padding:0;
	width:18px; height:17px;
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-selected-left.png);
}
#kronos img.MoveSelectedLeftIcon:hover,
#kronos a:hover img.MoveSelectedLeftIcon {
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-selected-left.png);
}

/* MoveSelectedRightIcon does not have a hover png */
#kronos img.MoveSelectedRightIcon {
	margin:0; border:0; padding:0;
	width:18px; height:17px;
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-selected-right.png);
}
#kronos img.MoveSelectedRightIcon:hover,
#kronos a:hover img.MoveSelectedRightIcon {
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-selected-right.png);
}

/* MoveSelectedUpIcon does not have a hover png */
#kronos img.MoveSelectedUpIcon {
	margin:0; border:0; padding:0;
	width:18px; height:17px;
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-selected-up.png);
}
#kronos img.MoveSelectedUpIcon:hover,
#kronos a:hover img.MoveSelectedUpIcon {
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-selected-up.png);
}

/* MoveSelectedDownIcon does not have a hover png */
#kronos img.MoveSelectedDownIcon {
	margin:0; border:0; padding:0;
	width:18px; height:17px;
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-selected-down.png);
}
#kronos img.MoveSelectedDownIcon:hover,
#kronos a:hover img.MoveSelectedDownIcon {
	background: transparent url(../../themes/basic/icons/actions/selectpanel/move-selected-down.png);
}

#kronos img.GoBackIcon {
	margin:0; border:0; padding:0;
	width:16px; height:16px;
	background: transparent url(../../themes/basic/icons/actions/vcr/go-back.png);
}
#kronos img.GoBackIcon:hover,
#kronos a:hover img.GoBackIcon {
	background: transparent url(../../themes/basic/icons/actions/vcr/go-back-hover.png);
}

#kronos img.GoBackDisabledIcon {
	margin:0; border:0; padding:0;
	width:16px; height:16px;
	background: transparent url(../../themes/basic/icons/actions/vcr/go-back-disabled.png);
}

#kronos img.GoForwardIcon {
	margin:0; border:0; padding:0;
	width:16px; height:16px;
	background: transparent url(../../themes/basic/icons/actions/vcr/go-forward.png);
}
#kronos img.GoForwardIcon:hover,
#kronos a:hover img.GoForwardIcon {
	background: transparent url(../../themes/basic/icons/actions/vcr/go-forward-hover.png);
}

#kronos img.GoForwardDisabledIcon {
	margin:0; border:0; padding:0;
	width:16px; height:16px;
	background: transparent url(../../themes/basic/icons/actions/vcr/go-forward-disabled.png);
}


/* VcrFirstIcon does not have a hover png */
#kronos img.VcrFirstIcon {
	margin:0; border:0; padding:0;
	width:10px; height:9px;
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-first.png);
}
#kronos img.VcrFirstIcon:hover,
#kronos a:hover img.VcrFirstIcon {
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-first.png);
}

/* VcrLastIcon does not have a hover png */
#kronos img.VcrLastIcon {
	margin:0; border:0; padding:0;
	width:10px; height:9px;
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-last.png);
}
#kronos img.VcrLastIcon:hover,
#kronos a:hover img.VcrLastIcon {
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-last.png);
}

#kronos img.VcrNextIcon {
	margin:0; border:0; padding:0;
	width:10px; height:9px;
	vertical-align:middle;
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-next.png) no-repeat center center;
}
#kronos img.VcrNextIcon:hover,
#kronos a:hover img.VcrNextIcon {
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-next-hover.png) no-repeat center center;
}

#kronos img.VcrNextDisabledIcon {
	margin:0; border:0; padding:0;
	width:10px; height:9px;
	vertical-align:middle;
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-next-disabled.png) no-repeat center center;
	cursor:auto;
}
#kronos img.VcrNextDisabledIcon:hover,
#kronos a:hover img.VcrNextDisabledIcon {
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-next-disabled-hover.png) no-repeat center center;
	cursor:auto;
}

#kronos img.VcrPreviousIcon {
	margin:0; border:0; padding:0;
	width:10px; height:9px;
	vertical-align:middle;
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-previous.png) no-repeat center center;
}
#kronos img.VcrPreviousIcon:hover,
#kronos a:hover img.VcrPreviousIcon {
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-previous-hover.png) no-repeat center center;
}

#kronos img.VcrPreviousDisabledIcon {
	margin:0; border:0; padding:0;
	width:10px; height:9px;
	vertical-align:middle;
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-previous-disabled.png) no-repeat center center;
	cursor:auto;
}
#kronos img.VcrPreviousDisabledIcon:hover,
#kronos a:hover img.VcrPreviousDisabledIcon {
	background: transparent url(../../themes/basic/icons/actions/vcr/vcr-previous-disabled-hover.png) no-repeat center center;
	cursor:auto;
}

/* ZoomInIcon does not have a hover png */
#kronos img.ZoomInIcon {
	margin:0; border:0; padding:0;
	width:14px; height:15px;
	background: transparent url(../../themes/basic/icons/actions/zoom-in.png);
}
#kronos img.ZoomInIcon:hover,
#kronos a:hover img.ZoomInIcon {
	background: transparent url(../../themes/basic/icons/actions/zoom-in.png);
}

/* ZoomOutIcon does not have a hover png */
#kronos img.ZoomOutIcon {
	margin:0; border:0; padding:0;
	width:14px; height:15px;
	background: transparent url(../../themes/basic/icons/actions/zoom-out.png);
}
#kronos img.ZoomOutIcon:hover,
#kronos a:hover img.ZoomOutIcon {
	background: transparent url(../../themes/basic/icons/actions/zoom-out.png);
}

#kronos img.Checkmark {
	margin:0; border:0; padding:0;
	width:16px; height:16px;
	background: transparent url(../../themes/basic/icons/input/input-checkmark.gif);
}
#kronos img.Checkmark:hover,
#kronos a:hover img.Checkmark {
	background: transparent url(../../themes/basic/icons/input/input-checkmark.gif);
}

#kronos img.Checkmark.Checked {
	margin:0; border:0; padding:0;
	width:16px; height:16px;
	background: transparent url(../../themes/basic/icons/input/input-checkmark-checked.gif);
}
#kronos img.Checkmark.Checked:hover,
#kronos a:hover img.Checkmark.Checked {
	background: transparent url(../../themes/basic/icons/input/input-checkmark-checked.gif);
}

#kronos img.Checkmark.Disabled,
#kronos .Disabled img.Checkmark {
	margin:0; border:0; padding:0;
	width:16px; height:16px;
	background: transparent url(../../themes/basic/icons/input/input-checkmark-disabled.gif);
}
#kronos img.Checkmark.Disabled:hover,
#kronos a:hover img.Checkmark.Disabled,
#kronos .Disabled img.Checkmark:hover,
#kronos .Disabled a:hover img.Checkmark {
	background: transparent url(../../themes/basic/icons/input/input-checkmark-disabled.gif);
}

#kronos img.Checkmark.Checked {
	margin:0; border:0; padding:0;
	width:16px; height:16px;
	background: transparent url(../../themes/basic/icons/input/input-checkmark-checked.gif);
}
#kronos img.Checkmark.Checked:hover,
#kronos a:hover img.Checkmark.Checked {
	background: transparent url(../../themes/basic/icons/input/input-checkmark-checked.gif);
}



/* TREE CONTROL
=========================================================================*/
.JSTree {
    padding: 4px;
    }

.JSTree table {
    border-collapse: collapse;
    }

.JSTree th {
    height: 20px;
    padding: 0 5px;
    }

.JSTree td {
    padding:2px;
    white-space: nowrap;
    }

.JSTree span {
    font: bold 12px monospace;
    color: rgb(0,0,0);
    cursor:default;
    }

.JSTree span.empty {
    visibility:hidden;
    }

.JSTree input {
    }

.JSTree img {
    border:none;
    }

.JSTree a {
    padding: 1px 2px;
    color: rgb(0,0,0);
    text-decoration: none;
    cursor: default;
    }

.JSTree a.highlight {
    background-color:rgb(225,237,195);
    }

.JSTree a:hover {
    color: rgb(56,84,156);
    }

/* JSTreeTable tree */
/* dar:todo this is ng */
#kronos td.WPContent {
	background-color:rgb(235,242,253);
}

#kronos .JSTree {
	border:0;
	margin:0;
	padding:0;
	/*background-color:rgb(235,242,253);*/
}
#kronos .JSTree table.JSTreeTable {
	border-top: 1px solid rgb(255,255,255);
	border-right: 1px solid rgb(170,170,170);
}
#kronos .JSTree table.JSTreeTable tr {
	border:0;
	background-color:rgb(235,242,253);
}
#kronos .JSTree table.JSTreeTable tr td{
	background-color:transparent;
	border:0;
	border-right: 1px solid rgb(170,170,170);
}
#kronos .JSTree table.JSTreeTable tr td td {
	background:inherit;
	border:inherit;
}

#kronos .JSTree table.JSTreeTable tr.Even {
	background-color:rgb(255,255,255);
}
/*[if IE 6]*/
#kronos .JSTree table.JSTreeTable tr td{
	background-color:rgb(235,242,253);
}
#kronos .JSTree table.JSTreeTable tr.Even td{
	background-color:rgb(255,255,255);
}
/*[endif]*/
#kronos .JSTree table.JSTreeTable tr.JSTreeTableHeaderRow td.treeTableControl {
	border-bottom: 1px solid rgb(170,170,170);
	background-color:rgb(212,219,225);
}
#kronos .JSTree table.JSTreeTable tr.JSTreeTableHeaderRow td.treeTableVControl {
	border-bottom: 1px solid rgb(170,170,170);
	background-color:rgb(212,219,225);
}
#kronos .JSTree table.JSTreeTable .JSTreeTableOpenCloseIcon {
    font-size: 10px;
    font-weight: bold;
    font-family: monospace;
	margin-right:3px;
	background:transparent;
}
#kronos .JSTree table.JSTreeTable .JSTreeTableIndentSpacer {
    font-size: 10px;
    font-weight: bold;
    font-family: monospace ;
}
#kronos .JSTree table.JSTreeTable td.Selected {
	background-color:rgb(225,237,195) !important;
}

#kronos div.Elipses{
	position:relative;
	top:250px;
	left:-5px;
        width:5px;
}

#kronos div.ErrorMessage {
	width:600px;
	padding:10px;
	border-top:0;
	background:transparent;
}
#kronos div.ErrorMessage table.ControlLayout td a {
	margin: 2px 150px 2px 21px;
}
#kronos div.ErrorMessage h2.EMTitle {
	vertical-align:middle;
	margin: 0 50px 0 0;
	text-transform:none;
}
#kronos div.ErrorMessage h2.EMTitle sup {
	color:rgb(255,0,0);
	font:11px Arial;
	font-weight:bold;
}
#kronos div.ErrorMessage h2.EMTitle span {
	color:rgb(255,0,0);
	font:11px Arial;
	font-weight:bold;
}
#kronos div.ErrorMessage div.EMText {
	font:11px Arial;
	margin: 2px 150px 2px 21px;
}
#kronos div.ErrorMessage h2.EMTitle img.EMIcon {
	vertical-align:text-bottom;
	height: 16px;
	width: 16px;
	margin: 0px 5px -1px 0px;
	background: url(../../themes/basic/icons/messagebar/info-message-icon.gif) center center no-repeat;
}
#kronos div.ErrorMessage table.ControlLayout td input {
	margin: 2px 150px 2px 21px;
}
#kronos.Dialog div.ErrorMessage {
	width:600px;
	padding:0;
	border-top:0;
	margin-top: 10px;
}
#kronos.Dialog div.ErrorMessage div.EMText {
	font:11px Arial;
	margin: 2px 150px 2px 32px;
}
#kronos.Dialog div.ErrorMessage h2.EMTitle span{
	color:rgb(255,0,0);
	font:11px Arial;
	font-weight:bold;
	text-transform:none;
}
#kronos.Dialog div.MessageBar div.ErrorMessage {
	padding:2px 10px 2px 40px;
}