/* reset everything */
*{
    margin: 0;
    padding: 0;
	font-family: Arial, sans-serif;
}

html
{
    height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	font-size: 100.1%; 
	font-family: Arial, sans-serif;
	background: #fff;
	min-height: 100%;
}

input,  textarea, select
{
    vertical-align:top;
}

#Form1, .Form1{
	margin: 0 auto;
	padding: 0;
	position: relative;
	height: 100%;
	font-size: 0.8em;
	min-height: 30em;
}

textarea, input[type="text"], input[type="password"], select{
    border: 1px solid #7f9db9;
    padding: 1px 3px;
    margin: 2px;
    font-size: 1.1em;
}

select{
    padding: 0;
}

input[type="submit"], input[type="cancel"], input[type="button"], input[type="file"], button{
    padding: 3px 5px;
}
input[type="checkbox"], input[type="radio"]{
	margin-right: 5px;
	border:default;
	vertical-align: middle;
}

td:first-child input[type="checkbox"]{
	margin: 2px;
}

.skip-508{
	position: absolute !important;
	top: -99999em !important;
}

.go_small, input.go_small, button.go_small{
    background: url("../images/go-small-green.png") no-repeat;
    border: none;
    width: 0;
    height: 0;
    padding: 23px 23px 0 0;
    ]width: 23px;
    ]height: 23px;
    ]padding: 0;
    text-indent: -99999em;
    cursor: pointer;
}
input[type=image].go_small{
    ]padding: 23px 23px 0 0;
    ]width: 0;
    ]height: 0;
}
/*Updated by LY, 9/14/10, made sure the correct alignment, wasn't working for Firefox*/
.go_large_wrap{
    position: relative;
    display: inline-block;
    vertical-align :middle 
}
.go_large_span{
	background: url("../images/go-large-green.png") no-repeat;
	width: 52px;
	height: 23px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

#hilitehere{
    background-color: yellow;
}

a, a:visited, a:active{text-decoration: none;}
a:hover{text-decoration: underline}
a img{border: none;}

.FieldLabel, .fieldLabel, .fieldLabel{padding-top:3px; padding-right: 10px; text-align:right; FONT-WEIGHT: bold; vertical-align: top; white-space: nowrap;}
label.fieldLabel, label.FieldLabel, label.fieldlabel{vertical-align: middle; padding: 0;}

.nonbold{ font-weight: normal;}

.CritLabel, .critlabel, .critLabel{text-align:right; padding-right:10px; padding-top: 2px; FONT-WEIGHT: bold; vertical-align: top; white-space: nowrap;}
.CritLabelLeft, .critlabelleft, .critLabelLeft{text-align:left; padding-left:10px; FONT-WEIGHT: bold; vertical-align: top;}

.ui-widget-overlay{
    position: fixed !important;
}

.RecordSectionHeaderBar{
	background: #425b99;
	color: #fff;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	clear: both;
}

.RecordSectionBar{
	background-color: #425b99; color:#fff; font-weight:bold;
	clear: both;
}
.RecordSectionBar>a, .RecordSectionHeaderBar>a{
	position: relative; left: 5px; top: 3px;
}
.RecordSectionBar>select, .RecordSectionHeaderBar>select{
	margin: 2px 5px;
}

td.FieldLabel+td *{
	margin-left: 0;
}

.IQTextBox, .IQDropDown{
	
}
/* they were defined again below
.IQTextBoxReadonly
{
	background-color: #cdcdcd;
}
.IQDropDownReadonly
{
	background-color: #cdcdcd;
}
*/
div.ui-dialog div.ui-dialog-buttonpane{
	text-align: right;
}
div.ui-dialog div.ui-dialog-buttonpane button{
	float: none;
}

#newdiv{
	overflow: hidden;
}
.dialogcontent{
	width: auto;
	text-align: center;
}
.dialogcontent ul{
	height: 200px;
	overflow: auto;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
	border: 1px solid #7f9db9;
}
.dialogcontent ul li{
	width: 200px;
	padding-left: 10px;
	border: 1px solid #eee;
	overflow: hidden;
}
.single .IQListBox{
	width: 400px;
	margin-top: 10px;
	font-size: 0.8em; 
	overflow: scroll;
}
.sidebyside .IQListBox{
	width: 225px;
	display: inline;
	position: relative;
	top: 1em;
	font-size: 0.85em;
}
.stacked .IQListBox{
	width: 650px;
	margin-top: 10px;
	font-size: 0.85em;
}
.stacked span input{
	margin: 10px 20px;
	font-size: 0.85em;
}
.sidebyside #listbox{
	float: left;
	margin: 10px 0;
}
.sidebyside #listboxSelected{
	float: left;
	margin: 10px 0;
}
.sidebyside span{
	float: left;
	padding: 45px 7px 0;
	font-size: 0.85em;
}
.sidebyside .dialogButton{
	display: block;
	font-size: 0.95em;
}
.sidebyside .labelAvail{
	position: absolute;
	left: 16%;
	top: 23%;
}
.sidebyside .labelSelected{
	position: absolute;
	right: 18%;
	top: 23%;
}
.stacked .labelAvail{
	float: left;
	position: relative;
	left: 0;
	top: 0.5em;
}
.stacked .labelSelected{
	float: left;
	position: relative;
	top: 1.9em;
	left: 0;
}
#checkOptionLabel{
	position: absolute;
	top: 47%;
	left: 1em; 
}
#selectOptionLabel{
	position: relative;
	clear: both;
	text-align: center;
}

div.ui-dialog .ui-dialog-buttonpane button{
    font-size: 0.9em;
    padding: 3px 5px;
    line-height: normal;
}

/* autobox-list is the dropdown list */
ul.autobox-list {
  position: absolute;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #333;
  width: 331px !important;
}
ul.autobox-list li {
  display: block;
  padding: .3em .5em .3em .3em;
  overflow: hidden;
  width: 100%;
}
ul.autobox-list li.active {
  background-color: #3875d7;
  color: #fff;
}

/* autobx-hldr is the selected list */
ul.autobox-hldr {
  border: 1px solid #7f9db9;
  overflow: auto;
  display: inline;
  float: left;
  position: relative;
  height: auto !important;
  min-height: 48px;
  max-height: 79px;
  background: #fff;
  padding: 4px 5px 0;
  margin: 1px 0 0 2px;
  /*min-width: 286px;*/
}
ul.autobox-hldr.hldr-single {
  min-height: 20px;
  max-height: 20px;
  height: 20px;
  margin: 2px 0 2px 2px;
  padding: 0 2px;
  white-space: nowrap;
}

span.popupBtnWrapper{
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	white-space: nowrap;
	margin: 0 5px 5px 0;
}

span.popupBtnWrapper textarea{
	position: absolute;
	
}

span.wrapper-single{
	white-space: nowrap;
	margin: 0;
}

a.popuper{
	position:absolute;
	margin-top: 1px;
	margin-left: 2px !important;
}
a.popup-clear{
	position:absolute;
	top: 50%;
	margin-left: 2px !important;
}
a.popuper-single{
	position:relative;
	left: 0;
	top: 2px;
	margin-left: 2px !important;
}

ul.autobox-hldr li {
  float: left;
  position: relative;
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0 0 5px;
  white-space:nowrap;
}
ul.autobox-hldr.single li{
  margin: 3px 0 9px;
}
ul.autobox-hldr.single li:first-child{
  margin-left: 2px;
}
ul.autobox-hldr li.bit-box span{
  float: left;
  position: relative;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #cad8f3;
  background: #dee7f8;
  padding: 1px 15px 2px 5px;
  font-size: 1.1em;
}
ul.autobox-hldr li.bit-box.selected span{
  background: #4673c7;
  color: #fff;
}
ul.autobox-hldr li.bit-box {
  padding-right: 5px;
}
ul.autobox-hldr li.autobox-input{
	margin:-1px 5px 5px 0;
}
ul.autobox-hldr.single li.autobox-input{
	margin:2px 0 7px;
}
ul.autobox-hldr li.autobox-input input {
  width: 15px;
  margin: 3px 0 0;
  border: 0;
  outline: 0;
  padding: 0;
  background: #fff;
}
ul.autobox-hldr li.bit-box a.closebutton {
  position: absolute;
  right: 5px; 
  top: 30%;
  display: block;
  width: 7px; height: 7px;
  font-size: 1px;
  background: url('close.gif'); }
ul.autobox-hldr li.bit-box a.closebutton:hover {
  background-position: 7px;
}
ul.autobox-hldr li.bit-box-focus a.closebutton,
ul.autobox-hldr li.bit-box-focus a.closebutton:hover {
  background-position: bottom;
}

.select_header{
	background: #c6c6c6;
	color: #fff;
}
.select_light{
	background: #bcf;
}
.select_dark{
	background: #78b;
}

.analyze_light{
	background: #fff;
}
.analyze_dark{
	background: #fff;
}

#ui-datepicker-div { 
  /*margin-left: 100px; it makes calendar out of view if not full screen size */
  display:none;
  z-index: 1001 !important; /*menudiv z-index is 1000, has to over top of the menu bar*/
  font-size:0.8em;
}

.wpCalCurrDate{
	background: #425b99;
}
.wpCalCurrDate a{
	color: #fff;
}
.wpCalSelDate{
	background: #99240f;
}
.wpCalSelDate a{
	color: #fff;
}
.wpCalHasEvent{
	background: yellow;
}
.wpCalTitle{
	background: #425b99;
	color: #fff;
	font-weight: bold;
}
.wpCalTitle a{
	color: #fff;
}
.wpCalHeader{
	border: 1px solid #ccc;
	background: #eee;
}
.wpCalDays{
	border: 1px solid #ccc;
}
.wpCalOtherMonth{
	border: 1px solid #ccc;
}
.wpCalOtherMonth a{
	color: #aaa;
}

/*updated by LY, 2/6/12, for consistence, IE not allow to change disabled/select font color, 
make background color lighter for easy reading text*/
.IQTextBoxReadOnly{
    background: #737373 !important;
    border-color: #777 !important;
    cursor: default;
    color: white;
}
.IQDropDownReadOnly{
    background: #737373 !important;
    border-color: #777 !important;
    cursor: default;
    color: white;
}

.IQTextBox:focus{
    color: #010101 !important;
}

.report-table{
    border: 1px solid #000;
    border-collapse:collapse;
    font-size: 1.2em;
}
.report-table th{
    border: 1px solid #000;
    background-color: #adc2eb;
    padding: 5px;
}
.report-table td{
    border: 1px solid #000;
    background-color: #e6edf9;
    padding: 5px;
}
.fromtoline>td.critLabel>label, .fromtoline>td.fieldLabel>label{
    position: relative;
    top:2px;
}


/* Actions */
#closeButton{
	position: absolute;
	top: -49px;
	right: 14px;
}

#closeButton a{
	border: none;
	background: url('../images/icons/close.png') no-repeat;
	width: 35px;
	height: 35px;
	padding: 0;
	font-size: 0;
	display: block;
	text-indent: -999em;
}
#closeButton a.actionDisabled{
	background: url('../images/icons/close-disabled.png') no-repeat;
}

#closeButton a:hover{
	background: url('../images/icons/close-hover.png') no-repeat;
}

#closeButton a:active{
	background: url('../images/icons/close-inv.png') no-repeat;
}

#pagerWrap{
	width: 110px;
	top: -40px;
	position: relative;
	margin: 0 auto;
	font-size: 0;
}

#headerMenu #pagerWrap{
    position: absolute;
    top: 1em;
    left: 0;
    text-align: center;
    width: 155px;
    height: 40px;
}

#pager{
    position: absolute;
}

#headerMenu #pagerWrap #pager{
    position: relative;
    right: 18%;
}
#pager a{
	height: 39px;
	width: 54px;
	padding: 0;
	display: block;
	text-indent: -99999em;
	float: right;
	margin-bottom: -39px;
}

#pager a:first-child{
	margin: 0;
}

#pager a[actionselections="previousRecord"], #pager a[actionselections="previousRecord"]:hover, #pager a[actionselections="previousRecord"]:active{
	background: url('../images/icons/arrow-left.png') no-repeat;
}

#pager a[actionselections="nextRecord"], #pager a[actionselections="nextRecord"]:hover, #pager a[actionselections="nextRecord"]:active{
	background: url('../images/icons/arrow-right.png') no-repeat;
}

#pager a[actionselections="previousRecord"].actionDisabled, #pager a[actionselections="previousRecord"].actionDisabled:hover{
	background: url('../images/icons/arrow-left-disabled.png') no-repeat;
}

#pager a[actionselections="nextRecord"].actionDisabled, #pager a[actionselections="nextRecord"].actionDisabled:hover{
	background: url('../images/icons/arrow-right-disabled.png') no-repeat;
}

#actionsLeftCol{
	padding: 0;
	left: 0;
	float: left;
	position: absolute;
	width: 12em;
	margin-right: 1em;
	clear: both;
	z-index: 100;
}

.actionsContainer{
	width: 12em;
	position: fixed;
	margin-top: 2em;
}

#actCommonPnl{
	border: none;
	position: absolute;
	right: 0px;
}
#actCommonPnl ul{
	width: auto;
	float: right;
	list-style: none;
	padding: 0;
	margin: 3px 3px 0;
	text-align: center;
}
#actCommonPnl ul li, #actCommonPnl ul li:hover{
	display: block;
	float: left;
	margin-left: 5px;
	text-decoration: none;
}
#actCommonPnl li:first-child, #actCommonPnl li:first-child:hover{
	margin: 0;
}

.actionEnabled{
	color: black;
	text-decoration: none;
}

.actionEnabled:hover{
	color: black;
	text-decoration: underline;
}

.actionDisabled{
	color: silver;
	text-decoration: none;
}

.actionDisabled:hover{
	text-decoration: none;
	cursor: default;
}

#actCommonPnl ul li a, #actCommonPnl ul li a:hover{
	width: 20px;
	height: 20px;
	padding: 0;
	font-size: 0;
	text-decoration: none;
	display: block;
	text-indent: -999em;
}

#actCommonPnl ul li a.Save{
	background: url(../images/icons/actions/save.png) no-repeat;
}
#actCommonPnl ul li a.Save.actionDisabled{
	background: url(../images/icons/actions/save-desat.png) no-repeat;
}
#actCommonPnl ul li a.Save_and_Close{
	background: url(../images/icons/actions/saveandclose.png) no-repeat;
}
#actCommonPnl ul li a.Save_and_Close.actionDisabled{
	background: url(../images/icons/actions/saveandclose-desat.png) no-repeat;
}
#actCommonPnl ul li a.Close{
	background: url(../images/icons/actions/close.png) no-repeat;
}
#actCommonPnl ul li a.Close.actionDisabled{
	background: url(../images/icons/actions/close-desat.png) no-repeat;
}
#actCommonPnl ul li a.Refresh{
	background: url(../images/icons/actions/refresh.png) no-repeat;
}
#actCommonPnl ul li a.Refresh.actionDisabled{
	background: url(../images/icons/actions/refresh-desat.png) no-repeat;
}
#actCommonPnl ul li a.History{
	background: url(../images/icons/actions/history.png) no-repeat;
}
#actCommonPnl ul li a.History.actionDisabled{
	background: url(../images/icons/actions/history-desat.png) no-repeat;
}
#actCommonPnl ul li a.Record_Security{
	background: url(../images/icons/actions/rec-sec-unlocked.png) no-repeat;
}
#actCommonPnl ul li a.Record_Security.actionDisabled{
	background: url(../images/icons/actions/rec-sec-unlocked-desat.png) no-repeat;
}
#actCommonPnl ul li a.Record_Security.unsecured{
	background: url(../images/icons/actions/rec-sec-unlocked.png) no-repeat;
}
#actCommonPnl ul li a.Record_Security.actionDisabled.unsecured{
	background: url(../images/icons/actions/rec-sec-unlocked-desat.png) no-repeat;
}
#actCommonPnl ul li a.Record_Security.secured{
	background: url(../images/icons/actions/rec-sec-locked.png) no-repeat;
}
#actCommonPnl ul li a.Record_Security.actionDisabled.secured{
	background: url(../images/icons/actions/rec-sec-locked-desat.png) no-repeat;
}


.scroller{
	position: relative;
	float: right;
	font-size: 0.8em;
}

#actPnl{
	padding: 0;
	border: none;
}

#actionsHeader{
	text-align: left;
	padding-left: 2px;
	font-size: 1.5em;
	background: transparent;
	color: #000;
	width: 95%;
	height: 25px;
}

#actionsHeader span{
	font-size: 110%;
	position: absolute;
	left: -9999em;
}

.ui-draggable #actionsHeader{
	cursor: n-resize;
}
.ui-draggable-disabled #actionsHeader{
	cursor: default;
}

#pgActdiv ul{
	list-style: none;
	padding: 0;
	margin: auto;
}

#pgActdiv ul li{
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

#pgActdiv li a{
	padding: 5px;
	margin: 0;
	background: #425B99 url('images/sidebar-button.png') repeat-x;
	display: block;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#pgActdiv li a:hover{
	background: #5e79ba url('images/sidebar-button-highlight.png') repeat-x;
}

#pgActdiv li a:active{
	background-image: url('images/sidebar-button-inv.png');
}


#pgActdiv li a.actionDisabled{
	background: silver url('images/sidebar-button-inv.png') repeat-x;
	color: #555;
	border-bottom: 1px solid #000;
	display: none;
}

#pgActdiv li.actionDisabled + li.divider{
	display: none;
}

#pgActdiv>ul>li.divider + li.divider{
	display: none;
}

#pgActdiv ul:last-child li{
	margin: 0;
}

#pgActdiv ul li.divider{
	display: block;
	height: 7px;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

#pgActdiv ul:last-child li.divider{
	margin: 0;
}
/*for hover submenus*/
#pgActdiv a.action-menu
{
    padding-right:0px;
}

#pgActdiv .ui-action-submenus
{
    position:absolute ;
    display:none ;
    width:145px;
    padding-left:1px;
    background-color:#ffffff;
}

#pgActdiv .ui-action-submenus.ui-show
{
    display:block;
}

#pgActdiv .action-menu span.action-menu-icon
{
    background: url(../images/bullet_arrow_right.gif) no-repeat;
    height:16px;
    width:8px;
    display:inline-block;
    position:absolute;
    right:5px;
    vertical-align: middle;
}

/* Grid */
.idgTitle{
    color: #000 !important;
    font-size: 1.5em !important;
}

.idgTitle font{
    font-size: 1em  !important;
    color: #000 !important;
}

.idgTitleSub{
    font-size: 1.3em !important;
    color: #000 !important;
}

.tableGridHeader, .idgPgr , .idgPgr table, .idgPgr a, .idgPgr td, .idgHead , .idgHead table, .idgHead a, .idgHead td, .gPagerRowOuter, .gHeaderRow, .gPagerRowOuter td, .gHeaderRow td, .gPagerRowOuter a, .gHeaderRow a{
	background: #425b99 !important;
	color: #fff !important;
	font-size: 1em !important;
}
.iqDataGrid .idgHead td, .iqDataGrid .idgPgr td{
    border-color: #eee !important;
}

.idgPgr, .idgPgr table, .idgPgr a, .idgPgr td{
    font-weight: normal;
    vertical-align: middle;
}
.idgHead a, .idgPgr a{
    padding: 0;
    background: transparent !important;
}
.idgPgr select, .idgPgr input{
    vertical-align: middle;
}
.tableGridAltRow, .idgAlt, .idgAltInfo, .gDataRowAlt{
	background: #ccc;
	color: #000;
}
.idgAltInfo>td, .idgItemInfo>td
{
    text-align:left !important;   
}
.iqDataGrid .idgItem td, .iqDataGrid .idgItemInfo td, .gDataRow td, .iqDataGrid .idgAlt td, .iqDataGrid .idgAltInfo td, .gDataRowAlt td{
    border-color: #999 !important;
}
.ui-selected{
	background: #bcf;
}
.idgAlt.ui-selected, .idgAltInfo.ui-selected, .idgAlt.ui-selected>.ui-selected, .idgAltInfo.ui-selected>.ui-selected{
	background: #78b;
}

.idgItem, .idgAlt{
    min-height: 2em;
}

.idgItem a, .idgItemInfo a{
	color: #00008B !important
}

.tableGridAltRow a, .idgAlt a, .idgAltInfo a{
	color: #00008B!important;
}
.idgItemInfo tr, .idgAltInfo tr, .idgItemInfo td, .idgAltInfo td{
    border: none !important;
}

.iqDataGrid{
	border-collapse: separate !important;
	border: none !important;
	font-size: 1.1em !important;
	text-align: left;
}
.iqDataGrid td, .iqDataGrid th{
	border: 0 none !important;
	padding: 0 2px !important;
}

.iqDataGrid ul{
	list-style: none;
}

.iqDataGrid li{
	list-style: none;
	text-align: left;
}

#pnlGrid{
	width: auto;
}

.ui-selectable-helper{
	border: 1px solid #00f !important;
	background-color: #bcf;
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity = 40);
    z-index: 999;
}

#gridPopup{
	position: absolute;
	display: none;
	background: #fff;
	border: 1px solid #000;
	padding: 3px;
}
#gridPopup h4{
	font-size: 1.0em;
}
#gridPopup p{
	text-align: center;
}
#gridPopup ul{
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
#gridPopup ul li{
	margin: 0;
	padding: 0;
	text-align: left;
}

.reportGridHead{
    font-weight: bold;
    font-size: 120%;
}

.idgPgr td{
    border: 0 !important;
    white-space: nowrap;
    padding: 0 5px;
}

.idgPgr .griddisabled{
    color: silver !important;
}

#calendar_div{
    z-index: 1;
}

.modal_popup_container
{
    background: #fbfbff url(images/body-bg.png) repeat-x scroll 0 0 !important;
    border: solid 1px #000;
    margin:1px;
}

.modal_popup_container table
{
    margin: 2px;
}

/*for JQery auto complete box*/
ul.ui-autocomplete.ui-widget
{
    font-size:0.6em;
}
ul.ui-autocomplete.ui-widget a .name
{
    font-weight: bold;
    font-size:1.1em;
    display:block;
}

ul.ui-autocomplete.ui-widget span.no-match
{
    font-weight: bold;
    font-size:1.1em;
    display:block;
}

ul.ui-autocomplete.ui-widget a .name .id
{
    font-weight:normal;
    font-size:1.0em;
    margin-left: 5px;
}

/*for new grid button menus*/
#menu_buttons input.recordButton{
	background: url("images/sidebar-button.png") repeat-x scroll 0 0 #425B99;
    color: #FFFFFF;
}

#menu_buttons input.recordButton:hover{
	background: #5e79ba url('images/sidebar-button-highlight.png') repeat-x;
}