/*Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.6.0*/
html {
	color: #000;
	background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input, textarea, select {
	*font-size: 100%;
}

legend {
	color: #000;
}

del, ins {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
}
/*td, p, div, a { font-size: 100%; }*/
/* ----- CSS ----- */
html, form, body {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial;
	font-size: 9.5pt;
	height: 100%;
	width: 100%;
}

em, i {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

.ui-float-left {
	float: left;
}

a.jqButt {
	padding: 0.4em 1em 0.4em 20px;
	position: relative;
	line-height: 15px;
	font-size: 12px;
	text-decoration: none;
}

	a.jqButt span.ui-icon {
		left: 0.2em;
		margin: -8px 5px 0 0;
		position: absolute;
		top: 50%;
	}

body {
	background-color: #fff;
}

/* ----- LAYOUT ----- */
#LOGO {
	background: url("imgs/hrislogo.gif") no-repeat top left;
	width: 236px;
	height: 60px;
	position: absolute;
	top: 2px;
	left: 20px;
}

span.LogInUser {
	display: block;
	position: absolute;
	top: 10px;
	right: 20px;
	height: 20px;
	background: url("imgs/profileicon.gif") no-repeat top left;
	padding-left: 18px;
}

div.SecondTopBar {
	position: absolute;
	top: 40px;
	right: 20px;
	display: block;
}

span.SignoutUser {
	display: block;
	float: right;
	padding-left: 18px;
	height: 20px;
	background: url("imgs/logouticon.gif") no-repeat top left;
}

span.ChangeUserCompany {
	display: block;
	float: right;
	padding-left: 18px;
	padding-right: 10px;
	height: 20px;
	background: url("../../_assets/icons/companychanger.gif") no-repeat top left;
}

	span.ChangeUserCompany a,
	span.SignoutUser a,
	span.LogInUser a {
		color: #384B6B;
		font-weight: bold;
	}

	span.ChangeUserCompany a,
	span.SignoutUser a {
		text-decoration: none;
	}

		span.ChangeUserCompany a:hover,
		span.SignoutUser a:hover,
		span.LogInUser a:hover {
			color: #fff;
			background: none;
		}

#CompanyChangerDiv {
	display: none;
}

	#CompanyChangerDiv .ChangerBody {
		background: #fff;
		width: 600px;
		height: 170px;
		padding: 0px;
		color: #000;
		text-align: center;
		border: solid 1px #999;
		filter: alpha(opacity=90);
		opacity: 0.9;
	}

	#CompanyChangerDiv .ChangerMsg {
		padding: 10px;
		height: 70px;
		overflow: auto;
		margin: 0px 0px 10px 0px;
		background: #fff url("imgs/wbox_contentBG.gif") repeat-x top left;
		font-size: 0.9em;
		text-align: left;
	}

	#CompanyChangerDiv .ChangerButts {
		padding: 4px;
	}

	#CompanyChangerDiv h1 {
		display: block;
		height: 25px;
		font-size: 1.2em;
		margin: 0px;
		padding: 6px 0px 0px 0px;
		background: url("imgs/PromptHeaderBG.gif") repeat-x top left;
	}
/*-------------------*/

#container {
	background: url("imgs/container_leftBG.gif") repeat-y top left;
	min-width: 780px;
}

#container_header {
	background: #FFFFFF url("imgs/container_headerBG.gif") repeat-x top left;
	height: 65px;
	border-bottom: 1px solid #868686;
	margin-right: 10px;
}

#container_wrapper {
	margin: 0px 0px 0px 10px;
	background: url("imgs/container_rightBG.gif") repeat-y top right;
}

#container_menu {
	margin-right: 10px;
	background: #9aaebb url("imgs/mainmenu_BG.gif") repeat-x top left;
	height: 95px;
}

	#container_menu a {
		text-decoration: none;
	}

#container_mainmenu ul,
#container_submenu ul {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#container_mainmenu li,
#container_submenu li {
	float: right;
}

#container_mainmenu {
	height: 28px;
	margin-right: 5px;
	margin-left: 5px;
}

	#container_mainmenu a {
		color: #fff;
		font-weight: bold;
		font-size: 0.8em;
		height: 100%;
		display: block;
		padding: 4px 4px 4px 4px;
		padding-left: 8px;
		padding-right: 8px;
	}

#container_menu a:hover {
	color: #8E3900;
	background: none;
}

#container_mainmenu li {
	height: 28px;
}

	#container_mainmenu li.selected {
		background: #c6d5dd url("imgs/mainmenu_itemselectedBG.gif") no-repeat top left;
	}

		#container_mainmenu li.selected a {
			background: url("imgs/mainmenu_itemselectedRiteBG.gif") no-repeat top right;
			color: #4c5a65;
		}

#container_submenu {
	background: #c6d5dd;
	margin: 0px 5px 0px 5px;
	height: 31px;
	padding-top: 7px;
}

	#container_submenu a {
		display: block;
		color: #5f6568;
		font-weight: bold;
		font-size: 0.9em;
		padding-top: 4px;
		padding-bottom: 2px;
		padding-left: 8px;
		padding-right: 8px;
	}

	#container_submenu li {
		height: 20px;
	}

		#container_submenu li.selected {
			background: #FFFAE0;
		}

			#container_submenu li.selected a {
				color: #8E3900;
				border: 1px solid #8E3900;
			}

				#container_submenu li.selected a span {
					display: block;
				}

#container_subsubmenu {
	padding: 4px;
	font-size: 0.9em;
}

	#container_subsubmenu li {
		float: left;
		padding: 3px;
		display: block;
		padding-left: 20px;
		padding-right: 10px;
	}

		#container_subsubmenu li img {
			vertical-align: middle;
		}

#container_tree {
	padding: 6px;
	font-size: 0.9em;
}

	#container_tree ul,
	#container_tree li {
		float: left;
	}

	#container_tree li {
		color: #fff;
		padding-left: 1px;
		padding-right: 1px;
	}

		#container_tree li.root {
			width: 16px;
			height: 16px;
			background: url("imgs/treeroot.gif") no-repeat top left;
		}

		#container_tree li.arrow {
			width: 16px;
			height: 16px;
			background: url("imgs/treebullet.gif") no-repeat top left;
		}

	#container_tree a {
		color: #fff;
		text-decoration: underline;
	}

		#container_tree a:hover {
			color: #000;
		}

#container_content {
	margin-right: 10px;
	padding: 4px 4px 10px 4px;
	min-height: 380px;
	font-size: 0.9em;
}

#container_footer {
	margin-right: 10px;
}

#container_footer_version {
	height: 14px;
	font-size: 0.8em;
	text-align: right;
	color: #bfbfbf;
	padding-right: 4px;
}

#container_footer_links {
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	background: url("imgs/container_footer_linksBG.gif") repeat-x top left;
	text-align: right;
	padding: 4px;
}

	#container_footer_links img {
		vertical-align: middle;
	}

	#container_footer_links a {
		color: #44677d;
		font-size: 0.8em;
		font-weight: bold;
		text-decoration: none;
	}

		#container_footer_links a:hover {
			color: #000;
			text-decoration: underline;
			background: none;
		}

div.content_left {
	width: 180px;
	float: left;
	background: #fff;
}

div.content_right {
	margin-left: 185px;
}

div.content_nomargin {
	margin-left: 0px;
}

div.content_left_toolbar {
	width: 180px;
	float: left;
	background: #fff;
}

div.content_left_toolbar_bar a {
	height: 20px;
	display: none;
}

div.content_left_toolbar_bar {
	display: block;
}

	div.content_left_toolbar_bar a {
		text-decoration: none;
	}

		div.content_left_toolbar_bar a img {
			vertical-align: middle;
		}

div.content_left_float {
	float: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

#searchbox {
	float: left;
	padding-left: 4px;
}

	#searchbox input {
		width: 190px;
		height: 18px;
		font-family: Arial;
		font-size: 1.2em;
		padding-left: 24px;
		border: 2px solid #384B6B;
		background: #fff url("imgs/searchbox_icon.gif") no-repeat top left;
		color: #58B8EF;
	}

div.wbox {
	background: #fff url("imgs/wbox_BG.gif") no-repeat top left;
	margin-bottom: 10px;
}

	div.wbox h1,
	div.wbox h2 {
		font-size: 1.4em;
		font-weight: bold;
		color: #4c4c4c;
		display: block;
		height: 20px;
		margin: 0px;
		padding: 4px 4px 1px 4px;
	}

	div.wbox h2 {
		font-size: 1.2em;
	}

div.wbox_body {
	background: url("imgs/wbox_rightBG.gif") no-repeat bottom right;
}

div.wbox_content {
	border-top: 1px solid #f4f4f4;
	min-height: 60px;
	padding: 4px;
	margin: 0px 2px 0px 2px;
	background: url("imgs/wbox_contentBG.gif") repeat-x top left;
	text-align: left;
}

.content_left .wbox .wbox_body h2 {
	font-size: 8pt;
	padding: 6px 4px 6px 4px;
	height: auto;
}

/* Customize for Content LEft */

.content_left .wbox_content {
	padding: 4px 0px 4px 0px;
}

	.content_left .wbox_content li {
		background: url('imgs/sidemenu_listitemBG.gif') no-repeat top left;
	}

		.content_left .wbox_content li:hover {
			background-position: top right;
		}

	.content_left .wbox_content .menubullet li a {
		border: 1px solid transparent;
		color: #888;
		height: auto;
		padding: 4px 1px;
	}

		.content_left .wbox_content .menubullet li a:hover {
			background-color: Transparent;
			border: 1px solid #a9b7c0;
		}

/* ----- PARAGRAPHS ----- */
#container_content p {
	font-size: 1em;
	margin-top: 1px;
	margin-bottom: 10px;
}

#container_content pre {
	font-family: Verdana, Arial;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}
/* ----- LISTS ----- */

#container_content li {
	font-size: 1em;
}

/* ----- TEXTBOXS ----- */
textarea, select,
input.autocompleter,
input.fax,
input.phone,
input.email,
input.datefield,
input.searchbox,
input.txtbox {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
	border: 1px solid #FFC568;
	height: 16px;
	background-color: #FCFFE2;
	margin-top: 0px;
	margin-bottom: 1px;
	padding-left: 3px;
	padding-top: 2px;
	vertical-align: middle;
}

	textarea.txtareafocus,
	textarea:focus, textarea:hover,
	select.selectfocus,
	input.txtboxfocus /* for manual class application */,
	select:focus, select:hover,
	input.txtbox:focus /* >=IE8 + FF */,
	input.txtbox:hover /* >=IE7 + FF */ {
		/*background:#ddd url("imgs/textboxfocusBG.gif") no-repeat top left;*/
		/*color: blue;
	border: 1px solid #000;
	background: #EDF1F7;*/
	}

	select[disabled=disabled],
	input.txtboxreadonly, input.txtboxdisabled /* for manual class application */,
	input.txtbox[readonly=readonly] /* >=IE8 + FF */,
	input.txtbox[disabled=disabled] /* >=IE8 + FF */,
	input.txtbox[readonly=readonly]:focus /* >=IE8 + FF */ {
		/*background:#ddd url("imgs/textboxreadonlyBG.gif") no-repeat top left;*/
		color: #444;
	}

input.autocompleter,
input.fax,
input.phone,
input.searchbox,
input.email,
input.numeric,
input.integer,
input.datefield {
	padding-left: 18px;
	width: 220px;
	background-image: url("../../_assets/icons/fax.gif");
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

input.phone {
	background-image: url("../../_assets/icons/phone.gif");
}

input.email {
	background-image: url("../../_assets/icons/email.gif");
}

input.autocompleter {
	background-image: url("../../_assets/icons/autocompleter.gif");
}

input.integer, input.numeric {
	background-image: url("../../_assets/icons/numbers.gif");
}

input.datefield {
	background-image: url("../../_assets/icons/calendar.gif");
}

input.searchbox {
	background-image: url("../../_assets/icons/search.png");
	width: auto;
}

input.searchboxDark {
	background: #fff url("imgs/searchbox_icon.gif") no-repeat top left;
	width: 22px;
	height: 20px;
	border: none;
}

table.datatable tr td input.txtbox {
	width: 80%;
	min-width: 1em;
	padding-right: 0px;
}

table.datatable tr td input.autocompleter,
table.datatable tr td input.fax,
table.datatable tr td input.datefield,
table.datatable tr td input.phone,
table.datatable tr td input.email {
	width: 70%;
}

textarea {
	height: auto;
	overflow: auto;
}

select {
	height: 19px;
}

	select.multiselect,
	select[multiple=multiple] {
		height: 80px;
	}

/* ----- BUTTONS ----- */
input.button {
	color: #1A3E56;
	padding: 2px 1px 2px 1px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #707070;
	background: url("imgs/buttonnormalBG.gif") repeat-x center center;
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	line-height: normal;
	cursor: pointer;
	width: auto;
	overflow: visible;
}

	input.buttonhover /* for manual class application */,
	input.button:hover, input.button:focus /* only >= IE7 + FF */ {
		background: #D8EEFA url("imgs/buttonhoverBG.gif") repeat-x center center;
		border: 1px solid #286CCD;
	}

	input.button:active /* only >= IE8 + FF */ {
		border: 1px solid #FFBE3D;
		color: #000;
		padding-top: 3px;
		padding-bottom: 1px;
	}

	input.buttondisabled /* for manual class application */,
	input.button[disabled=disabled] /* only >= IE8 + FF */,
	input.savebtn[disabled=disabled],
	input.addbtn[disabled=disabled],
	input.cancelbtn[disabled=disabled],
	input.editbtn[disabled=disabled],
	input.yesbtn[disabled=disabled],
	input.nobtn[disabled=disabled],
	input.deletebtn[disabled=disabled] {
		color: #999;
		background-color: #ddd;
		background-image: none;
		border: 1px solid #ccc;
	}

input.savebtn {
	padding-left: 20px;
	background: url("imgs/buttonSAVEBTNnormalBG.gif") no-repeat center left;
}

	input.savebtnhover,
	input.savebtn:hover, input.savebtn:focus /* only >=IE7 + FF */ {
		background: url("imgs/buttonSAVEBTNhoverBG.gif") no-repeat center left;
	}

input.cancelbtn {
	padding-left: 20px;
	background: url("imgs/buttonCANCELBTNnormalBG.gif") no-repeat center left;
}

	input.cancelbtnhover,
	input.cancelbtn:hover, input.cancelbtn:focus /* only >=IE7 + FF */ {
		background: url("imgs/buttonCANCELBTNhoverBG.gif") no-repeat center left;
	}

input.editbtn {
	padding-left: 20px;
	background: url("imgs/buttonEDITBTNnormalBG.gif") no-repeat center left;
}

	input.editbtnhover,
	input.editbtn:hover, input.editbtn:focus /* only >=IE7 + FF */ {
		background: url("imgs/buttonEDITBTNhoverBG.gif") no-repeat center left;
	}

input.deletebtn {
	padding-left: 20px;
	background: url("imgs/buttonDELETEBTNnormalBG.gif") no-repeat center left;
}

	input.deletebtnhover,
	input.deletebtn:hover, input.deletebtn:focus /* only >=IE7 + FF */ {
		background: url("imgs/buttonDELETEBTNhoverBG.gif") no-repeat center left;
	}

input.yesbtn,
input.yesbtn:hover {
	padding-left: 20px;
	background: url("imgs/buttonYesBTNhighlightlBG.gif") no-repeat center left;
}

input.nobtn,
input.nobtn:hover {
	padding-left: 20px;
	background: url("imgs/buttonNOBTNnormalBG.gif") no-repeat center left;
}

input.copybtn {
	padding-left: 23px;
	background: url("imgs/buttonCopyBTNnormalBG.gif") no-repeat center left;
}

	input.copybtnhover,
	input.copybtn:hover, input.copybtn:focus /* only >=IE7 + FF */ {
		background: url("imgs/buttonCopyBTNhoverBG.gif") no-repeat center left;
	}

input.questionbtn {
	padding-left: 23px;
	background: url("imgs/buttonQuestionMarkBG.gif") no-repeat center left;
}

	input.questionbtn:hover, input.questionbtn:focus /* only >=IE7 + FF */ {
		background: url("imgs/buttonQuestionMarkBGHighlight.gif") no-repeat center left;
	}

input.addbtn {
	padding-left: 20px;
	background: url("imgs/buttonADDBTNnormalBG.gif") no-repeat center left;
}

	input.addbtnhover,
	input.addbtn:hover, input.addbtn:focus /* only >=IE7 + FF */ {
		background: url("imgs/buttonADDBTNhoverBG.gif") no-repeat center left;
	}

/* ----- LINKS ----- */

a {
	color: blue;
	text-decoration: underline;
}

	a:hover {
		color: red;
	}

	a.miniadd,
	a.minicancel {
		background: url("imgs/miniCancel.gif") no-repeat top left;
		height: 16px;
		width: 16px;
		text-decoration: none;
		display: block;
	}

	a.miniadd {
		background: url("imgs/miniAdd.gif") no-repeat top left;
	}

		a.miniadd:hover,
		a.minicancel:hover {
			background-position: top right;
		}

		a.miniadd span,
		a.minicancel span {
			display: block;
			text-indent: -1000px;
			width: 16px;
			font-size: 10pt;
			cursor: pointer;
		}

/* ----- CLASSES ----- */
.req, .warning {
	color: Red;
}

.MainMenuSelected {
	background: url("imgs/mainmenu_ItemBG.gif") repeat-x bottom left;
}

a.externalLink {
	background: url("../../_assets/icons/ExternalLink.gif") no-repeat bottom right;
	padding-right: 12px;
}

ul.menuNoBullet,
ul.menubullet {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 7.5pt;
}

	ul.menuNoBullet li,
	ul.menubullet li {
		display: block;
		padding: 0px;
		border-bottom: 1px solid #f5f5f5;
	}

		ul.menuNoBullet li a,
		ul.menubullet li a {
			display: block;
			height: 22px;
			color: #aaa;
			text-decoration: none;
			/*background: url("imgs/menubullet.gif") no-repeat 1px 8px;*/
		}

			ul.menuNoBullet li a span,
			ul.menubullet li a span {
				display: block;
				/*padding: 4px 4px 4px 12px;*/
				padding: 4px;
			}

			ul.menuNoBullet li a:hover,
			ul.menubullet li a:hover {
				color: Red;
				background-color: #f4f4f4;
			}

		ul.menuNoBullet li a {
			background-image: none;
		}

			ul.menuNoBullet li a img {
				border: 0px;
				vertical-align: middle;
			}

.txtboxHint {
	color: #666;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.msgbox {
	padding: 6px;
	padding-left: 20px;
	background: #F4FFDB url("../../_assets/icons/infoicon.gif") no-repeat 2px 5px;
	border: 1px dashed #333;
}

.msgboxerr {
	background: #FFA18E url("../../_assets/icons/erroricon.gif") no-repeat 2px 5px;
	border: 1px dashed #666;
}

.msgboxalert {
	background: #F9DDFF url("../../_assets/icons/exclaimicon.gif") no-repeat 2px 5px;
	border: 1px dashed #666;
}

/* Hide + show without block elements. */
.hideNB {
	visibility: hidden;
}

.showNB {
	visibility: visible;
}

select.ValidateErr,
input.ValidateErr {
	border: 1px dashed red;
	background-color: #FDD9FF;
}

span.ValidateErr {
	color: Red;
	display: block;
	padding-left: 20px;
	padding-bottom: 2px;
	background: url("imgs/exMark.gif") no-repeat top left;
	height: 24px;
}

.blockOverlay,
.modalBg {
	background: #666666 url("imgs/modalbg_bg.gif") repeat scroll 50% 50%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: fixed;
	z-index: 1000;
	overflow: hidden;
	cursor: wait;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.progressindicator {
	padding: 5px;
	color: #000;
	font-weight: bold;
	text-align: center;
	height: 100px;
	width: 300px;
	border: solid 1px #04397E;
	background: #fff url("../../_assets/images/ajax-loader.gif") no-repeat center center;
	filter: alpha(opacity=90);
	opacity: 0.9;
	z-index: 1001;
}

#ErrorDiv h1 {
	font-family: Arial;
	background: url("imgs/errorheader_BG.gif") repeat-x top left;
	height: 20px;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
	text-align: center;
}

#ErrorDivBody {
	padding: 0px;
	color: #000;
	position: absolute;
	top: 100px;
	left: 200px;
	right: 200px;
	height: 360px;
	border: solid 1px #04397E;
	filter: alpha(opacity=90);
	opacity: 0.9;
	z-index: 1001;
	background: #fff;
	overflow: auto;
}

#ErrorDivContent {
	font-family: Arial;
	display: block;
	padding: 4px;
	height: 250px;
	overflow: auto;
	background: url("imgs/wbox_contentBG.gif") repeat-x top left;
	border-bottom: 1px solid #333;
}

#ErrorDivFooter {
	vertical-align: bottom;
	text-align: center;
	padding-top: 5px;
	background: #fff;
}

#PromptDiv .PromptBody {
	background: #eee url("imgs/dialogbg.gif") repeat-x 50% top;
	width: 300px;
	height: 200px;
	padding: 0px;
	color: #000;
	text-align: center;
	border: solid 1px #999;
}

#PromptDiv .PromptMsg {
	padding: 8px 4px 4px 4px;
	height: 100px;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	background: #eee url("imgs/dialogbg.gif") repeat-x 50% top;
}

#PromptDiv .PromptButts {
	border-top: 1px solid #ddd;
	padding: 4px;
	/*background:#eee url("imgs/dialogbg.gif") repeat-x 50% top;*/
}

#PromptDiv h1 {
	display: block;
	height: 25px;
	font-size: 1.2em;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	background: url("imgs/PromptHeaderBG.gif") repeat-x top left;
}

.modalDialogIHRS {
	background: #fff;
	padding: 0px;
	color: #000;
	border: solid 1px #999;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1001;
}

	.modalDialogIHRS h1 {
		display: block;
		height: 25px;
		font-size: 1.2em;
		margin: 0px;
		padding: 6px 2px 2px 2px;
		background: url("imgs/PromptHeaderBG.gif") repeat-x top left;
	}

.modalDialogIHRS_Body {
	background: #eee url("imgs/dialogbg.gif") repeat-x 50% top;
	padding: 4px;
}

	.modalDialogIHRS_Body h2 {
		font-size: 1.1em;
	}

.modalDialogIHRS_Butts {
	text-align: right;
	border-top: 1px solid #ddd;
	padding: 4px;
}

/* ----- DATA GRID CLASSES ----- */
.grid {
	font-size: 11px;
	font-family: Tahoma;
	border: solid 1px #333;
	background-color: #fff;
	padding: 1px;
	border-bottom: none;
}

	.grid .title {
		padding-left: 2px;
		background: #495265;
		color: #fff;
		height: 20px;
		text-align: left;
		line-height: 20px;
		font-size: 1.3em;
		font-weight: bold;
	}

	.grid .datatable {
		background-color: #fff;
		width: 100%;
		overflow: inherit;
	}

		.grid .datatable tr.header th {
			text-align: left;
			height: 17px;
			line-height: 17px;
			padding: 0px 4px 0px 4px;
			background: url(imgs/grid/gray_hd_bg.png) repeat-x bottom left;
			border-right: solid 1px #9e9e9e;
			color: #333;
			white-space: nowrap;
		}

			.grid .datatable tr.header th a {
				cursor: pointer;
				display: block;
				color: #333;
				text-decoration: none;
				background: url(imgs/grid/box.gif) no-repeat center right;
				padding-right: 8px;
				font-weight: bold;
			}

				.grid .datatable tr.header th a:hover {
					color: #000;
				}

		.grid .datatable tr.odd td, .grid .datatable tr.even td {
			color: #222;
			text-align: left;
			padding: 2px 4px;
			border-right: solid 1px #d9d9d9;
		}

TR.even {
	background-color: #fff;
}

TR.odd {
	background-color: #f1f5fa;
}

.grid .datatable TR.rowedit {
	background-color: #FDFFC2;
}
/* Sorting Styles */
.grid table.datatable tr.header th.asc,
.grid table.datatable tr.header th.desc {
	background: url(imgs/grid/hd_bg_sort.png) repeat-x;
	padding-right: 0px;
}

.grid .datatable tr.header th .sort {
}

.grid .datatable tr.header th.asc .sort {
	background: url(imgs/grid/asc.gif) no-repeat center right;
}

.grid .datatable tr.header th.desc .sort {
	background: url(imgs/grid/desc.gif) no-repeat center right;
}

.grid .datatable tr td.functioncol {
	text-align: center;
}

.grid_customfooter {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

	.grid_customfooter .datatable {
		background-color: #fff;
		width: 100%;
		overflow: inherit;
	}

/* Theme specific styles */
.wbox .grid .datatable tr.header th {
	background: url(imgs/grid/gray_hd_bg.png) repeat-x bottom left;
}

.wbox .grid .title {
	background: #495265;
}

.gray .grid table.datatable tr.header th {
	background: url(imgs/grid/gray_hd_bg.png) repeat-x;
}

.gray .grid .title {
	background: #323A4B;
}

.grid .datatable TR .savebtn,
.grid .datatable TR .editbtn,
.grid .datatable TR .cancelbtn,
.grid .datatable TR .deletebtn {
	font-size: 0.9em;
}

.grid .datatable TR.rowedit .savebtn,
.grid .datatable TR.rowedit .editbtn,
.grid .datatable TR.rowedit .cancelbtn,
.grid .datatable TR.rowedit .deletebtn {
	border: 1px solid #873800;
}

.grid .datatable TR.empty td {
	text-align: center;
	padding: 10px;
}

.grid .datatable TR.footer {
	background-color: #EFFFF0;
	border-top: 1px solid #ddd;
	border-bottom: 0px;
	display: none;
}

.datatable TR.footerlink td {
	background-color: #EFFFF0;
	border-top: 1px solid #ddd;
	border-bottom: 0px;
}

.grid a img, .datatable a img {
	border: none;
}

.grid .datatable TR.empty a,
.grid .datatable TR.footer a,
.grid .datatable TR.footerlink a {
	text-decoration: none;
}

	.grid .datatable TR.empty a img,
	.grid .datatable TR.footer a img,
	.datatable TR.footerlink a img {
		vertical-align: middle;
	}

.gridpager {
	text-align: right;
	border: solid 1px #333;
	border-top: solid 1px #9e9e9e;
	height: 20px;
	padding: 0px 2px 0px 2px;
	background: #DCE0E4;
	background: url(imgs/grid/blue_hd_pager_bg.png) repeat-x;
}

	.gridpager .count {
		padding-top: 4px;
		float: left;
	}

	.gridpager .links {
		float: right;
		padding-top: 3px;
	}

		.gridpager .links a {
			height: 20px;
			font-family: Verdana;
			color: #2F4756;
			font-weight: bold;
			padding: 1px 3px 2px 3px;
			text-decoration: underline;
		}

			.gridpager .links a:hover {
				color: black;
				background-color: #fff;
				text-decoration: none;
			}

			.gridpager .links a.currentpage,
			.gridpager .links a.currentpage:hover {
				color: #000;
				text-decoration: none;
				background-color: Transparent;
			}

.grid .datatable tr.filterHeader {
	background-color: #DBE7FF;
}

	.grid .datatable tr.filterHeader td {
		border-bottom: 1px solid #999;
		height: 20px;
	}

	.grid .datatable tr.filterHeader input.txtbox,
	.grid .datatable tr.filterHeader select {
		font-size: 0.8em;
		padding: 0px;
		background-color: #fff;
		font-family: Arial;
		height: 14px;
	}

	.grid .datatable tr.filterHeader select {
		height: 17px;
	}

	.grid .datatable tr.filterHeader a {
		text-decoration: none;
	}

		.grid .datatable tr.filterHeader a.FilterThis {
			background: url("../../_assets/icons/filter.gif") no-repeat 0px -1px;
			padding: 1px;
			padding-left: 18px;
			height: 20px;
		}

		.grid .datatable tr.filterHeader a.ClearFilter {
			background: url("../../_assets/icons/cross.gif") no-repeat 0px -1px;
			padding: 1px;
			padding-left: 18px;
			height: 20px;
		}

.grid .FilterOnNotice {
	border-top: 1px dashed #AAA;
	color: #AAA;
	text-align: center;
	padding: 15px;
}

.CodeCheckerInvalid,
.CodeCheckerValid {
	color: Green;
	background: url("../../_assets/icons/tick.gif") no-repeat 0px -1px;
	padding-left: 18px;
	height: 21px;
}

.CodeCheckerInvalid {
	color: Red;
	background: url("../../_assets/icons/exclaimicon.gif") no-repeat 0px -1px;
}

/* ----- FORM TABLE CLASSES ----- */
table.simpleform {
}

	table.simpleform td.labelNW /*nowidth*/,
	table.simpleform td.labelSM,
	table.simpleform td.label {
		text-align: right;
		padding-left: 10px;
		padding-right: 4px;
		padding-top: 4px;
		vertical-align: top;
		white-space: nowrap;
		width: 200px;
	}

	table.simpleform td.labelSM {
		width: 110px;
	}

	table.simpleform td.labelNW {
		width: auto;
	}

		table.simpleform td.labelNW label,
		table.simpleform td.labelSM label,
		table.simpleform td.label label {
			font-weight: bold;
		}

	table.simpleform td.field {
	}

	table.simpleform td.fieldRead {
		padding-left: 10px;
		padding-right: 4px;
		padding-top: 4px;
		vertical-align: top;
		white-space: nowrap;
	}

	table.simpleform td.status {
	}

table.listtable {
	width: 100%;
}

	table.listtable td {
		padding: 2px 3px;
	}

/*Need to overwrite the calendar's settings */
.grid .datatable tr td div.ajax__calendar_days tr td,
.grid .datatable tr td div.ajax__calendar_months tr td,
.grid .datatable tr td div.ajax__calendar_years tr td {
	background-color: #fff;
	border: 0px;
	font-size: 100%;
	padding: 0px;
}

/* Style for AjaxControlToolkit's MaskEdit  */
.MaskedEditFocus {
	background-color: #ffffcc;
	color: #000000;
}

.MaskedEditMessage {
	color: #ff0000;
	font-weight: bold;
}

.MaskedEditError {
	background-color: #ffcccc;
}

.MaskedEditFocusNegative {
	background-color: #ffffcc;
	color: #ff0000;
}

.MaskedEditBlurNegative {
	color: #ff0000;
}

/* Needs to overwrite the default text size of the AJAX Toolkit's Tabs */
#container_content .ajax__tab_body {
	font-size: 1em;
	padding: 4px;
}

/* AutoComplete styles */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.ac_results li {
		margin: 0px;
		padding: 2px 5px;
		cursor: default;
		display: block;
		/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
		/*width: 100%;*/
		font: menu;
		font-size: 12px;
		/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
		line-height: 16px;
		overflow: hidden;
	}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* ==   Style for the Jquery Tooltip plugin  == */
#tooltip {
	position: absolute;
	z-index: 9999;
	border: 1px solid #FFD48C;
	background-color: #F8FFC9;
	padding: 5px;
	opacity: 0.85;
}

	#tooltip h3, #tooltip div {
		margin: 0;
	}

	#tooltip h3 {
		font-size: 8.5pt;
		font-weight: normal;
	}

/* ==   Style for Web Parts  == */
.webpart-title {
	color: #ffffff;
	padding: 4px 4px 4px 4px;
	font-weight: bold;
	letter-spacing: 0px;
	/*background-color:#495265;*/
	font-size: 7.5pt;
	background: #9AAEBB url(imgs/mainmenu_BG.gif) repeat-x bottom left;
}

.webpart-body {
	background: #fff;
	border: 1px solid red;
	margin-bottom: 2px;
}

/*== Style for Document Browser ==*/
.DocBrowserLink a,
.DocBrowserLink a:active,
.DocBrowserLink a:visited {
	display: block;
	padding: 2px;
	text-decoration: none;
}

	.DocBrowserLink a:hover {
		background-color: #f2f2f2;
		border: 1px solid #C7D5DE;
		padding: 1px;
	}

.DocBrowserDesc {
	color: #666;
	font-size: 93%;
}

/* Styles for Custom DatePicker */
div.datepicker {
	position: relative;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 0.9em;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}

.datepickerContainer {
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
}

.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
}

.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
}

.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
}

.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
}

.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
}

.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
}

.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
}

.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
}

.datepickerHidden {
	display: none;
}

div.datepicker table {
	border-collapse: collapse;
}

div.datepicker a {
	color: #2E6E9E;
	text-decoration: none;
	cursor: default;
	outline: none;
}

div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}

div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}

div.datepicker tbody th {
	text-align: left;
}

div.datepicker tbody a {
	display: block;
}

.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}

.datepickerYears a,
.datepickerMonths a {
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}

td.datepickerNotInMonth a {
	color: #666;
}

td.datepickerSunday a,
td.datepickerSaturday a {
	color: #7F4F4F;
}

tbody.datepickerDays td.datepickerSelected {
	/*background: #136A9F;*/
}

	tbody.datepickerDays td.datepickerSelected a {
		background: #F5F8F9 url(jqueryui_redmond_images/ui-bg_inset-hard_100_f5f8f9_1x100.png) repeat-x scroll 50% 50%;
		border: 1px solid #79B7E7;
		color: #E17009;
		font-weight: bold;
		outline-color: -moz-use-text-color;
		outline-style: none;
		outline-width: medium;
	}

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #C9D7E0;
}

tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected {
	background: #17384d;
}

div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}

div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}

div.datepicker tbody th {
	text-align: center;
}

.datepickerSpace div {
	width: 15px;
}
/*
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
*/
td.datepickerWrapper {
	border: 1px solid #A6C9E2;
	padding: 4px;
}

table.datepickerViewDays tbody tr td,
table.datepickerViewMonths tbody tr td table.datepickerViewYears tbody tr td {
	padding: 1px;
}

table.datepickerViewDays thead tr,
table.datepickerViewMonths thead tr,
table.datepickerViewYears thead tr {
	background: #5C9CCC url(jqueryui_redmond_images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) repeat-x scroll 50% 50%;
	border: 1px solid #4297D7;
	color: #FFFFFF;
	font-weight: bold;
}

	table.datepickerViewDays thead tr a:active,
	table.datepickerViewDays thead tr a:visited,
	table.datepickerViewDays thead tr a,
	table.datepickerViewMonths thead tr a:active,
	table.datepickerViewMonths thead tr a:visited,
	table.datepickerViewMonths thead tr a,
	table.datepickerViewYears thead tr a:active,
	table.datepickerViewYears thead tr a:visited,
	table.datepickerViewYears thead tr a {
		font-weight: bold;
		color: #222;
	}

		table.datepickerViewDays thead tr a:hover {
			color: #000;
		}

table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}

table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}

table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}

td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a {
	color: #333;
}

	td.datepickerDisabled a:hover {
		color: #333;
	}

td.datepickerSpecial a {
	background: #700;
}

td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}

tr.datepickerDoW th {
	padding: 2px;
	color: #222222;
	font-weight: bold;
	text-align: center;
}

.widgetCalendar {
	position: absolute;
	top: 26px;
	left: 0;
	height: 0px;
	overflow: hidden;
	width: 588px;
	background: #B9B9B9;
}

	.widgetCalendar .datepicker {
		position: absolute;
		bottom: 0;
		top: auto;
	}

	.widgetCalendar .datepickerContainer,
	.widgetCalendar .datepickerBorderT,
	.widgetCalendar .datepickerBorderB,
	.widgetCalendar .datepickerBorderL,
	.widgetCalendar .datepickerBorderR,
	.widgetCalendar .datepickerBorderTL,
	.widgetCalendar .datepickerBorderTR,
	.widgetCalendar .datepickerBorderBL,
	.widgetCalendar .datepickerBorderBR {
		background: transparent !important;
	}

	.widgetCalendar .datepicker a:hover {
		color: #b6f063;
	}

/*
	Leave Calendar Styles
*/
#leaveCal {
	font-size: 95%;
}

	#leaveCal .selectorStyle {
		font-size: 85%;
		width: 50px;
	}

	#leaveCal .dayHeaderStyle {
		text-align: center;
		font-weight: bold;
		color: #2e6e9e;
		background: #dfeffc url(../jqueryui_images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
	}

	#leaveCal .titleStyle {
		height: 30px;
		/*background: #5c9ccc url(../jqueryui_images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;*/
		padding-left: 2px;
		background: #495265;
		color: #fff;
		text-align: left;
		line-height: 20px;
		font-size: 1.2em;
		font-weight: bold;
	}

	#leaveCal .holidayStyle,
	#leaveCal .todayStyle,
	#leaveCal .otherMonthDaysStyle,
	#leaveCal .weekendStyle,
	#leaveCal .dayStyle {
		padding: 2px;
		background: #F8FFC9;
		height: 140px;
		vertical-align: top;
		text-align: left;
		border: 1px solid #C5DBEC;
	}

	#leaveCal .weekendStyle {
		background: #EAF4FD;
	}

	#leaveCal .otherMonthDaysStyle {
		background: #ddd;
	}

	#leaveCal .todayStyle {
		background: #FFEAC9;
	}

	#leaveCal .holidayStyle {
		background: #fff;
	}

	#leaveCal .holidayTitle {
		text-align: right;
		color: #999;
		font-style: italic;
	}

	#leaveCal .leaveRecord {
		display: block;
		font-size: 85%;
		background: #dfeffc url(../jqueryui_redmond_images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
		padding: 2px;
		margin-bottom: 1px;
		border: 1px solid #C5DBEC;
	}

	#leaveCal .planLeaveRecord {
		display: block;
		font-size: 85%;
		background: #fce4dc url(../jqueryui_redmond_images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
		padding: 2px;
		margin-bottom: 1px;
		border: 1px solid #eca290;
	}

	#leaveCal .pendingLeaveRecord {
		display: block;
		font-size: 85%;
		background: #D8F6CE;
		padding: 2px;
		margin-bottom: 1px;
		border: 1px solid #40FF00;
	}

	#leaveCal .moreStyle {
		text-align: right;
		display: block;
		font-style: italic;
	}

	#leaveCal a.dateSelectable {
		display: block;
		text-decoration: none;
		color: #000;
	}

		#leaveCal a.dateSelectable:hover {
			color: inherit;
		}

/*checkboxlist*/

.chkTable tr {
	height: 25px;
	vertical-align: text-top;
}

	.chkTable tr td {
		width: 20%;
	}

/*LinkButton*/
.noLink {
	text-decoration: none;
	color: Black;
}

/*Test By Myo*/
.contain_caption {
	color: #ffffff;
	padding: 4px 4px 4px 4px;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: 0px;
	background: url("../../_assets/Images/dialog-title.gif" );
	position: relative;
}

.contain {
	border: 1px solid #8998AF;
	border-top: 0px;
}

.contain_body {
	color: #000000;
	padding: 4px 4px 5px 4px;
	background-color: White;
}

.imagebutton {
	/*border-width: 1px;*/
	padding: 1px;
}

.imagebuttonhover {
	/*border: solid 1px black;*/
	padding: 1px;
	background-color: #ffd99a;
}
/*End => Test By Myo*/

div.fullHeight {
	min-height: 480px;
}

/*-- Essential Styles for SuperFish menu --*/
.sf-menu, .sf-menu * {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 9998;
}

.sf-menu {
	line-height: 1.0em;
}

	.sf-menu ul {
		position: absolute;
		top: -999em;
		width: 12em; /* left offset of submenus need to match (see below) */
		line-height: 1em;
	}

		.sf-menu ul li {
			width: 100%;
			list-style-type: none;
			margin: 0px;
			text-align: left;
			line-height: 1em;
		}

	.sf-menu li:hover {
		visibility: inherit; /* fixes IE7 'sticky bug' */
	}

	.sf-menu li {
		float: left;
		position: relative;
		line-height: 1em;
	}

		.sf-menu li a { /*font-size: 85%;*/
		}

	.sf-menu a {
		display: block;
		position: relative; /*font-size:85%; */
	}

	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		left: 0;
		top: 2em; /* match top ul list item height */
		z-index: 99;
	}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}

	.sf-menu a {
		padding: 7px 14px;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
	}

		.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
			color: #fff;
		}

	.sf-menu li {
		background:;
		color: #fff;
		font-weight: bold;
	}

		.sf-menu li li {
			background: #44677d;
		}

			.sf-menu li li li {
				background: #44677d;
			}

		.sf-menu li:hover,
		.sf-menu li.sfHover,
		.sf-menu a:focus,
		.sf-menu a:hover,
		.sf-menu a:active {
			outline: 0;
			background: #96aab6; /* current main item */
		}

		.sf-menu li a:hover {
			color: #fff !important;
		}

/***********Common******/
.QUESTIONMARK {
	background: url("imgs/question-mark-icon.gif") no-repeat top left;
	width: 16px;
	height: 16px;
	cursor: help;
}

.icon-expand {
	display: block;
	background: url("imgs/expand.png") no-repeat top left;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.icon-collapse {
	display: block;
	background: url("imgs/collapse.png") no-repeat top left;
	width: 16px;
	height: 16px;
	cursor: pointer;
}