/* DEFAULTS
----------------------------------------------------------*/
html {
	background: #F6F8FC url(Images/topbkgnd.jpg) repeat-x top left;
	height: 100%;
	overflow-y: scroll;
}

body {
	background: url(Images/botbkgnd.jpg) repeat-x bottom left;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, "Segoe UI", "Trebuchet MS", sans-serif;
	font-size: 0.75em;
	color: #000000;
	background: white;
}

html > body {
	min-height: 100%;
	height: auto;
}
/* CSS hack for FF2 */

/* common elements */
.ie8fix {
	z-index: 1000;
}

.fullheight {
	height: 100%;
}

.fullwidth {
	width: inherit;
	display: block;
}

.autowidth {
	width: auto !important;
}

.autoheight {
	height: auto !important;
}

.inheritheight {
	height: inherit !important;
}

.scroll {
	overflow-y: scroll;
	width: 100%;
	height: 0;
}

.verticalscroll {
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

.noscroll {
	overflow: hidden;
}

.error {
	color: #FF0000;
}

.leftalign {
	text-align: left !important;
}

.rightalign {
	text-align: right !important;
}

.centeralign {
	text-align: center !important;
}

.topalign {
	vertical-align: top !important;
}

.middlealign {
	vertical-align: middle !important;
}

.bottomalign {
	vertical-align: bottom !important;
}

.clear {
	clear: both !important;
}

.bold {
	font-weight: bold !important;
}

.disabled, .watermark {
	color: #B6B6B6;
}

.visible {
	display: inline !important;
}

.hidden {
	display: none !important;
}

.spacer {
	background-image: url('Images/spacer.gif');
	height: 12px;
}

.mousepointer {
	cursor: pointer !important;
}

.border {
	border: solid 1px #000000;
}

.noborder {
	border: none !important;
}

.underline {
	text-decoration: underline !important;
}

.nounderline {
	text-decoration: none !important;
}

.nowraptext {
	white-space: nowrap !important;
}

.highlight {
	background-color: #FF9933;
	color: #000000;
	font-weight: normal;
}

.legend {
	font-size: .8em;
}

.deletedback {
	background: url(Images/sqr_deleted.gif) no-repeat center;
}

.deletedbackground {
	background: url(Images/deletedbkg.gif) repeat top right;
}

.pad4 {
	padding: 4px;
}

.footer {
	/*background-image: url(Images/bg-line.gif);*/
	/*background-repeat: repeat-x;
	background-position: left top;
	padding: 8px 0px 0px 0px; 
	position: relative;
	line-height: normal;
	background: white;*/
	border-top: 2px solid #02394d;
	position: relative;
	line-height: normal;
	background: #3eb398;
	font-weight: normal;
	color: #e5e5e5;
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
}
	.footer a {
		color: #FFF!important;
	}

button {
	border: none !important;
	background: none;
}

/* page container elements */
#contents-wrapper-table {
	vertical-align: top;
	height: 100%;
	width: 100%;
	border: none;
}

.contentTL, .contentTR, .contentBL, .contentBR {
	width: 9px;
}

.contentTS {
	background: url(Images/midsqrts.gif) repeat-x top left;
	height: 9px;
}

.contentBS {
	background: url(Images/midsqrbs.gif) repeat-x top left;
	height: 9px;
}

.contentLS {
	background: url(Images/midsqrls.gif) repeat-y top left;
	width: 9px;
}

.contentRS {
	background: url(Images/midsqrrs.gif) repeat-y top left;
	width: 9px;
}

.contentM {
	vertical-align: top;
	background-color: #FFFFFF;
	height: 100%;
}

.contentBox {
	padding: 4px;
}

.contentCopyrightBox {
	padding: 0px 4px 4px 4px;
	color: #000000;
	font: normal bold 0.95em Arial;
}

/* link element */
a.pagelink:link, a.pagelink:visited, a.pagelink:active {
	font-family: "Trebuchet MS", "Segoe UI", "Helvetica Neue", Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	color: #3cb196;
	cursor: pointer;
	text-decoration: none;
}

a.pagelink:hover {
	color: #FF0000;
	text-decoration: underline;
}

/* form fields */
input.textbox, select, textarea {
	background: #FFFFFF url(Images/text.jpg) repeat-x bottom left;
	font-family: "Segoe UI", Arial;
	font-size: 1em;
	border: solid 1px #c2c2c2;
	text-align: left;
	padding: 1px 4px 1px 4px;
}

label {
	font-family: "Trebuchet MS", "Helvetica Neue", "Segoe UI", Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	color: #000000;
}

.buttonwrapper {
}

input.button {
	/* min-width: 80px; color: #FFFFFF; font: normal bold 0.8em "Segoe UI" , "Helvetica Neue" , Arial; height: 20px; border: none; cursor: pointer; text-align: center !important; background: url(Images/buttonbkgnd.jpg) repeat-x top left; */
}

/* breadcrum */
.breadcrum-wrapper {
	width: auto;
	height: 24px;
	clear: both;
	font-size: inherit;
}

.breadcrum-links {
	width: auto;
	margin: 4px 0px 0px 4px;
	float: left;
}

.breadcrum-pagelabel {
	margin: 4px 4px 0px 0px;
	float: right;
	font-size: inherit;
}

.breadcrum-divider {
	clear: both;
	height: 16px;
	background: url(Images/hdots.gif) repeat-x left;
}

/* fieldset */
div.item-container {
	border: solid 1px #c2c2c2;
	padding: 0.6em;
	text-align: justify;
	z-index: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}

div.item-legend {
	background-color: #FFFFFF;
	height: 18px;
	position: relative;
	top: -1.4em;
	float: left;
}

	div.item-legend span.item-legend-title {
		position: relative;
		font-weight: bold;
		top: 0.2em;
		margin: auto 0.4em auto 0.4em;
	}

div.item-data {
	text-align: left;
	vertical-align: top;
	width: auto;
	top: -0.6em;
	z-index: 0;
}

/* menubar */

.menubar {
	margin: 0px;
	width: 100%;
	height: 32px;
	padding-top: 2px;
	background: #00384d;
}

.menuItem {
	color: #FFFFFF;
	padding: 4px 2px 4px 2px;
	font: normal bold 0.9em Arial;
}

	.menuItem:Hover {
		background: #00384d;
	}

.subMenuItem {
	color: #FFFFFF;
	font: normal bold 0.9em Arial;
	text-decoration: none;
}

.subMenuDivider {
	display: block;
	background: #fff0;
	height: 2px;
}

a.rootnode, a.rootnode:hover, a.rootnode:visited {
	color: #000;
	font: normal bold 0.95em Arial;
	text-decoration: none;
}

a.linknode, A.linknode:hover, a.linknode:visited {
	color: #000000;
	font: normal bold 0.95em Arial;
	text-decoration: none;
}

.menubar .currentNode {
	color: #3366CC;
	font: normal bold 0.95em Arial;
	text-decoration: none;
}

/* table */
table.tableFixedLayout {
	table-layout: fixed;
}

table td, table th {
	word-wrap: break-word;
}

table th {
	font-weight: normal;
	text-align: left;
}

table {
	_width: 99%;
}

.tableHeader {
	text-align: left;
	background: url(Images/gridheaderl.jpg) repeat-x left top;
	font: normal bold 1em Arial;
	color: #003399;
	vertical-align: top;
	height: 22px;
	min-height: 22px;
	padding-top: 6px;
}

.tableItem {
	background-color: #f2f2f2;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #cacaca;
	font-weight: normal;
	color: #000000;
	vertical-align: top;
	clear: both;
}

/* tr.gridItem, td.gridItem { background-color: #E5EBF8; font-weight: normal; color: #000000; vertical-align: top; clear: both; }
tr.gridAlternateItem, td.gridAlternateItem { background-color: #CDDCFF; font-weight: normal; color: #000000; vertical-align: top; clear: both; } */

/* topbar styles */
#Logo-Panel {
	height: 62px;
	background: #E5EBF6 url(Images/topspliter.jpg) no-repeat top right;
	text-align: center;
}

#Userdetails-Panel {
	width: auto;
	height: 50px;
	background-color: #fff;
	text-align: right;
	vertical-align: bottom;
}

a.topbarlink, a.topbarlink:visited, a.topbarlink:hover {
	text-decoration: none;
	color: #023a4e;
	font: normal bold 0.95em Arial;
}

.userName {
	color: #023a4e;
	font: normal bold 1.1em Arial;
}

.todayDate {
	color: #3cb196;
	font: normal normal 0.95em Arial;
	font-weight: 200;
}

/* login box */
.loginbox {
	width: 50%;
}

.box-wrapper {
	margin: 0 auto;
	border: solid 1px #C7C7C7;
	border-top: none;
}

/* modal popup */
.modalbackground {
	background-color: #9D9D9D;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalpopup {
	background-color: #FFFFFF;
	border: 3px solid #9D9D9D;
	padding: 10px;
	width: 100%;
	height: auto;
}

/* list styles */
ul, ol {
	width: 100%;
	margin: 0em;
	padding-left: 1em;
}

/* autocomplete */
.autocompleteList {
	background-color: #FFF;
	margin: 0px !important;
	border: 1px solid #999;
	cursor: pointer;
	overflow: auto;
	text-align: left;
	max-height: 200px;
}

.autocompleteListItem {
	color: #666;
	padding: 4px;
	border-bottom: 1px solid #ddd;
}

.autocompleteListItemHighlight {
	background-color: #E5E5E5;
	color: #000;
	padding: 4px;
	border-bottom: 1px solid #ddd;
}

/* page loading contents */
.loading {
	border: solid 1px #CF4342;
	padding: 1px;
	margin: 1px;
	left: 0px;
	bottom: 0%;
	position: absolute;
	z-index: 100015;
}

.loading-content {
	padding: 2px;
	margin: 2px;
	background-color: #CF4342;
	white-space: nowrap;
	height: 30px;
	top: 2px;
	left: 6px;
}

.loading-text {
	color: #FFFFFF;
}

/* MODAL POPUP ELEMENTS   
----------------------------------------------------------*/
.modalbackground {
	background-color: #9D9D9D;
	filter: alpha(opacity=70);
	opacity: 0.7;
	width: 100% !important;
	height: 100% !important;
}

.modalpopup {
	background-color: #FFFFFF;
	border: 3px solid #9D9D9D;
	padding: 6px;
	width: 100%;
	height: auto;
	-moz-box-shadow: 8px 8px 12px #888, 8px 8px 12px #888;
	-webkit-box-shadow: 8px 8px 12px #888, 8px 8px 12px #888;
	-o-box-shadow: 8px 8px 12px #888, 8px 8px 12px #888;
	-ms-box-shadow: 8px 8px 12px #888, 8px 8px 12px #888;
	box-shadow: 8px 8px 12px #888, 8px 8px 12px #888;
}

.popup-wrapper {
	width: auto;
	height: 30px;
	clear: both;
	font-size: inherit;
}

.popup-links {
	width: auto;
	margin: 4px 0px 0px 4px;
	float: left;
}

.popup-pagelabel {
	margin: 4px 4px 0px 0px;
	float: right;
	font-size: inherit;
}

.popup-divider {
	clear: both;
	height: 16px;
	background: url(Images/hdots.gif) repeat-x left;
}

/* calendar control */
.ccdayheader {
	background-color: #CCCCCC;
	font-weight: bold;
	font-size: 0.9em;
	color: #333333;
	border: solid 1px #999999;
	height: 14pt;
}

.ccday {
	text-align: left;
	vertical-align: top;
	border: solid 1px #999999;
	width: 14%;
}

.ccotherday {
	color: #555555;
	background-color: #E9E9E9;
}

.whiteback {
	background-color: #FFFFFF;
	height: 100% !important;
}

.calendarLabel {
	font-size: x-small;
	color: #333333;
}
/* Style sheet for Freezing the headers and columns */
.sBase {
	overflow: hidden;
	width: 100%;
	position: relative;
	height: 100%;
}

.sHeader {
	z-index: 3;
	position: absolute;
	background-color: #ffffff;
}

.sHeaderInner {
	position: relative;
}

	.sHeaderInner TABLE {
		table-layout: fixed !important;
		width: 1px !important;
		border-collapse: collapse !important;
		background-color: #ffffff;
		border-spacing: 0px 0px;
	}

.sFHeader {
	z-index: 4;
	overflow: hidden;
	position: absolute;
}

	.sFHeader TABLE {
		table-layout: fixed !important;
		width: 1px !important;
		border-collapse: collapse !important;
		background-color: #ffffff;
		border-spacing: 0px 0px;
	}

.sData {
	z-index: 2;
	overflow: auto;
	position: absolute;
	background-color: #ffffff;
}

	.sData TABLE {
		table-layout: fixed !important;
		width: 1px !important;
		border-collapse: collapse !important;
		border-spacing: 0px 0px;
	}

.sFData {
	z-index: 1;
	position: absolute;
	background-color: #ffffff;
}

.sFDataInner {
	position: relative;
}

.sFData TABLE {
	table-layout: fixed !important;
	width: 1px !important;
	border-collapse: collapse !important;
	border-spacing: 0px 0px;
}

.sDefault {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 0.8em;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	font-family: Verdana, Arial, sans serif;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

	.sDefault TH {
		border-right: #cccccc 1px solid;
		padding-right: 6px;
		border-top: #cccccc 1px solid;
		padding-left: 4px;
		padding-bottom: 3px;
		border-left: #cccccc 1px solid;
		padding-top: 3px;
		border-bottom: #cccccc 1px solid;
		white-space: nowrap;
	}

	.sDefault TD {
		border-right: #cccccc 0px solid;
		padding-right: 6px;
		border-top: #cccccc 0px solid;
		padding-left: 4px;
		padding-bottom: 3px;
		border-left: #cccccc 0px solid;
		padding-top: 3px;
		border-bottom: #cccccc 0px solid;
		white-space: nowrap;
	}

	.sDefault TH {
		border-left-color: #c5c5c5;
		border-bottom-color: #c5c5c5;
		border-top-color: #c5c5c5;
		background-color: #e5e5e5;
		border-right-color: #c5c5c5;
	}

.sDefault-Fixed {
	border-left-color: #c5c5c5;
	border-bottom-color: #c5c5c5;
	border-top-color: #c5c5c5;
	background-color: #eeeeee;
	border-right-color: #c5c5c5;
}

.sSky {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 0.8em;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	font-family: Verdana, Arial, sans serif;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

	.sSky TH {
		border-right: #89BCCC 1px solid;
		padding-right: 6px;
		border-top: #89BCCC 0px solid;
		padding-left: 4px;
		padding-bottom: 3px;
		border-left: #89BCCC 0px solid;
		padding-top: 3px;
		border-bottom: #89BCCC 1px solid;
		white-space: nowrap;
	}

	.sSky TD {
		border-right: #89BCCC 1px solid;
		padding-right: 6px;
		border-top: #89BCCC 0px solid;
		padding-left: 4px;
		padding-bottom: 3px;
		border-left: #89BCCC 0px solid;
		padding-top: 3px;
		border-bottom: #89BCCC 1px solid;
		white-space: nowrap;
	}

	.sSky TH {
		background-color: #B9D8E2;
	}

.sSky-Fixed {
	background-color: #C8E0E8;
}

.sOrange {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 0.8em;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	font-family: Verdana, Arial, sans serif;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

	.sOrange TH {
		border-right: #cebb9e 1px solid;
		padding-right: 6px;
		border-top: #cebb9e 1px solid;
		padding-left: 4px;
		padding-bottom: 3px;
		border-left: #cebb9e 1px solid;
		padding-top: 3px;
		border-bottom: #cebb9e 1px solid;
		white-space: nowrap;
	}

	.sOrange TD {
		border-right: #cebb9e 1px solid;
		padding-right: 6px;
		border-top: #cebb9e 0px solid;
		padding-left: 4px;
		padding-bottom: 3px;
		border-left: #cebb9e 1px solid;
		padding-top: 3px;
		border-bottom: #cebb9e 1px solid;
		white-space: nowrap;
	}

	.sOrange TH {
		background-color: #ecd8c7;
	}

.sOrange-Fixed {
	background-color: #f7ede4;
}

.sDark {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 0.8em;
	padding-bottom: 0px;
	margin: 0px;
	color: #ffffff;
	border-top-style: none;
	padding-top: 0px;
	font-family: Verdana, Arial, sans serif;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

	.sDark TH {
		border-right: #555555 1px solid;
		padding-right: 6px;
		border-top: #555555 1px solid;
		padding-left: 4px;
		padding-bottom: 3px;
		border-left: #555555 1px solid;
		padding-top: 3px;
		border-bottom: #555555 1px solid;
		white-space: nowrap;
	}

	.sDark TD {
		border-right: #555555 1px solid;
		padding-right: 6px;
		border-top: #555555 0px solid;
		padding-left: 4px;
		padding-bottom: 3px;
		border-left: #555555 1px solid;
		padding-top: 3px;
		border-bottom: #555555 1px solid;
		white-space: nowrap;
	}

	.sDark TH {
		background-color: #000000;
	}

.sDark-Fixed {
	background-color: #222222;
}

.sDark-Main {
	background-color: #333333;
}

.fakeContainer {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	overflow: hidden; /*width: 965px; 	height: 520px;*/
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border: 1px solid #8DBFCF;
}

.originalTextareaInfo {
	font-size: 10px;
	color: red;
}

.warningTextareaInfo {
	font-size: 10px;
	color: red;
}

/* liScroll styles */

.tickeroverlay-left {
	/*background-image: url('Images/left.png');*/
	display: block;
	pointer-events: none;
	position: absolute;
	z-index: 30;
	height: 12px;
	width: 150px;
	top: 0;
	left: -2px;
}

.tickeroverlay-right {
	/*background-image: url('Images/right.png');*/
	display: block;
	pointer-events: none;
	position: absolute;
	z-index: 30;
	height: 12px;
	width: 150px;
	top: 0;
	right: -2px;
}

.tickercontainer {
	/* the outer div */
	color: red;
	background-color: #D1E1FA;
	width: 1000px;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

	.tickercontainer .mask {
		/* that serves as a mask. so you get a sort of padding both left and right */
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
		top: 8px;
		height: 18px; /*width: 718px;*/
		overflow: hidden;
	}

ul.newsticker {
	/* that's your list */ /*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	transition: all 0s linear;
	position: relative;
	margin-left: 20px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	ul.newsticker li {
		float: left; /* important: display inline gives incorrect results when you check for elem's width */
		margin: 0;
		padding-right: 15px; /*background: #fff;*/
	}

	ul.newsticker a {
		white-space: nowrap;
		padding: 0;
		color: #ff0000;
		margin: 0 50px 0 0;
	}

	ul.newsticker span {
		margin: 0 10px 0 0;
	}


/*CSS by NIhal*/
.chgPass {
	border-right: 1px solid white;
	padding-right: 0.5em;
}

.logOut {
	padding-left: 0.5em;
}

.logoInn {
	border-right: 1px solid black;
	padding-right: 1.5em;
}
.img-resp {
	max-width: 267px;
	max-height: 35px;
	float: right;
}

.headTable {
	background: white;
	padding: 0px 0.5em;
}

.ourStateDefault {
	border: 1px solid #3eb398;
	background: #3eb398;
	font-weight: normal;
	color: #ffffff;
}

td.ui-state-default, th.ui-state-default {
	border-right: 1px solid #2c816e;
}

.ui-savesubmit {
	background: #3eb396;
	border-color: #3eb396;
	padding: 0.70em 0px;
}