html,body,p,tr,table,input,textarea,select,button,h1,h2,h3,h4,h5,h6
{
  font:9px/ 12px 'Lucida Grande', verdana, geneva, arial, sans-serif;
}

img,form,html,body
{
  border:0;
  -moz-outline:none;
  margin:0;
  padding:0;
}

body,dd,div,dl,dt,form,frame,hr,iframe,li,menu,ol,p,pre,ul
{
  display:block;
}

fieldset
{
  display:block;
  border:0px;
  margin:0;
  padding:0;
}

legend
{
  float:left;
}

input
{
	height:15px;
	line-height:10px;
	padding-left:4px;
}

html,body
{
  scrollbar-face-color:#D8DBDF;
  scrollbar-highlight-color:#FFF;
  scrollbar-shadow-color:#FFF;
  scrollbar-3dlight-color:#ABB1B3;
  scrollbar-arrow-color:#555;
  scrollbar-track-color:#EFEFEF;
  scrollbar-darkshadow-color:#ABB1B3;
}

a
{
  border-bottom:1px dotted #BFC1D6;
  color:#5669A9;
  font-weight:700;
  text-decoration:none;
  -moz-outline:none;
}

a:hover
{
  border-bottom:#6868A3 1px solid;
  color:#292929;
  cursor:pointer;
}

h1
{
	font-weight: bold;
	text-align:left;
}

noborder
{
  color:#5669A9;
  font-weight:700;
  text-decoration:none;
  -moz-outline:none;
}

textarea
{
  padding-left:5px;
  border:1px solid;
  margin-left:1px;
  background:#F9FAFB;
  overflow:auto;
  border-color:#777 #E5E5E5 #E5E5E5 #777;
  font:9px/ 12px 'Lucida Grande', verdana, geneva, arial, sans-serif;
}

.noscroll
{
  overflow:hidden;
  width:300px;
}

input.infoOnly
{
  border:none;
  color:#000;
  background-color:#FFF;
}

* html .checkbox
{
  border:0;
  background:0;
}

hr
{
  border:0;
  border-top:#BBB 1px solid;
}

* html hr
{
  background:#BBB;
  height:1px;
}

p
{
  text-align:left;
  line-height:1.2em;
  margin:0 0 .7em;
}

strong
{
  color:#4F0000;
}

small
{
  font:9px arial, sans-serif;
  color:#555;
}

big
{
  font:bold 13px 'Lucida Grande', verdana, geneva, arial, sans-serif;
  color:#214056;
}

acronym
{
  border-bottom:1px dotted #BFC1D6;
  margin-right:12px;
  font-weight:700;
  cursor:help;
}

.table
{
  table-layout:auto;
}

table tr
{
  line-height:20px;
}

caption
{
  font-size:9px;
  text-align:left;
  padding:2px 9px;
}

h2
{
  font-size:14px;
  font-weight:700;
  font-family:Helvetica, Arial, sans-serif;
}

ul,ol
{
  line-height:1.4em;
  margin:.7em 0 .7em 16px;
  padding:0;
}

ul li
{
  display: list-item;
  list-style-image:url('../images/subBullet.gif');
  margin:0 0 0 16px;
}

button img
{
  vertical-align:bottom;
  margin:0 2px;
}

.dragContainer
{
  width:500px;
  border:1px solid #4C769A;
  background:#FFF;
  text-align:left;
  position:absolute;

}

.dragContainer textarea
{
  width:100%;
  margin:1px 2px;
}

body>.dragContainer textarea
{
  width:99%;
  -moz-box-sizing:border-box;
  margin:2px;
}

.dragContainer a,.dragContainer a:hover
{
  border-bottom:none;
}

.dragHandle
{
  padding-left:11px;
  line-height:18px;
  height:20px;
  cursor:move;
}

.close
{
  border:0;
  position:absolute;
  right:0;
  top:0;
}

.toggleDown
{
  width:22px;
  background:url(../images/toggleDown.png) no-repeat center;
  height:19px;
  position:absolute;
  right:22px;
  top:0;
}

.toggleUp
{
  width:22px;
  background:url(../images/toggleUp.png) no-repeat center;
  height:19px;
  position:absolute;
  right:22px;
  top:0;
}

h1 a.toggleDown
{
  float:right;
  border:0;
  height:12px;
  position:relative;
  right:0;
}

h1 a.toggleUp
{
  float:right;
  border:0;
  height:12px;
  position:relative;
  right:0;
  margin:0;
}

.simpletable
{
  width:100%;
  border:0 solid #E0E2E9;
  background:#FFF;
  font:9px verdana, geneva, sans-serif;
  table-layout:fixed;
  border-collapse:collapse;
  text-align:left;
}

.simpletable th
{
  padding-left:9px;
  border-right:1px solid #EEE;
  border-bottom:1px solid #EEE;
  font-weight:400;
}

.simpletable td
{
  padding-left:9px;
}

.outlinedTable
{
  width:100%;
  border:1px solid gray;
  table-layout:fixed;
}

.containerRelative
{
  position:relative;
}

.panelContainerPadded
{
  margin-left:245px;
  border:1px solid gray;
  border-top:1px dotted #D4D4D4;
  background:#fff url(../images/bgButtonContainer.gif) repeat-x bottom;
  width:auto;
  padding:3px 3px 0;
}

.bold
{
  font-weight:700;
}

.mono
{
  font-family:'Bitstream Vera Sans Mono', 'Andale Mono', monospace;
}

.grey
{
  color:#818181;
}

.padded
{
  padding:20px;
}

.alpha
{
  margin-left:-120px;
  cursor:pointer;
  filter:Alpha(opacity=0);
  -moz-opacity:0;
}

.floatRight
{
  float:right!important;
}

.floatLeft
{
  float:left!important;
}

.folder
{
  margin:-1px 6px 0;
  padding:4px;
}

.folderSansHeight
{
  border:1px solid #3B5A9B;
  background:#FFF url(../images/gradient9FC9EB-32px.png) repeat-x bottom;
  -moz-border-radius-topright:9px;
  margin:-1px 6px 0;
  padding:4px;
  padding-bottom: 2em;
}

iframe
{
  width:100%;
  height:200px;
}

.tabs img,.tabsActive img
{
  vertical-align:middle;
  margin:2px 0;
}

.tabs
{
  height:14px;
  line-height:14px;
  margin-left:2px;
  float:left;
  border-bottom:0;
  margin-bottom:-11px;
  white-space:nowrap;
  color:#000;
  font-weight:400;
  text-decoration:none;
  position:relative;
  min-width:60px;
  padding:0 12px;
}

.tabs,.tabsActive
{
  height:14px;
  line-height:14px;
  float:left;
  border-bottom:0;
  white-space:nowrap;
  color:#000;
  font-weight:400;
  text-decoration:none;
  position:relative;
  min-width:50px;
  margin:0px;
  padding:3px 4px;
}

.tabsActive
{
  height:14px;
  line-height:14px;
  border-bottom:1px solid #FFF;
  margin-left:2px;
  float:left;
  white-space:nowrap;
  color:#000;
  background:#FFF;
  text-decoration:none;
  position:relative;
  min-width:100px;
  padding:3px 4px;
}

.tabContainer
{
  height:15px;
  padding:0 0 0 18px;
}

* html .subNavContainer .tabContainer
{
  height:auto;
}

.subNavContainer .folder
{
  min-height:300px;
  width:200px;
  background:none;
  margin:-1px 5px 0 11px;
}

.subNavContainer
{
  text-align:left;
  float:left;
  width:211px;
}

* html .subNavContainer
{
  float:left;
}

.treeNav
{
  margin-left:10px;
  width:175px;
  text-align:left;
  position:absolute;
  left:0;
}

.treeDetail
{
  margin-left:175px;
}

a.subNav
{
  display:block;
  color:#000;
  background:#DCE8F1 url(../images/whiteLine.gif) repeat-x;
  font-weight:400;
  line-height:12px;
  vertical-align:top;
}

a.subNavSelected
{
  display:block;
  color:#000;
  line-height:12px;
  vertical-align:top;
  padding:2px 2px 1px 0;
}

a.subNavSub
{
  display:block;
  color:#000;
  background:transparent url(../images/whiteLine.gif) repeat-x;
  font-weight:400;
  line-height:12px;
  border-color:#FFF;
  padding:2px 2px 1px 10px;
}

a.subNavSubSelected
{
  display:block;
  color:#000;
  line-height:12px;
  vertical-align:top;
  padding:2px 2px 1px 10px;
}

.contentLogin
{
  width:400px;
  border:1px solid #666;
  background:#FFF;
  text-align:left;
  margin:0 auto;
  padding:50px;
}

.disabled
{
  color:#FFF;
  filter:Alpha(opacity=60);
  -moz-opacity:.6;
}

.buttonContainer
{
  text-align:left;
  display:block;
}

.panelContainer .buttonContainer
{
  margin-top:-1px;
  width:100%;
  padding:3px 3px 0;
}

.panelContainer .buttonContainer,.panelContainer .buttonContainerCenter
{
  min-width:120px;
  width:99.5%;
}

.panelContainer .detail
{
  display:block;
  width:auto;
}

.dragContainer .buttonContainer
{
  margin-top:-1px;
  padding-top:4px;
  border:0;
  background:url(../images/bgButtonContainer.gif);
}

.buttonContainerCenter
{
  margin-top:-1px;
  margin-bottom:3px;
  text-align:center;
  display:block;
}

.detail
{
  background:#FFF;
  text-align:left;
  margin:auto;
}

.detailPadded
{
  background:#FFF;
  text-align:left;
  margin:auto;
  padding:10px 10px 20px;
}

.text
{
  margin-right:20%;
  margin-left:110px;
  font-size:9px;
  line-height:14px;
}

.textZoom
{
  margin-right:20%;
  margin-left:110px;
  font-size:x-small;
  line-height:14px;
}

* html .textZoom
{
  margin-right:20%;
  margin-left:110px;
  font-size:xx-small;
  line-height:14px;
}

.text a img
{
  margin-bottom:-1px;
}

.textMedium
{
  font-size:11px;
}

.textLarge
{
  font-size:13px;
}

.signature
{
  border:0;
  border-bottom:1px dotted;
  font:14pt "Edwardian Script ITC", times, serif;
}

.Top,a.Top:hover
{
  width:100px;
  position:absolute;
  right:0;
  top:0;
  height:35px;
  border:0;
}

.message
{
  border:1px solid #818181;
  text-align:left;
}

* html .message
{
}

.message .error
{
  color:#C60000;
  display:block;
  background:url(../images/iconError.gif) no-repeat 2px 3px;
  line-height:10px;
  padding:4px 20px 4px 24px;
}

.error a,.error
{
  color:#C60000;
}

.message .info
{
  color:#246;
  display:block;
  background:url(../images/iconInfo.gif) no-repeat 2px 3px;
  line-height:10px;
  margin:5px;
  padding:4px 20px;
}

.info .globalInfoMessage
{
  font-size: 150%;
}

.info a
{
  color:#246;
}

.panelContainerVrEx
{
  overflow:auto;
  margin-bottom:1em;
  width:523px;
  height:435px;
  background:#DFDDD9;
  text-align:left;
  -moz-border-radius:5px;
  margin-right:0;
  padding:2px;
}

.panelContainerEx
{
  overflow:auto;
  margin-bottom:1em;
  width:870px;
  background:#DFDDD9;
  text-align:left;
  -moz-border-radius:5px;
  margin-right:0;
  padding:2px;
}

.panelContainer
{
  margin-bottom:1em;
  text-align:left;
  -moz-border-radius:5px;
  margin-right:0;
  padding:2px;
}

.panelContainer textarea {
	max-width: 100%;
}

.simplePanelContainer {
	margin-bottom: 10px;
}

.breadCrumbTrail
{
  position:absolute;
  top:0;
  right:20px;
  width:auto;
  height:auto;
  font-weight:700;
  text-align:left;
}

.breadCrumbTrail a
{
  border:0;
  background:transparent;
  font-weight:700;
}

div#customHeader
{
  width:100%;
  text-align:right;
  margin:0;
  padding:0;
}


table.infoHeader td
{
  text-align:right;
}


.leftAlignInfoHeader,.infoHeader
{
  width:99%;
  border-collapse:collapse;
  border:1px solid #818181;
  text-align:left;
  background:white;
}

table.leftAlignInfoHeader td
{
  padding:0;
}

.positionInventoryStatus
{
  width:99%;
  border-collapse:collapse;
  border:1px solid #818181;
  text-align:left;
  margin:0 auto 4px 4px;
}

.infoHeader td
{
  border-bottom:1px solid #818181;
}

.iconZoom
{
  float:right;
}

.footer
{
  display:none;
  position:absolute;
  bottom:20px;
  left:20px;
}

#subNavigation
{
  margin-top:-1px;
  padding-bottome: 2em;
}

.subNavContainer2
{
  height:440px;
  width:240px;
  text-align:left;
  float:left;
  margin-right:4px;
  display:block;
}

.subNavContainer2 .folder
{
  min-height:430px;
  background:none;
  background-color:#FFF;
  border:1px solid gray;
  overflow:scroll;
  width:230px;
  margin:0 0 0 2px;
  padding:10px 0 40px;
}

.subNavContainer2 .folder2
{
  min-height:430px;
  background:none;
  background-color:#FFF;
  border:1px solid gray;
  overflow-x:scroll;
  width:230px;
  margin:0 0 0 2px;
  padding:0 0 40px;
}

.subNavContainerButton
{
  height:50px;
  background:none;
  border:0px solid gray;
  overflow:scroll;
  width:350px;
  margin:0 0 0 0px;
  text-align:center;
}

#certTableOuterTable input
{
  position:absolute;
  top:-100px;
  left:-100px;
}

.mainMenu
{
  border:1px solid;
  text-align:left;
  position:absolute;
  top:2px;
  left:0;
  border-color:#A3A3A3 #FFF #A3A3A3 #A3A3A3;
  margin:1px 1px 1px 52px;
}

.menuList,.menuList ul
{
  margin:0;
  padding:0;
}

a.actuator
{
  border:1px solid;
  float:left;
  clear:none;
  display:block;
  color:#000;
  font-weight:400;
  text-decoration:none;
  line-height:18px;
  min-width:120px;
  white-space:nowrap;
  border-color:#FFF #A3A3A3 #FFF #FFF;
  padding:0 10px;
}

* html a.actuator
{
  width:120px;
}

a.actuator img
{
  vertical-align:middle;
  margin:1px 0;
}

* html a.actuator img
{
  vertical-align:middle;
  margin:3px 0 2px;
}

a.actuator:hover
{
  border:1px solid #5A7295;
  border-bottom:1px solid #FFF;
  background:transparent url(../images/menuAnim.gif);
  -moz-border-radius-topright:4px;
  -moz-border-radius-topleft:4px;
}

.menu
{
  border:1px solid #D4D0C7;
  background:#FFF;
  position:absolute;
  visibility:hidden;
}

* html .menu
{
  width:220px;
}

.menu li a
{
  border:1px solid #FFF;
  display:block;
  color:#333;
  background:transparent;
  line-height:22px;
  text-decoration:none;
  white-space:nowrap;
  margin:1px;
  padding:0 0 0 29px;
}

.menu li a img
{
  vertical-align:middle;
  margin:1px 3px 3px 0;
}

.menu li a:hover
{
  border:1px solid #889BB7;
  background:#D6DDE6;
  margin:1px;
}

.menu .disabled
{
  display:block;
  color:#BBB;
  line-height:20px;
  text-decoration:none;
  margin:2px;
  padding:0 27px 0 30px;
}

.menu .disabled img
{
  filter:Alpha(opacity=50);
  -moz-opacity:.5;
}

table.scrollSortTable
{
  border-collapse:collapse;
  overflow:hidden;
  padding:0;
  background-color:#FFFFFF;
}

div.scrollSortTable
{
	overflow-x: hidden;
	overflow-y: scroll;
	height: auto;
}

.scrollSortTable, .scrollSortTable td
{
	overflow: hidden;
}

.tblHeader,.tblHeaderNoSort,.tblHeader2
{
	border-collapse:collapse;
}

* html table.scrollSortTable tr
{
  line-height:14px;
}

table.scrollSortTable tbody tr,table.scrollSortTable tfoot tr
{
  border-left:0;
  border-right:0;
  border-left-style:solid;
  border-right-style:solid;
  border-color:#5381C2;
}

table.scrollSortTable tfoot tr
{
  border-top:1;
  border-top-style:solid;
  border-top-color:#FFF;
  border-left:0;
  border-right:0;
}

table.scrollSortTable thead td
{
  border-top-width:1;
  border-left-width:1;
  border-right-width:1;
  border-bottom-width:2;
  border-color:#FFF;
  border-style:solid;
  padding-left:2px;
}

table.scrollSortTable tfoot td
{
  background-color:#DCE8F1;
  border-top:0;
}

.divCntr table
{
  border:solid #818181;
  border-width:0 1px;
}

.divCntr tr
{
  padding:1px 1px 2px 6px;
}

.dirCntr td
{
  border:1px solid #818181;
}

.tableHighlightCenter td,.tableHighlightcenter
{
  background:#99CCFF;
  text-align:center;
}

.tblHeader td, .tblHeader2 td
{
  cursor:pointer;
}

.tblHeaderNoSort td
{
  border:1px solid;
  color:#333;
  cursor:default;
  border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  padding:1px 5px;
}

.tblFooter
{
  width:100%;
  text-align:right;
  padding:0 3px 0 0;
}

.sort-arrow
{
  width:8px;
  background:no-repeat center center;
  height:7px;
  margin:-1px 5px;
}

.sort-arrow.descending
{
  background:url(../images/downsimple.png);
}

.sort-arrow.ascending
{
  background:url(../images/upsimple.png);
}

.even
{
  background:#FFF;
}

.evenCenter
{
  text-align:center;
}

.dayCalLeftBorder
{
  border-left:1px solid #95b3de;
}

.dayCalTopBorder
{
  border-top:1px solid #95b3de;
}

.event
{
  background-color:#e1ebfb;
  border-right:1px solid #95b3de;
  line-height:13px;
}

.rcMenu
{
  border:1px solid #AAA;
  background:#DDE3EB;
  line-height:20px;
  text-align:left;
  position:absolute;
  z-index:100;
  visibility:hidden;
  padding:1px;
}

.rcMenu a
{
  border:0;
  display:block;
  color:#333;
}

.rcMenu .disabled
{
  color:#BBB;
}

.rcMenu a:hover
{
  border:0;
  background:#CCC;
}

.rcMenu .disabled:hover
{
  border:0;
  color:#EEE;
  background:#CCC;
}

.clsNode
{
  border:0;
  color:#333;
  font-weight:400;
  line-height:14px;
  margin: 0 2px 0 -2px;
  padding: 4px 4px 5px 4px;
  border-radius: 3px;
  height: 13px;
}

.clsNodeSelected
{
	color:#000;
	background:#DAE1E9;
	line-height:14px;
	margin: -4px -2px;
	padding: 3px 3px 4px 3px;
	border: 1px solid #BFBFBF;
	border-radius: 3px;
}

.clsNode:hover, .clsNodeSelected:hover
{
  color:#000;
  background: #E8E8E8 !important;
}

.clsNodeSelected:hover {
	border: 1px solid #E8E8E8;
}

div[id^="clstree"] a[onclick*="button_onclick"]:hover {
	background: #e8e8e8;
	display: block;
	padding: 3px 2px 3px 3px;
	margin: -2px -2px -3px -3px;
	border-radius: 3px;
}

.calendar
{
  border:1px solid #333;
  display:none;
  position:relative;
}

.calendar table
{
  border:1px solid #FFF;
  background:#FFF;
}

.calendar .button
{
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  border-left:1px solid #FFF;
  background:url(../images/bgButton.gif);
  text-align:center;
}

.calendar thead .title
{
  border-bottom:1px solid #333;
  background:url(../images/bgButton.gif) 1px;
  color:#333;
  font-weight:700;
  text-align:center;
  padding:0;
}

.calendar thead .name
{
  text-align:center;
  padding:1px;
}

.calendar thead .hilite
{
  background:#e4e0d8;
  cursor:pointer;
  border-color:#FFF #000 #000 #FFF;
}

.calendar thead .active
{
  border:1px solid;
  background:#8C95AC;
  color:#FFF;
}

.calendar tbody .day
{
  width:2em;
  text-align:right;
  padding:2px 4px 2px 2px;
}

.calendar .wn
{
  border-right:1px dotted #ccc;
  text-transform:capitalize;
}

.calendar tbody .rowhilite td
{
  background:#D0D9E2;
}

.calendar tbody td.hilite
{
  border:1px solid;
  border-color:#FFF #000 #000 #FFF;
  padding:1px 3px 1px 1px;
}

.calendar tbody td.active
{
  border:1px solid;
  border-color:#000 #FFF #FFF #000;
  padding:2px 2px 0;
}

.calendar tbody td.selected
{
  border:1px solid;
  background:#E4E0D8;
  font-weight:700;
  border-color:#000 #FFF #FFF #333;
  padding:2px 2px 0;
}

.calendar tbody td.today
{
  color:Navy;
  font-weight:700;
}

.calendar tbody .disabled
{
  color:#999;
}

.calendar tbody .emptycell
{
  visibility:hidden;
}

.calendar tfoot .ttip
{
  border-top:1px solid #000;
  background:url(../images/bgButton.gif);
  text-align:center;
  padding:2px;
}

.studentGradingNonEditable
{
  background-color:silver;
}

.anchor:hover
{
  text-decoration:underline;
  cursor:pointer;
}

.combo
{
  border:1px solid;
  display:none;
  background:#D5DDE6;
  position:absolute;
  top:0;
  left:0;
  border-color:#FFF #000 #000 #FFF;
  padding:2px;
}

.combo .label
{
  text-align:center;
  padding:3px;
}

.combo .active
{
  border:1px solid;
  background:#9400D3;
  border-color:#000 #FFF #FFF #000;
  padding:0;
}

.combo .hilite
{
  background:#048;
  color:#FEA;
}

.combo-hilite
{
  border:#369 1px solid;
  background:#EAF2FF;
  color:#000;
  cursor:pointer;
  height:14px;
  line-height:14px;
  white-space:nowrap;
  overflow:hidden;
}

.combo-item
{
  border:1px solid #FFF;
  background:#FFF;
  color:#000;
  cursor:pointer;
  height:14px;
  line-height:14px;
  white-space:nowrap;
  overflow:hidden;
}

.combo-list
{
  border:1px solid gray;
  background:#FFF;
  height:100px;
  overflow:auto;
  overflow-x:visible;
  overflow-y:auto;
  padding:1px;
}

.listbox-list
{
  border:1px solid gray;
  background:#FFF;
  height:100px;
  overflow:auto;
  overflow-x:visible;
  overflow-y:auto;
  padding:2px;
}

.listbox-list input
{
  -moz-outline:none;
}

.listbox-item-selected
{
  border:#369 1px solid;
  color:#000;
  cursor:pointer;
  line-height:14px;
}

.listbox-hilite
{
  background:#EAF2FF;
  color:#000;
  cursor:pointer;
  line-height:16px;
}

.listbox-hilite-selected
{
  border:#369 1px solid;
  background:#EAF2FF;
  color:#000;
  cursor:pointer;
  line-height:14px;
}

.listbox-item
{
  border:1px solid #FFF;
  background:#FFF;
  color:#000;
  cursor:pointer;
  line-height:14px;
}

font.biggerFont
{
  font:11px verdana, geneva, sans-serif;
  font-weight:700;
}

.simpletableNoPadding
{
  width:100%;
  border:0 solid #E0E2E9;
  font:9px verdana, geneva, sans-serif;
  table-layout:fixed;
  border-collapse:collapse;
  text-align:left;
}

.simpletableNoPadding th
{
  border-right:1px solid #EEE;
  border-bottom:1px solid #EEE;
  font-weight:400;
}

div.stuSchedGridTopLeft
{
  overflow:hidden;
  height:25px;
  width:282px;
}

div.stuSchedGridTopRight
{
  overflow:hidden;
  height:25px;
  width:242px;
}

div.stuSchedGridBottomLeft
{
  overflow:hidden;
  height:120px;
  width:282px;
}

div.stuSchedGridBottomRight
{
  overflow:auto;
  height:142px;
  width:242px;
}

table.scrollSortTable td.dStudentSchedVGridDefault
{
  text-align:left;
  height:25px;
}

input.field
{
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#000;
  text-decoration:none;
  text-align:right;
  font-weight:none;
  background-color:#CCC1BB;
}

div.scroll
{
  overflow:auto;
  width:100%;
}

div.scrollWidthOnly
{
  max-height: 800px !important;
  overflow-x:auto;
  overflow-y:auto !important;
  width:100%;
}

.xgrid_error
{
  background:red;
}

.xgrid_null
{
  background:silver;
}

.xgrid_not_editable
{
  color:grey;
  font-style:italic;
}

.asyncBusy
{
  display:none;
  background-color:#cc0;
  z-index:1000;
  position:absolute;
  left:250px;
  top:5px;
  font-size:18px;
  border:thin solid #000;
  padding:5px;
}

.teams_busy
{
  display:none;
  z-index:30001;
  position:absolute;
  left:250px;
  top:5px;
}

.teams_smart_alert
{
  display:none;
  background-color:#fed854;
  z-index:20001;
  position:absolute;
  left:250px;
  top:5px;
  border:thin solid #000;
  -moz-border-radius:6px;
}

.teams_smart_alert_text_display
{
  font-size:17px;
  margin:5px;
}

.teams_smart_alert_button
{
  border:thin solid #000;
  font-weight:700;
  margin:0;
  padding:0;
}

.xgrid_text_editor_cell
{
  overflow:auto;
  max-height:60px;
}

.fullscreen
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:19999;
}

div.newSystemNotifications
{
  z-index:20;
}

div.systemNotifications
{
  z-index:10;
}

img.systemNotifications
{
  height:25px;
}

.systemNotifications a
{
  border:none;
}

div.systemHealthIcon
{
  visibility:hidden;
  display:inline;
  z-index:10;
}

div.systemHealthIconIE
{
  visibility:hidden;
  display:inline;
  z-index:10;
  position:absolute;
  right:155px;
  top:17px;
}

img.systemHealthIcon
{
  height:20px;
}

input.systemHealthIcon
{
  width:0;
  height:0;
  border-width:0;
}

div.securityInfo
{
  display:inline;
  position:absolute;
  right:170px;
  top:4px;
}

div.adminSecurityInfo
{
  display:inline;
  position:absolute;
  right:170px;
  top:10px;
}

div.htmlFormattedText *
{
  line-height:normal;
}

.stuHeaderAlertTable
{
  margin:-2px;
}

.stuHeaderAlertTable *
{
  margin:-2px;
}

div.teamsTooltip
{
  display:none;
  position:relative;
  left:25px;
  top:0;
  max-width:250px;
  overflow:hidden;
  background:#FFFFD9;
  font-size:10px;
  border-color:#000;
  border-style:solid;
  border-width:.1em;
  padding:0;
}

table.irs1099Header td
{
  border:none;
  padding:0 4px;
}

* html .table,* html .simpleTable,* html .outlinedTable,* html table.scrollSortTable,* html table.scrollSortTable table,* html .simpletableNoPadding
{
  width:auto;
}

table tr.kiosk td,.simpleTable tr
{
  line-height:18px;
}

* html h1,.fillSpace,* html a.subNav,* html a.subNavSub,* html a.subNavSelected,* html a.subNavSubSelected,* html .menu li a,table.scrollSortTable,table.scrollSortTable table
{
  width:100%;
}

button:active,.studentAttendancePresent
{
  color:#FFF;
}

h1 a.toggleDown:hover,h1 a.toggleUp:hover
{
  border:0;
}

.containerPadded,div.subNavContainer+div.containerPadded
{
  float:none;
  width:auto;
  margin-left:212px;
  position:auto;
}

.red,.studentAttendanceAbsent
{
  color:#C60000!important;
}

.green
{
  color:#008000!important;
}

.blue
{
  color:#0000FF!important;
}

.hide,table.infoHeader caption,table.infoHeader thead,table.infoHeader tfoot,.calendar tbody .emptyrow,#exitPrintPreview
{
  display:none;
}

.center
{
  text-align:center;
}

.inline,.menuList li,.globalFontButtonGroup
{
  display:inline;
}

.label img,.error img
{
  float:right;
  clear:left;
}

* html .tabs,* html .tabsActive
{
  width:60px;
}

* html .subNavContainer .greyLine,* html .subNavContainer2 .greyLine
{
  float:left;
  margin:0 -2px;
}

* html .panelContainer .buttonContainer button,* html .panelContainer .buttonContainerCenter button,.buttonContainerCenter button,.buttonContainer button
{
  overflow:visible;
  margin:2px 8px 2px -1px;
}

.dateLabel,.acctSelectorTable td
{
  white-space:nowrap;
}

table.infoHeader td.date,table.infoHeader td.personId
{
  width:30px;
}

.studentEnrollment,.infoHeader,.studentAttendance,.infoHeader,.positionInventory,.infoHeader,.studentSchedulingSelfServe,.studentScheduling,.studentGrading,.infoHeader,.studentDiscipline,.applicantSubmission,.infoHeader,.appHire,.infoHeader,.empMaint,.infoHeader,.volunteer,.infoHeader,.TimeAndAttendance,.infoHeader,.irs1099Header
{
  width:99%;
  border-collapse:collapse;
  text-align:left;
  background:#FFF;
  margin:0 auto 4px 4px;
}

table.studentEnrollment td,table.studentAttendance td,table.positionInventory td,table.studentScheduling td,table.studentSchedulingSelfServe td,table.applicantSubmission td,table.appHire td,table.empMaint td,table.volunteer td
{
  padding:2px 4px;
}

table.studentEnrollment td.date,table.studentAttendance td.date,table.positionInventory td.date,table.studentScheduling td.date,table.studentSchedulingSelfServe td.date,table.applicantSubmission td.date,table.appHire td.date,table.empMaint td.date,table.volunteer td.date
{
  width:80px;
}

table.studentEnrollment td.personId,table.studentAttendance td.personId,table.positionInventory td.personId,table.studentScheduling td.personId,table.studentSchedulingSelfServe td.personId,table.applicantSubmission td.appId,table.appHire td.appId,table.empMaint td.perId,table.volunteer td.appId
{
  width:80px;
  text-align:right;
}

.scrollSortDiv,.scrollSortDivNoTitle,div.noScroll
{
  background-color:#FFF;
  overflow:hidden;
}

table.scrollSortTable tr,.calendar td
{
  line-height:14px;
}

.tblDivHeader
{
	padding-right: 16px;
	width:auto;
}

.dayCalCell,.simpletableNoPadding tr
{
  line-height:13px;
}

.studentAttendanceTardy,.studentGradingOutOfDistrict
{
  color:blue;
}

.studentAttendanceNonEditable,.studentGradingNormal,td.ascInfoHeaderParam
{
  color:#000;
}

.studentAttendanceApprovalNotRequired,.studentAttendanceApprovedAbsence,.studentGradingScheduleLinked
{
  color:green;
}

.studentAttendanceUnapprovedAbsence,td.ascNSFParam
{
  color:red;
}

.combo-list table,.listbox-list table
{
  table-layout:fixed;
  text-align:left;
}

.systemBrandingImage
{
	 display:block;
	 width:100px;
	 height:37px;
	 border: none;
	 border:none;
}
.systemBrandingImage:hover
{
	border:none;
}

.headerTable
{
	width:100%;
}

.headerTable tr
{
	line-height: normal;
}
.headerTable td
{
	vertical-align: top;
	text-align: right;
}
.headerWarning
{
	background-color:yellow;
}

.tt-hint {
    color: #999;
}

.tt-dropdown-menu {
    margin-top: 5px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.tt-dropdown-menu * {
	white-space: nowrap;
}

.tt-suggestion {
    padding: 3px 15px;
}

.tt-suggestion p {
    margin: 0;
}

.loginActions button {
	width: 100%;
	padding: 7px 0px;
	margin: 2px 0px;
}

#teamsSurveyAck { 
    height: 95%;
    width: 95%;
}

.employeeBannerNew {
  background-color: #ffef9a;
  padding: 5px;
  margin: 5px;
  border: 1px solid #e6d646;
}

.employeeBannerNew .infoHeaderTable {
  width: 100%;
  table-layout: fixed; /* Ensure fixed layout for table */
}

.employeeBannerNew .infoHeaderTable tr:first-child {
  color: #20242b; /* Text color for the first row */
}

.employeeBannerNew .infoHeaderTable tr:nth-child(2) {
  color: #414C56; /* Text color for the second row */
}

.employeeBannerNew .infoHeader {
  background-color: #ffef9a; /* Background color for the div */
}

/* Style for the ID and Name in the first row */
.employeeBannerNew .infoHeaderTable tr:first-child td:nth-child(2) {
  font-weight: bold; /* Make the name bold */
}

/* Style for the Work Relationship in the first row */
.employeeBannerNew .infoHeaderTable tr:first-child td:nth-child(3) {
  font-style: italic; /* Make the work relationship italic */
}

.employeeBannerNew .infoHeaderTable td:nth-child(1) {
  width: 30%; /* Column 1 width */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.employeeBannerNew .infoHeaderTable td:nth-child(2) {
  width: 24%; /* Column 2 width */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.employeeBannerNew .infoHeaderTable td:nth-child(3) {
  width: 24%; /* Column 3 width */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.employeeBannerNew .infoHeaderTable td:nth-child(4) {
  width: 22%; /* Column 4 width */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.employeeBannerNew .icon-container {
  display: inline-flex;
  vertical-align: middle;
  width: 23px;
  height: 9px;
}

.employeeBannerNew .square-icon {
  width: 27%;
  height: 80%;
  border: 1px solid #87CEEB;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 6px;
  color: #87CEEB;
  border-radius: 2px;
  font-weight: bold;
}

.employeeBannerNew .statusBadge {
  display: inline-block;
  padding: 0px 10px;
  border-radius: 5px;
  color: white;
  font-weight: bold;
}

.employeeBannerNew .statusBadge.statusActive {
  background-color: #238749; /* Active badge color */
}

.employeeBannerNew .statusBadge.statusUpcoming {
  background-color: #2e7ab8; /* Upcoming badge color */
}

.employeeBannerNew .statusBadge.statusOnLeave {
  background-color: #c26b13; /* On Leave badge color */
}

.employeeBannerNew .statusBadge.statusInactive {
  background-color: #bf2e3a; /* Inactive badge color */
}

.employeeBannerNew .statusBadge.statusNA {
  background-color: #65727d; /* Not Available badge color */
}