/*
    AstraExtTheme.css
    Copyright (C) 2009-2010, Ad Astra Information Systems, LLC.
    All Rights Reserved
*/


.x-form-label-top
{
	padding-left: 0pt;
	padding-top: 0px;
	/* height:70px */ /* Commented out to fix ATE hidden content issue. */
}

.x-form-check-wrap
{
	line-height: 18px;
	height: auto;
}

.label
{
	font-weight: bold;
}

/* GENERAL STYLES */
/* Styles that  used on common html elements and used throughout the application.*/
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.btndisabled
{
    opacity: 0.5
}

.btnenabled
{
    opacity: 1
}

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


body {
  font-family: Verdana;
}
img,body,html {
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
.x-form-display-field ol {
  list-style:decimal;
  list-style-position:inside;
}
.x-form-display-field ul {
  list-style:disc;
  list-style-position:inside;
}
.notebox ul,
.hoverwrapper ul {
  list-style:disc;
  margin-left: 20px;
  margin-bottom: 20px;
}
.notebox ol,
.hoverwrapper ol {
  list-style:decimal;
  margin-left: 20px;
  margin-bottom: 20px;
}
.notebox strong,
.hoverwrapper strong {
  font-weight:bold;
}
.notebox em,
.hoverwrapper em {
    font-style:italic;
}

caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
}
q:before,q:after {
  content:'';
}
.ext-el-mask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.65;
    opacity: .65;
    filter: alpha(opacity=65);
    width: 100%;
    height: 100%;
    zoom: 1;
}
legend {
    display: inline !important;
    color: #254A6F;
    font-size: 11px;
    font-weight: bold;
}
label {
    color: #254A6F;
    font-size: 11px;
    font-weight: bold;
    padding-right: 0px;
}

.noborder {
  border:none;
}
/* Make sqwiggle underline look right on a tab of a panel & tabpanel. */
.x-tab-strip-inner .x-form-invalid,
.x-panel-header .x-form-invalid
{
    border: 0;
    background-color: transparent;
}
.x-grid-empty {
    padding: 4px;
}
/* For some reason, ux-all.css adds a 16px padding to all such cells! */
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 2px;
}
.x-grid3-row-selected {
  background-color: #f8edbc !important;
  background-image: none;
  border: 1px dotted #c3ba91;
}

/* Highlights for Section Form - Cancellation and Exception */

/* shared with deleted event resources as well as canceled section meeting instances*/
.Cancellation td {
  background-color: #eeeeee !important;
  background-image: none;
  text-decoration: line-through;
  color: #999;
}
.Exception td {
  background-color: #f8bcc3 !important;
  background-image: none;
  color: #666;
}
/* END Highlights for Section Form - Cancellation and Exception */


.x-grid3-cell-selected{
  background-color: #ffc !important;
  color:#000;
}
.ext-ie .x-fieldset-header-text {
    white-space: nowrap;
    left: 0px;
}
.x-grid3-row-alt{
  background-color: #f5f5f5;
}
.x-grid3-row-expander {
    cursor: pointer;
}

.gridChildRow {
  background-color: #f0f0ff;
}
.gridChildRow .x-grid3-row-expander {
  background-color: #d8d8e8;
}
.gridChildRowAlt {
  background-color: #e8e8f8;
}
.EditModeLabel {
    font-style: italic !important;
    padding: 0 0 0 8px;
}
.formError {
    background-color: #fdeeee;
	border: 1px solid #f00;
    font-style: italic;
    padding: 8px;
    vertical-align: middle;
	font-weight: bold;
}
ul.ErrorList {
    list-style-type: disc;
    margin-left: 1em;
}
/* For border layout w/collapsed header text. */
.x-layout-collapsed .x-panel-header {
    padding: 2px 3px 1px 5px; /* TRBL */
    background-image: none !important;
    border: none;
    filter: alpha(opacity=100); /* for IE */
    opacity: 1; /* for !IE */
}
.x-panel-btns {
    background-color: #2f5b87;
    margin:0px;
    padding:0px;
    background: none;
}
.x-window-footer .x-panel-btns {
}
/* TODO
.ge_FF35 .x-layout-collapsed-west .x-panel-header {
    overflow: visible;
    white-space: nowrap;
}
.ge_FF35 .x-layout-collapsed-east .x-panel-header {
    overflow: visible;
    white-space: nowrap;
}*/

/* COMMON ROW ACTION ICONS */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.addperson16Icon {
    background-image: url(../Theme/images/default/icons/addperson16icon.gif) !important;
}
.addtooutlookIcon {
    background-image: url(../Theme/images/default/icons/addtooutlookicon.gif) !important;
}
.calIcon {
    background-image: url(../Theme/images/default/icons/calicon.gif) !important;
}
.sendemailIcon {
    background-image: url(../Theme/images/default/icons/sendemailicon.gif) !important;
}
.subscribeIcon {
    background-image: url(../Theme/images/default/icons/mail-icon-16x16.png) !important;
}
.calcIcon {
    background-image: url(../Theme/images/default/icons/calcicon.gif) !important;
}
.cloneIcon {
    background-image: url(../Theme/images/default/icons/cloneicon.gif) !important;
}
.peopleIcon {
    background-image: url(../Theme/images/default/icons/peopleicon.gif) !important;
}
.printIcon {
    background-image: url(../Theme/images/default/icons/printicon.gif) !important;
}
.listIcon {
    background-image: url(../Theme/images/default/icons/listicon.gif) !important;
}
.celandarIcon {
    background-image: url(../Theme/images/default/shared/calendar.gif) !important;
}
.conflictsIcon {
    background-image: url(../Theme/images/default/icons/conflictsicon.gif) !important;
}
.dbuploadIcon {
    background: url(../Theme/images/default/icons/dbuploadicon.gif) no-repeat !important;
}
.studentIcon {
    background-image: url(../Theme/images/default/icons/studenticon.gif) !important;
}
.addIcon {
    background-image: url(../Theme/images/default/icons/drop-add.gif) !important;
}
.arrowrightformIcon {
    background-image: url(../Theme/images/default/icons/arrowrightformicon.gif) !important;
}
.mergeIcon {
    background-image: url(../Theme/images/default/icons/mergeicon.gif) !important;
}
.reportIcon {
    background-image: url(../Theme/images/default/icons/reporticon.gif) !important;
}
.copyIcon {
    background-image: url(../Theme/images/default/icons/copyicon.gif) !important;
}
.addpersonIcon {
    background-image: url(../Theme/images/default/icons/addpersonicon.gif) !important;
}
.editIcon {
    background-image: url(../Theme/images/default/icons/editicon.gif) !important;
}
.changeIcon {
    background-image: url(../Theme/images/default/icons/changeicon.gif) !important;
}
.notifyIcon {
    background-image: url(../Theme/images/default/icons/notifyicon.gif) !important;
}
.plusIcon {
    background-image: url(../Theme/images/default/icons/plusicon.gif) !important;
}

.spanningIcon {
    background-image: url(../Theme/images/default/icons/spanningicon.gif) !important;
}

.singleIcon {
    background-image: url(../Theme/images/default/icons/singleicon.gif) !important;
}

.spanningIcon {
    background: url(../Theme/images/default/icons/spanningicon.gif) no-repeat !important;
}

.finishIcon {
    background: url(../Theme/images/default/icons/finishicon.gif) no-repeat !important;
}
    


/* ---------------------------------- */
/* Sets opacity for Row Action Icons. */
/* ---------------------------------- */
.ux-row-action-item {
    opacity:0.7;
    filter:alpha(opacity=70);
}

.ux-row-action-item:hover {
    opacity:1;
    filter:alpha(opacity=100);
}

/* ---------------------------------- */
.deleteRowIcon {
    background-image: url(../App_Themes/Default/images/SingleSelectGridDelete.gif) !important;
}

.disabledDeleteRowIcon
{
    background-image: url(../App_Themes/Default/images/SingleSelectGridDelete.gif) !important;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.editRowIcon {
    background-image: url(../Theme/images/default/icons/editicon.gif) !important;
}
.assignRoomRowIcon{
    background-image: url(../App_Themes/Default/images/Grid/gridAssignRoomIcon.gif) !important;
}
.viewRowIcon {
    background-image: url(../Theme/images/default/icons/searchicon.gif) !important;
}
.deleteIcon {
    background: url(../Theme/images/default/icons/cancelicon.gif) no-repeat !important;
}
.cancelIcon {
    background: url(../Theme/images/default/icons/cancelicon.gif) no-repeat !important;
}
.editRoomIcon {
    background: url(../Theme/images/default/icons/roomedit.gif) no-repeat center left !important;
	padding-right:2px;
}
.deleteRoomIcon {
    background: url(../Theme/images/default/icons/roomdelete.gif) no-repeat !important;
	padding-right:2px;
}
.restoreRowIcon {
    background-image: url(../App_Themes/Default/images/Grid/arrow_rotate_clockwise.gif) !important;
}
.clearParamsRowIcon {
    background-image: url(../App_Themes/Default/images/Grid/arrow_rotate_clockwise.gif) !important;
}
.moreInformationIcon {
    background: url(../Theme/images/default/icons/moreinformation.gif) no-repeat !important;
	padding-right:2px;
}
.blockStudentIcon {
    background: url(../Theme/images/default/icons/blockstudenticon.gif) no-repeat !important;
	padding-right:2px;
}
.blockRoomIcon {
    background: url(../Theme/images/default/icons/blockroomicon.gif) no-repeat !important;
	padding-right:2px;
}
.requestinfoIcon {
    background: url(../Theme/images/default/icons/moreinformation.gif) no-repeat !important;
	padding-right:2px;
}
.approveIcon {
    background: url(../App_Themes/Default/images/Icons/Approve.gif) no-repeat !important;
	padding-right:2px;
}
.declineIcon {
    background: url(../App_Themes/Default/images/Icons/Deny.gif) no-repeat !important;
	padding-right:2px;
}
.publishIcon {
    background: url(../Theme/images/default/icons/publishicon.gif) no-repeat !important;
	padding-right:2px;
}
.editMeetingIcon {
    background: url(../Theme/images/default/icons/editicon.gif) no-repeat !important;
}
.deleteMeetingIcon {
    background-image: url(../App_Themes/Default/images/SingleSelectGridDelete.gif) !important;
}
.applyExamTimesIcon {
    background: url(../Theme/images/default/icons/examapply.gif) no-repeat !important;
}
.editExamMappingsIcon {
    background: url(../Theme/images/default/icons/examedit.gif) no-repeat !important;
}
.createExamMeetingsIcon {
    background: url(../Theme/images/default/icons/SingleSelectGridAdd.gif) no-repeat !important;
}
.deleteExamTimesIcon {
    background: url(../Theme/images/default/icons/SingleSelectGridDelete.gif) no-repeat !important;
}
.artifactsviewIcon {
    background: url(../Theme/images/default/icons/artifactviewicon.gif) no-repeat !important;
}
.logviewIcon {
    background: url(../Theme/images/default/icons/logviewicon.gif) no-repeat !important;
}

.toolbarErrorIcon {
    background: url(../Theme/images/default/icons/toolbarerroricon.gif) no-repeat !important;
}

.toolbarApproveIcon {
    background: url(../Theme/images/default/icons/toolbarapproveicon.gif) no-repeat !important;
}

.logaddIcon {
    background: url(../Theme/images/default/icons/logadd.gif) no-repeat !important;
}

/* Job Artifact Dialog Icons */

.viewJobRunArtifacts {
    background: url(../Theme/images/default/icons/moreinformation.gif) no-repeat !important;
}
.viewJobRunArtifact {
    background: url(../Theme/images/default/icons/moreinformation.gif) no-repeat !important;
}
.viewPlainTextLog {
    background: url(../Theme/images/default/icons/document.gif) no-repeat !important;
}
.viewResultData {
    background: url(../Theme/images/default/icons/moreinformation.gif) no-repeat !important;
}
.getResultTableAsExcel {
    background: url(../Theme/images/default/icons/gridicon.gif) no-repeat !important;
}
.artifactSaveIcon {
    background: url(../Theme/images/default/icons/saveicon.gif) no-repeat !important;
}

.resultStatusINFO {
    background-color: #d0daff;
}
.resultStatusERROR {
    background-color: #ffdada;
}
.resultStatusWARN {
    background-color: #fff7d0;
}

/* COMMONLY USED BUTTON ICONS */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.excelIcon {
    background-image: url(images/excel.gif) !important;
}
.tableIcon {
    background-image: url(images/table.gif) !important;
}
.icalIcon {
    background-image: url(images/icalicon.gif) !important;
}
.rssIcon {
    background-image: url(images/rssicon.gif) !important;
}
.xmlIcon {
    background-image: url(images/xmlicon.gif) !important;
}
.jsonIcon {
    background-image: url(images/jsonicon.gif) !important;
}
.textIcon {
    background-image: url(images/texticon.gif) !important;
}
.pageEditIcon {
    background-image: url(../Theme/images/default/icons/editicon.gif) !important;
}
.gridIcon {
    background-image: url(../Theme/images/default/icons/gridicon.gif) !important;
}
.checkIcon {
    background-image: url(../Theme/images/default/icons/checkicon.gif) !important;
}
.runIcon {
    background-image: url(../Theme/images/default/icons/runicon.gif) !important;
}
.pageEditSaveIcon {
    background-image: url(../Theme/images/default/icons/saveicon.gif) !important;
}
.saveIcon {
    background-image: url(../Theme/images/default/icons/saveicon.gif) !important;
}
.saveandcloseIcon {
    background-image: url(../Theme/images/default/icons/saveandcloseicon.gif) !important;
}
.saveasIcon {
    background-image: url(../Theme/images/default/icons/saveasicon.gif) !important;
}
.saveandrunIcon {
    background-image: url(../Theme/images/default/icons/saveandrunicon.gif) !important;
}
.sendIcon {
    background-image: url(../Theme/images/default/icons/sendicon.gif) !important;
}
.downArrowIcon {
    background-image: url(images/singleDownArrow.gif);
}
.down2ArrowIcon {
    background-image: url(images/doubleDownArrow.gif);
}
.upArrowIcon {
    background-image: url(images/singleUpArrow.gif);
}
.up2ArrowIcon {
    background-image: url(images/doubleUpArrow.gif);
}
.meeting-pattern-icon .x-btn-text {
	background: url(images/default/icons/meetingpattern.gif);
}
.playButtonIcon {
    background: url(images/default/shared/right-btn.gif);
}

.downIcon {
    background-image: url(../Theme/images/default/icons/arrowdown.gif) !important;
}

/* Panel Header ICONS */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.filtergridIcon {
    background-image: url(../Theme/images/default/icons/filtergrid.gif) !important;
}

.filterIcon {
    background-image: url(../Theme/images/default/icons/filtericon.gif) !important;
}

.arrowleftIcon {
    background-image: url(../Theme/images/default/icons/arrowleft.gif) !important;
}

.arrowrightIcon {
    background-image: url(../Theme/images/default/icons/arrowright.gif) !important;
}

.houseIcon {
    background-image: url(../Theme/images/default/icons/houseicon.gif) !important;
}

/* TBAR ICONS */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.tbarundo {
    background-image: url(../Theme/images/default/icons/tbarundo.gif) !important;
}
.tbaradd {
    background-image: url(../Theme/images/default/icons/tbaradd.gif) !important;
}
.tbarbold .x-btn-text{font-weight:bold;margin: 0px 4px 0px 2px}


/* RowExpander et.al. */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.gridRowNotExpandable .x-grid3-row-expander {
    background-image: none;
}
.indentedCell .x-grid3-cell-inner {
    padding-left: 16px;
}

/* Grid row ordering actions (will break if grid is inside another grid). */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.moveRowDownAction {
    background-image: url(images/singleDownArrow.gif);
}
.x-grid3-row-last .moveRowDownAction {
    visibility: hidden !important;
}
.moveRowUpAction {
    background-image: url(images/singleUpArrow.gif);
}
.x-grid3-row-first .moveRowUpAction {
    visibility: hidden !important;
}

/* Grid Row Drag-n-Drop */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.grid-row-insert-below { border-bottom: 1px solid orange; }
.grid-row-insert-above { border-top: 1px solid orange; }

/* Grid Tree Icon and Selection Styles */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.x-panel-mc {
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    background-color:#dfe8f6;
}
.x-window-mc {
    border-color:#99BBE8;
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    background-color:#dfe8f6;
}
.x-border-layout-ct {
    background-color:#dfe8f6;
}
.x-list-selected {
    background-color:#dfe8f6;
}

/* ------------------------- */
/* Event Wizard Form         */
/* ------------------------- */
.failedAvailCheckRow .x-grid3-col-BuildingRoom
{
    background-color: #e8bebf;
}
/* End Event Wizard Form ----*/

/* ------------------------- */
/* Event Form                */
/* ------------------------- */
.exceptionRow
{
    background-color: #e8bebf;
}

.exceptionRow .x-grid3-col-Name
{
    font-weight: bold;
}

.conflictRow
{
    background-color: #FFFFA2;
}

.x-tree-node .ruleNeedsAttention
{
    background-image: url(../Theme/images/default/icons/rwred.gif) !important;
    font-weight: bold;
    padding: 2px 15px 2px 2px;
    height:16px;
    width:16px;
    margin-right:5px;
    position:relative;
    visibility:visible;
}

.x-tree-node .ruleAdd
{
    background-image: url(../Theme/images/default/icons/rwpurple.gif) !important;
    font-weight: bold;
    padding: 2px 15px 2px 2px;
    height:16px;
    width:16px;
    margin-right:5px;
    position:relative;
    visibility:visible;
}

.x-tree-node .ruleWarning
{
    background-image: url("../Theme/images/default/icons/rwyellow.gif");
    font-weight: bold;
    padding: 2px 15px 2px 2px;
    height:16px;
    width:16px;
    margin-right:5px;
    position:relative;
    visibility:visible;
}

.conflictRow .conflictIcon
{
    background-image: url("../ExtJs/resources/images/default/form/exclamation.gif");
    font-weight: bold;
    float:left;
    height:16px;
    width:16px;
    margin-right:5px;
    position:relative;
    visibility:visible;
}

.x-tree-node-el .nodeIcon
{
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 18px;
    margin-right: 2px;
    margin-left: 2px;
    padding: 0;
    vertical-align: top;
    width: 16px;
}

.x-tree-node-el .nodeIcon.conflictIcon
{    
    background-image: url("../ExtJs/resources/images/default/form/exclamation.gif");
}

.x-tree-node-el .nodeIcon.warningIcon
{
    background-image: url("../Theme/images/default/icons/warningicon.gif");
}

.groupGridIcon
{
    background-image: url("../Theme/images/default/icons/singlegridicon.gif");
    font-weight: bold;
    float:left;
    height:16px;
    width:16px;
    margin-right:5px;
    position:relative;
    visibility:visible;
}

.singleGridIcon
{
    background-image: url("../Theme/images/default/icons/singlegridicon.gif");
    font-weight: bold;
    float:left;
    height:16px;
    width:16px;
    margin-right:5px;
    position:relative;
    visibility:visible;
}

.recurringGridIcon
{
    background-image: url("../Theme/images/default/icons/recurringgridicon.gif");
    font-weight: bold;
    float:left;
    height:16px;
    width:16px;
    margin-right:5px;
    position:relative;
    visibility:visible;
}

.recurringIcon
{
    background-image: url("../Theme/images/default/icons/recurringgridicon.gif");
    font-weight: bold;
    float:left;
    height:16px;
    margin-right:5px;
    position:relative;
}

/*
    This is to keep the floated right elements on one line when resizing the outer element
    see http://stackoverflow.com/questions/266015/css-floats-how-do-i-keep-them-on-one-line
*/
.eventMeetingNameCol
{
    min-width: 5000px;
    width: auto !important;
    width: 5000px;
}

.eventMeetingNameColText
{
    position: relative;
    float: left;
}

/* End Event Form -----------*/

/* RowActions */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* TABS */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.x-tab-panel-header, .x-tab-panel-footer {
  background:#316496 url(images/default/tabs/tab-panel-bg.gif) repeat-x bottom;
  border-color:#24557f;
    overflow:hidden;
    zoom:1;
}

.x-panel-header .toolbarApproveIcon
{
    width: 16px;
    height: 16px;
    position: relative;
    float: right;
    padding-right: 5px;
}

.x-panel-header .toolbarErrorIcon
{
    width: 16px;
    height: 16px;
    position: relative;
    float: right;
    padding-right: 5px;
}

ul.x-tab-strip-top {
  background-color:#cedff5;
  background-image: url(images/default/tabs/tab-strip-bg.gif);
  border-bottom-color:#24557f;
  padding-top:3px;
}
ul.x-tab-strip-bottom{
    background-color:#cedff5;
  background-image: url(images/default/tabs/tab-strip-btm-bg.gif);
  border-top-color:#24557f;
}
.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
    border-color:#24557f;
    background-color: #deecfd;
}
.x-tab-strip span.x-tab-strip-text {
  font:normal 11px tahoma,arial,helvetica;
  color:#416aa3;
}
.x-tab-strip-over span.x-tab-strip-text {
  color:#0a3e66;
}
.x-tab-strip-active span.x-tab-strip-text {
  color:#ffffff;
    font-weight:bold;
}
.x-tab-panel-body {
    border-color:#24557f;
    background-color:#fff;
}
.x-tab-scroller-left {
    background-image:url(images/default/tabs/scroll-left.gif);
    border-bottom-color:#24557f;
}
.x-tab-scroller-right {
    background-image:url(images/default/tabs/scroll-right.gif);
    border-bottom-color:#24557f;
}
.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
    border-color:#2f5b87;
}

/* FORMS */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Trigger Icons */
.x-form-field-wrap .x-form-room-trigger{
    background-image: url(images/default/form/room-trigger.gif);
}
.x-form-field-wrap .x-form-date-trigger{
    background-image: url(images/default/form/date-trigger.gif);
}
.x-form-field-wrap .x-form-save-filter-trigger{
    background-image: url(images/default/form/save-trigger.gif);
}
.x-form-field-wrap .x-form-manage-filter-trigger{
    background-image: url(images/default/form/manage-trigger.gif);
}
/* End Trigger Icons */


/* Tree Icons */
.x-tree-arrows .x-tree-elbow-plus{
    background-image:url(images/default/tree/arrows.gif);
}

.x-tree-arrows .x-tree-elbow-minus{
    background-image:url(images/default/tree/arrows.gif);
}

.x-tree-arrows .x-tree-elbow-end-plus{
    background-image:url(images/default/tree/arrows.gif);
}

.x-tree-arrows .x-tree-elbow-end-minus{
    background-image:url(images/default/tree/arrows.gif);
}
/* End Tree Icons */

.x-form-field{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
}
.x-form-check-group-label {
    border-bottom: none;
    color: #000000;
}
.x-fieldset legend {
    font:bold 11px tahoma, arial, helvetica, sans-serif;
    color:#333333;
}
.x-statusbar .x-status-text-panel {
    border-color: #2f5b87 #fff #fff #2f5b87;
}
.x-resizable-handle {
  background-color:#fff;
}
.x-grid-panel .x-panel-mc .x-panel-body {
    border-color:#2f5b87;
}
.x-grid3-hd-text {
  color:#efefef;
}
.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
    color:#efefef !important;
}
.x-grid-group-hd {
    border-bottom-color:#2f5b87;
}
.x-tree-node .x-tree-selected {
  background-color: #dbe5f5;
}

.x-tree-node a.linkColumn
{
    color: #24557f;
    text-decoration: underline;
}

a.linkColumn
{
    color: #24557f;
    text-decoration: underline;
    cursor: pointer;
}

.x-tree-node a.dialogLink
{
    font-size: 12px;
    font-weight: bold;
}

.x-date-inner .x-date-selected a{
    background-color:#dfecfb;
  background-image:url(images/default/shared/glass-bg.gif);
  border-color:#24557f;
}
td.x-date-mp-month a,td.x-date-mp-year a {
  color:#efefef;
}
td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
  color:#efefef;
  background-color: #ddecfe;
}
td.x-date-mp-sel a {
    background-color: #dfecfb;
  background-image: url(images/default/shared/glass-bg.gif);
  border-color:#24557f;
}
.x-combo-list-hd {
    font:bold 11px tahoma, arial, helvetica, sans-serif;
    color:#efefef;
    background-image: url(images/default/layout/panel-title-light-bg.gif);
    border-bottom-color:#98c0f4;
}
.x-combo-list-small {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
}
.x-panel {
    border-color: #2f5b87;
}
.x-panel-header {
    color:#efefef;
	font-weight:bold;
    font-size: 11px;
    font-family: tahoma,arial,verdana,sans-serif;
    border-color:#0a3e66;
    background-image: url(images/default/panel/white-top-bottom.gif);
}
.box-Panel .x-panel-header {
    color:#efefef;
	font-weight:bold;
    font-size: 11px;
    font-family: tahoma,arial,verdana,sans-serif;
    border-color:#0a3e66;
    background-image: url(images/default/panel/white-top-bottom.gif);
}
.x-panel-body {
    border-color:#2f5b87;
    background-color:#fff;
}

/** Remove border for modal toolbars **/
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
    border-color:#2f5b87;
}
.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top-color:#2f5b87;
/*    border-width: 0px; */
}
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-top-color:#2f5b87;
/*    border-width: 0px; */
}
.x-panel-tl .x-panel-header {
    color:#efefef;
  font:bold 11px tahoma,arial,verdana,sans-serif;
}
.x-panel-tc {
  background-image: url(images/default/panel/top-bottom.gif);
}
.x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
  background-image: url(images/default/panel/corners-sprite.gif);
    border-bottom-color:#2f5b87;
}
.x-panel-ghost ul {
    border-color:#2f5b87;
}
.x-panel-dd-spacer {
    border-color:#2f5b87;
}
.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
    font:normal 11px arial,tahoma, helvetica, sans-serif;
}
.x-window-proxy {
    background-color:#c7dffc;
    border-color:#2f5b87;
}
.x-window-tl .x-window-header {
    color:#efefef;
  font:bold 11px tahoma,arial,verdana,sans-serif;
}
.x-window-mc {
    border-color:#2d5a88;
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    background-color:#e9e9e9;
    padding-top:5px;
    border:none;
}
.x-window-mc .x-tab-panel-header,.x-window-mc .x-tab-panel-footer {
  border-color:#102537;
  background:#316496;
  border:none;
  border-bottom:1px solid #24557f;
}
.x-window-mc ul.x-tab-strip-top,
.x-window-mc ul.x-tab-strip-bottom
 {
  background: url(images/default/tabs/tab-strip-bg2.gif);
  background:#e9e9e9;
}
.x-window-bbar .x-toolbar {
    border-top-color:#2f5b87;
}
.x-panel-ghost .x-window-tl {
    border-bottom-color:#2f5b87;
}
.x-window-plain .x-window-mc {
    background-color: #e2e7ed;
    border-color: #a3bae9 #e9e9e9 #e9e9e9 #a3bae9;
}
.x-window-plain .x-window-body {
    border-color: #e9e9e9 #a3bae9 #a3bae9 #e9e9e9;
}
.x-window-body {
    background:#dce8f7;
}
body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #e2e7ed;
}
.x-html-editor-wrap {
    border-color:#a9bfd3;
    background-color:#fff;
}
.x-html-editor-tb .x-btn-text {
    background-image:url(images/default/editor/tb-sprite.gif);
}
/*** Toolbar noborder color ***/
.x-panel-noborder .x-panel-header-noborder {
    border-bottom-color:#2f5b87;
    /** if no border the x-panel-header won't have a top border. **/
}
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
/*    border-bottom-color:#d4dae0; */
}
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
/*    border-top-color:#d4dae0; */
}
.x-tab-panel-bbar-noborder .x-toolbar {
    border-top-color:#2f5b87;
}
.x-tab-panel-tbar-noborder .x-toolbar {
    border-bottom-color:#2f5b87;
}
.x-border-layout-ct {
    background-color:#e9e9e9;
}
/*** END Toolbar noborder color ***/

/* BROWSE COMBO */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.browseComboPopup
{
    border: 1px solid #99BBE8;
}

.browseComboPopup .browseComboPagerBar
{
    border: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #99BBE8;
}

.browseComboGrid .x-grid3-row-over
{
    border: 1px dotted #c3ba91;
    background: #faf2ce;
}

/*** END BROWSE COMBO ***/

.x-accordion-hd {
  color:#222;
    font-weight:normal;
    background-image: url(images/default/panel/light-hd.gif);
}
.x-layout-collapsed{
    background-color:#0a3e66;
  border-color:#0a3e66;
}
.x-layout-collapsed-over{
    background-color:#35628f;
}
.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
    background-image:url(images/default/grid/sort-hd.gif);
    border-color: #2f5b87;
}
.TopNav {
  border-bottom:1px solid #d4dce2;
}


/* Astra Styles Date Picker */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.x-date-picker {
    border-color: #1b376c;
    background-color:#fff;
}
.x-date-middle,.x-date-left,.x-date-right {
  background-image: url(images/default/shared/hd-sprite.gif);
  font:bold 11px "sans serif", tahoma, verdana, helvetica;
}
.x-date-middle .x-btn .x-btn-text {
    color:#fff;
}
.x-date-middle .x-btn-mc em.x-btn-arrow {
    background-image:url(images/default/toolbar/btn-arrow-light.gif);
}
.x-date-right a {
    background-image: url(images/default/shared/right-btn.gif);
}
.x-date-left a{
  background-image: url(images/default/shared/left-btn.gif);
}
.x-date-inner th {
    background-color:#dfecfb;
    background-image:url(images/default/shared/glass-bg.gif);
  border-bottom-color:#a3bad9;
    font:normal 10px arial, helvetica,tahoma,sans-serif;
  color:#233d6d;
}
.x-date-inner td {
    border-color:#fff;
}
.x-date-inner a {
    font:normal 11px arial, helvetica,tahoma,sans-serif;
    color:#000;
}
.x-date-inner .x-date-active{
  color:#000;
}
.x-date-inner .x-date-selected a{
    background-color:#dfecfb;
  background-image:url(images/default/shared/glass-bg.gif);
  border-color:#8db2e3;
}
.x-date-inner .x-date-today a{
  border-color:darkred;
}
.x-date-inner .x-date-selected span{
    font-weight:bold;
}
.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
  color:#aaa;
}
.x-date-bottom {
    border-top-color:#a3bad9;
    background-color:#dfecfb;
    background-image:url(images/default/shared/glass-bg.gif);
}
.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
    color:#000;
    background-color:#ddecfe;
}
.x-date-inner .x-date-disabled a {
  background-color:#eee;
  color:#bbb;
}
.x-date-mmenu{
    background-color:#eee !important;
}
.x-date-mmenu .x-menu-item {
  font-size:10px;
  color:#000;
}
.x-date-mp {
  background-color:#fff;
}
.x-date-mp td {
  font:normal 11px arial, helvetica,tahoma,sans-serif;
}
.x-date-mp-btns button {
  background-color:#083772;
  color:#fff;
  border-color: #3366cc #000055 #000055 #3366cc;
  font:normal 11px arial, helvetica,tahoma,sans-serif;
}
.x-date-mp-btns {
    background-color: #dfecfb;
  background-image: url(images/default/shared/glass-bg.gif);
}
.x-date-mp-btns td {
  border-top-color: #c5d2df;
}
td.x-date-mp-month a,td.x-date-mp-year a {
  color:#15428b;
}
td.x-date-mp-month a:hover,td.x-date-mp-year a:hover{
  color:#15428b;
  background-color: #ddecfe;
}
td.x-date-mp-sel a {
    background-color: #dfecfb;
  background-image: url(images/default/shared/glass-bg.gif);
  border-color:#8db2e3;
}
.x-date-mp-ybtn a {
    background-image:url(images/default/panel/tool-sprites.gif);
}
td.x-date-mp-sep {
   border-right-color:#c5d2df;
}
.x-date-mp-ybtn a {
    background-image:url(images/default/panel/tool-sprites.gif);
}
.x-date-inner a {
    display: block;
    padding: 2px;
    text-align: right;
    text-decoration: none;
}
/* Astra Styles Inline Date Picker */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.astra-date-picker
{

}

.astra-date-picker .x-date-inner .x-date-selected a
{
    text-decoration: none;
    color: #000000;
}

.astra-date-picker .x-date-inner a:focus
{
    text-decoration: none;
    color: #000000;
}

.astra-date-picker .x-date-date
{
    text-decoration: none;
    color: #000000;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.x-tool {
    background-image:url(images/default/panel/tool-sprites.gif);
}
.x-window-tc {
  background-image: url(images/default/window/top-bottom.png);
}
.x-window-tl {
  background-image: url(images/default/window/left-corners.png);
}
.x-window-tr {
  background-image: url(images/default/window/right-corners.png);
}
.x-window-bc {
  background-image: url(images/default/window/top-bottom.png);
}
.x-window-bl {
  background-image: url(images/default/window/left-corners.png);
}
.x-window-br {
  background-image: url(images/default/window/right-corners.png);
}
.x-window-ml {
  background-image: url(images/default/window/left-right.png);
}
.x-window-mr {
  background-image: url(images/default/window/left-right.png);
}
.x-tab-strip-top .x-tab-right,
.x-tab-strip-top .x-tab-left,
.x-tab-strip-top .x-tab-strip-inner
{
  background-image: url(images/default/tabs/tabs-sprite.gif);
}
.x-tab-strip-bottom .x-tab-right {
  background-image: url(images/default/tabs/tab-btm-inactive-right-bg.gif);
}
.x-tab-strip-bottom .x-tab-left {
  background-image: url(images/default/tabs/tab-btm-inactive-left-bg.gif);
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  background-image: url(images/default/tabs/tab-btm-right-bg.gif);
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  background-image: url(images/default/tabs/tab-btm-left-bg.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-help {
  background-image:url(images/default/tabs/help.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  background-image:url(images/default/tabs/tab-close.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
  background-image:url(images/default/tabs/tab-close.gif);
}
.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
    opacity:.6;
    -moz-opacity:.6;
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
    opacity:.7;
    -moz-opacity:.7;
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
  background-image:url(images/default/button/btn.gif);
}

/*********************************************/
/* Making Toolbar Buttons with Button Border */
/*********************************************/
table .x-btn
{
    margin: 0;
}

.x-toolbar-cell
{
	padding:0 1px;
}

.x-btn-text-icon .x-btn-tl,.x-btn-text-icon .x-btn-tr,.x-btn-text-icon .x-btn-tc,.x-btn-text-icon .x-btn-ml,.x-btn-text-icon .x-btn-mr,.x-btn-text-icon .x-btn-mc,.x-btn-text-icon .x-btn-bl,.x-btn-text-icon .x-btn-br,.x-btn-text-icon .x-btn-bc,
.x-btn-text .x-btn-tl,.x-btn-text .x-btn-tr,.x-btn-text .x-btn-tc,.x-btn-text .x-btn-ml,.x-btn-text .x-btn-mr,.x-btn-text .x-btn-mc,.x-btn-text .x-btn-bl,.x-btn-text .x-btn-br,.x-btn-text .x-btn-bc,
.makeButton .x-btn-tl,.makeButton .x-btn-tr,.makeButton .x-btn-tc,.makeButton .x-btn-ml,.makeButton .x-btn-mr,.makeButton .x-btn-mc,.makeButton .x-btn-bl,.makeButton .x-btn-br,.makeButton .x-btn-bc  {
  background-image:url(images/default/button/btn.gif);
}

.makeButtonBlue .x-btn-tl,
.makeButtonBlue .x-btn-tr,
.makeButtonBlue .x-btn-tc,
.makeButtonBlue .x-btn-ml,
.makeButtonBlue .x-btn-mr,
.makeButtonBlue .x-btn-mc,
.makeButtonBlue .x-btn-bl,
.makeButtonBlue .x-btn-br,
.makeButtonBlue .x-btn-bc  {
  background-image:url(images/default/button/btnblue.gif);
}
.makeButtonTrans .x-btn-tl,
.makeButtonTrans .x-btn-tr,
.makeButtonTrans .x-btn-tc,
.makeButtonTrans .x-btn-ml,
.makeButtonTrans .x-btn-mr,
.makeButtonTrans .x-btn-mc,
.makeButtonTrans .x-btn-bl,
.makeButtonTrans .x-btn-br,
.makeButtonTrans .x-btn-bc  {
  background-image:url(images/default/button/btntrans.gif);
}

.makeButtonBlue .x-btn-tl,
.makeButtonBlue .x-btn-tr,
.makeButtonBlue .x-btn-tc,
.makeButtonBlue .x-btn-ml,
.makeButtonBlue .x-btn-mr,
.makeButtonBlue .x-btn-mc,
.makeButtonBlue .x-btn-bl,
.makeButtonBlue .x-btn-br,
.makeButtonBlue .x-btn-bc
{
  background-image:url(images/default/button/btnblue.gif);
  color:#fff;
}
.makeButtonGrey .x-btn-tl,
.makeButtonGrey .x-btn-tr,
.makeButtonGrey .x-btn-tc,
.makeButtonGrey .x-btn-ml,
.makeButtonGrey .x-btn-mr,
.makeButtonGrey .x-btn-mc,
.makeButtonGrey .x-btn-bl,
.makeButtonGrey .x-btn-br,
.makeButtonGrey .x-btn-bc
{
  background-image:url(images/default/button/btn.gif);
  color:#000;
}
.x-toolbar .makeButtonGrey .x-btn em, .x-toolbar .makeButtonGrey em .x-btn-text {
    color: #000;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 4px;
}
.makeButtonGreen .x-btn-tl,
.makeButtonGreen .x-btn-tr,
.makeButtonGreen .x-btn-tc,
.makeButtonGreen .x-btn-ml,
.makeButtonGreen .x-btn-mr,
.makeButtonGreen .x-btn-mc,
.makeButtonGreen .x-btn-bl,
.makeButtonGreen .x-btn-br,
.makeButtonGreen .x-btn-bc
{
  background-image:url(images/default/button/btngreen.gif);
  color:#fff;
}
.greytext {
	#000;
}
.x-btn-text-icon .x-btn-tl,
.x-btn-text .x-btn-tl,
.makeButton .x-btn-tl,
.makeButtonGrey .x-btn-tl,
.makeButtonBlue .x-btn-tl,
.makeButtonGreen .x-btn-tl
{
        background-position: 0 0;
}
.x-btn-text-icon .x-btn-tr,
.x-btn-text .x-btn-tr,
.makeButton .x-btn-tr,
.makeButtonGrey .x-btn-tr,
.makeButtonBlue .x-btn-tr,
.makeButtonGreen .x-btn-tr
{
        background-position: -3px 0;
}
.x-btn-text-icon .x-btn-tc,
.x-btn-text .x-btn-tc,
.makeButton .x-btn-tc,
.makeButtonGrey .x-btn-tc,
.makeButtonBlue .x-btn-tc,
.makeButtonGreen .x-btn-tc
{
        background-position: 0 -6px;
}

.x-btn-text-icon .x-btn-ml,
.x-btn-text .x-btn-ml,
.makeButton .x-btn-ml,
.makeButtonGrey .x-btn-ml,
.makeButtonBlue .x-btn-ml,
.makeButtonGreen .x-btn-ml
{
        background-position: 0px -24px;
}
.x-btn-text-icon .x-btn-mr,
.x-btn-text .x-btn-mr,
.makeButton .x-btn-mr,
.makeButtonGrey .x-btn-mr,
.makeButtonBlue .x-btn-mr,
.makeButtonGreen .x-btn-mr
{
        background-position: -3px -24px;
}

.x-btn-text-icon .x-btn-mc,
.x-btn-text .x-btn-mc,
.makeButton .x-btn-mc,
.makeButtonGrey .x-btn-mc,
.makeButtonBlue .x-btn-mc,
.makeButtonGreen .x-btn-mc
{
        background-position: 0 -1096px;
}
.x-btn-text-icon .x-btn-bl,
.x-btn-text .x-btn-bl,
.makeButton .x-btn-bl,
.makeButtonGrey .x-btn-bl,
.makeButtonBlue .x-btn-bl,
.makeButtonGreen .x-btn-bl
{
        background-position: 0 -3px;
}
.x-btn-text-icon .x-btn-br,
.x-btn-text .x-btn-br,
.makeButton .x-btn-br,
.makeButtonGrey .x-btn-br,
.makeButtonBlue .x-btn-br,
.makeButtonGreen .x-btn-br
{
        background-position: -3px -3px;
}
.x-btn-text-icon .x-btn-bc,
.x-btn-text .x-btn-bc,
.makeButton .x-btn-bc,
.makeButtonGrey .x-btn-bc,
.makeButtonBlue .x-btn-bc,
.makeButtonGreen .x-btn-bc
{
        background-position: 0 -15px;
}


.largeButtonFont .x-btn-mc,
{
    font-size: 16px;
    color:Black;
}
/*************************************************/
/* END Making Toolbar Buttons with Button Border */
/*************************************************/




.dividerColumn
{
     background-color: #ccc;
}
.x-grid3-row {
    border-color:#ddd;
    border-top-color:#fff;
}
.cellWrap div
{
    white-space: normal;
}
.itemIsblocked
{
    background-color: #DA4646;
    color: White;
}
.x-grid3-row-expanded .gridCellLong
{
    display: block;
}
.x-grid3-row-expanded .gridCellShort
{
    display: none;
}
.x-grid3-row-collapsed .gridCellLong
{
    display: none;
}
.x-grid3-row-collapsed .gridCellShort
{
    display: block;
}
.matchedPreference
{
    background-color: #FFFF8B;
}
/*
    AdhocScheduler styles
*/
.mtgAvail {
}
.mtgBlocked {
    background-color: #DA4646;
    color:#ffffff;
}
.mtgPartialBlock {
    background-color: #FFCA7A;
    color:#000000;
}
.mtgConflict {
    background-color: #FFFF8B;
}
.mtgSelected {
    background-color: #8BD18B;
    color:#000000;
    font-weight:bold;
}
.mtgSelected {
    background-color: #8BD18B;
    color:#000000;
    font-weight:bold;
}

/* LIST BUILDER COMPONET */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.popupBox {
    border: 2px solid #99BBE8;
}

.popupBox .popupBoxPagerBar
{
    border: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #99BBE8;
}
.boxPanel .x-tool,
.boxPanel-reset .x-tool,
.invalidBoxPanel .boxPanel .x-tool,
.invalidBoxPanel .boxPanel-reset .x-tool {
    background-image:url(images/default/panel/tool-sprites-blue.gif);
}
.boxPanel .x-layout-split,
.boxPanel-reset .x-layout-split {
    background:#dce6f5;
    border-top:1px solid #90acc7;
}
.boxPanel .x-layout-collapsed .x-panel-header,
.boxPanel-reset .x-layout-collapsed .x-panel-header {
	border-color: #99BBE8;
}
.boxPanel .x-toolbar,
.invalidBoxPanel .boxPanel-reset .x-toolbar {
	border-color: #99BBE8;
/*    border-bottom-color:#d4dae0; */
    background:#eee url(images/default/toolbar/bg-grey.gif) right bottom;
}
.boxPanel .x-panel-body,
.invalidBoxPanel .boxPanel-reset .x-panel-body {
    background:#fff;
	border-color: #99BBE8;
}
.boxPanel .x-panel-header,
.boxPanel-reset .x-panel-header,
.invalidBoxPanel .boxPanel-reset .x-panel-header {
    background: #cedbec url(images/default/tabs/boxpanel-bg.gif) bottom repeat-x;
    padding: 2px 5px !important;
    color:#036;
	border-color: #99BBE8;
	border-bottom-color: #99BBE8;
}
.boxPanel .x-layout-collapsed{
    background: #cedbec url(images/default/tabs/boxpanelsub-bg.gif) bottom repeat-x;
	border-color: #99BBE8;
}
.boxPanel .x-layout-collapsed  .x-tool{
  background-image: url(images/default/panel/tool-sprites-green.gif);
}

/********************/
/*** Sub boxPanel ***/
/********************/

.boxPanel .boxPanel .x-tool  {
  background-image: url(images/default/panel/tool-sprites-green.gif);
}
.boxPanel .boxPanel .x-panel-body,
.invalidBoxPanel .boxPanel .x-panel-body
{
    background:#fff;
	border-color: #9eb89f;
}

.boxPanel .boxPanel .bgColorChooser .x-panel-body
{
    background: transparent; 
    border-color: #9eb89f;
}

.boxPanel .boxPanel .x-panel-header,
.invalidBoxPanel .boxPanel .x-panel-header {
    background: #cedbec url(images/default/tabs/boxpanelsub-bg.gif) bottom repeat-x;
    padding: 2px 5px !important;
    color:#036;
	border-color: #9eb89f;
	border-bottom-color: #9eb89f;
}
.boxPanel .boxPanel .x-toolbar,
.invalidBoxPanel .boxPanel .x-toolbar {
	border-color: #9eb89f;
/*    border-bottom-color:#d4dae0;*/
    background:#eee url(images/default/toolbar/bg-grey.gif) right bottom;
}
.boxPanel .boxPanel .x-form-check-wrap {
    width: 100px;
}
/*** END Sub boxPanel ***/

/*********************/
/*** validBoxPanel ***/
/*********************/

.invalidBoxPanel .x-tool {
    background-image:url(images/default/panel/tool-sprites-red.gif);
}

.invalidBoxPanel .x-panel-header  {
    background: #cedbec url(images/default/panel/validboxpanel-bg.gif) bottom repeat-x;
    padding: 2px 5px !important;
    color:#fff;
    /* border:none; */
	border-color: #9eb89f;
}
.invalidBoxPanel .x-panel-body
{
    background:#fdecec;
    border-color:#954b4b;
}
.invalidBoxPanel .x-panel-body .x-panel-body
{
   /* Course Form uses x-panels within w-panels and needs a border.*/
    /* border:none; */
}

.invalidBoxPanel .x-panel-header
{
    margin:0px;
    border-color:#954b4b;
}
.invalidBoxPanel .x-toolbar {
    border-color:#954b4b;
    border-bottom-color:#c4b1b2;
    background:#eee url(images/default/toolbar/bg-red.gif) right bottom;
}
/*** END validBoxPanel ***/

.flatPanel  {
}
.flatPanel .x-tool  {
  background-image: url(images/default/panel/tool-sprites-light.gif);
}
.flatPanel .x-panel-header, .boxPanel .flatPanel .x-panel-header {
    background-color:transparent;
    background-image: none;
    padding: 2px 5px !important;
    color:#000;
    border:none;
    border-bottom:1px solid;
	border-bottom-color: #999999;
}
.flatPanel .x-panel-body
{
    border:none;
    background:none;
}
.flatPanel .x-panel-body .x-panel-body
{
    border:none;
}
.schedPanel  {
    overflow-y: auto;
}

/* FilterListBuilder */

.filterListBuilderSelGrid
{
}

.filterListBuilderSelGrid .x-grid3-scroller
{
    overflow: hidden;
}

/* End FilterListBuilder*/

/* Notes Styles */
/* Styles for notebox also uses ListView Styles */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.notebox {
  border-bottom:1px solid #9fb4c9;
  padding:5px;
}

/* ListView */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.ListViewOverride {
  background: #fff;
}

/* Valitation Tab */
/* Styles for identifying a tab that needs attention. Also requires the appropriate tabs-sprite.gif */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.x-tab-panel .x-tab-panel .x-tab-strip span.x-tab-strip-text {
	color:#264d26;
}
.x-tab-panel .x-tab-panel .x-tab-strip-active span.x-tab-strip-text {
	color:#fff;
    font-weight:bold;
}
.x-tab-panel .x-tab-panel .x-tab-panel-header,
.x-tab-panel .x-tab-panel .x-tab-panel-footer,
.x-tab-panel .x-tab-panel .x-tab-panel-body,
.x-tab-panel .x-tab-panel ul.x-tab-strip-bottom,
.x-tab-panel .x-tab-panel .x-tab-panel-body,
.x-tab-panel .x-tab-panel .x-tab-scroller-left,
.x-tab-panel .x-tab-panel .x-tab-scroller-right  {
    border-color: #5386aa;
}
.x-tab-panel .x-tab-panel ul.x-tab-strip-top,
.x-tab-panel .x-tab-panel .x-tab-panel-header,
.x-tab-panel .x-tab-panel .x-tab-panel-footer {
  background:#6495bd;
  border-color: #5386aa;
}

.x-tab-panel .x-tab-panel .x-tab-strip-top .x-tab-right {
   background-position:0 -501px;
    padding-left:10px;
}

.x-tab-panel .x-tab-panel .x-tab-strip-top .x-tab-left {
   background-position:right -801px;
}

.x-tab-panel .x-tab-panel .x-tab-strip-top .x-tab-strip-inner {
   background-position:0 -651px;
}

.x-tab-panel .x-tab-panel .x-tab-strip-top .x-tab-strip-over .x-tab-right {
	 background-position:0 -551px;
}

.x-tab-panel .x-tab-panel .x-tab-strip-top .x-tab-strip-over .x-tab-left {
	 background-position:right -851px;
}

.x-tab-panel .x-tab-panel .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
	 background-position:0 -701px;
}

.x-tab-panel .x-tab-panel .x-tab-strip-top .x-tab-strip-active .x-tab-right {
   background-position:0 -450px;
}

.x-tab-panel .x-tab-panel .x-tab-strip-top .x-tab-strip-active .x-tab-left {
	background-position: right -751px;
}

.x-tab-panel .x-tab-panel .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
	background-position: 0 -601px;
}


.x-tab-panel .x-tab-panel ul.x-tab-strip-top{
	background-image: url(images/default/tabs/tab-strip-sub-bg.gif);
}

/** declare tab styles **/
.tab-reset .x-tab-strip-top .x-tab-right,
.tab-reset .x-tab-strip-top .x-tab-left,
.tab-reset .x-tab-strip-top .x-tab-strip-inner
{
	background-image: url(images/default/tabs/tabs-sprite.gif);
}


.tab-reset ul.x-tab-strip-top,
.tab-reset .x-tab-panel-header,
.tab-reset .x-tab-panel-footer,
.x-tab-panel .x-tab-panel  .tab-reset ul.x-tab-strip-top,
.x-tab-panel .x-tab-panel  .tab-reset .x-tab-panel-header,
.x-tab-panel .x-tab-panel  .tab-reset .x-tab-panel-footer
{
  background:#336699;
  border-color: #24557f;
}



.tab-reset ul.x-tab-strip-top,
.x-tab-panel .x-tab-panel .tab-reset ul.x-tab-strip-top
{
	background-image: url(images/default/tabs/tab-strip-bg.gif);

}


.x-tab-panel .x-tab-panel  .tab-reset .x-tab-panel .x-tab-panel  ul.x-tab-strip-top,
.x-tab-panel .x-tab-panel  .tab-reset .x-tab-panel .x-tab-panel  .x-tab-panel-header,
.x-tab-panel .x-tab-panel  .tab-reset .x-tab-panel .x-tab-panel  .x-tab-panel-footer
{
  background:#6495bd;
  border-color: #5386aa;
}

.x-tab-panel .x-tab-panel  .tab-reset .x-tab-panel .x-tab-panel   ul.x-tab-strip-top
{
	background-image: url(images/default/tabs/tab-strip-bg.gif);
}






/* MAY NOT NEED THESE STYLES!!!!!!!!!!!!!!!!!!!
.x-tab-panel .x-tab-panel .tab-reset .x-tab-strip-top .x-tab-right {
   background-position:0 0px;
   padding-left:10px;
}

.x-tab-panel .x-tab-panel  .tab-reset .x-tab-strip-top .x-tab-left {
   background-position:right -301px;
}

.x-tab-panel .x-tab-panel .tab-reset .x-tab-strip-top .x-tab-strip-inner {
   background-position:0 -151px;
}

.x-tab-panel .x-tab-panel  .tab-reset .x-tab-strip-top .x-tab-strip-over .x-tab-right {
	 background-position:0 -551px;
}

.x-tab-panel .x-tab-panel  .tab-reset .x-tab-strip-top .x-tab-strip-over .x-tab-left {
	 background-position:right -851px;
}

.x-tab-panel .x-tab-panel  .tab-reset .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
	 background-position:0 -701px;
}
*/

/*** To Reset Tab Color to the first level tab color ***/
.x-tab-panel .x-tab-panel  .tab-reset .x-tab-strip-top .x-tab-strip-active .x-tab-right {
   background-position:0 0px;
   padding-left:10px;
}

.x-tab-panel .x-tab-panel  .tab-reset .x-tab-strip-top .x-tab-strip-active .x-tab-left {
   background-position:right -301px;
}

.x-tab-panel .x-tab-panel  .tab-reset .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
   background-position:0 -151px;
}
/*** For Sub Tabs under a Reset Tab (Otherwise all sub tabs will be the same as Reset) ***/
.x-tab-panel .x-tab-panel  .tab-reset .x-tab-panel .x-tab-panel  .x-tab-strip-top .x-tab-strip-active .x-tab-right {
   background-position:0 -450px;
}

.x-tab-panel .x-tab-panel  .tab-reset .x-tab-panel .x-tab-panel  .x-tab-strip-top .x-tab-strip-active .x-tab-left {
	background-position: right -751px;
}

.x-tab-panel .x-tab-panel  .tab-reset .x-tab-panel .x-tab-panel  .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
	background-position: 0 -601px;
}






















/** end declare tab styles **/


/* Valitation Tab */
/* Styles for identifying a tab that needs attention. Also requires the appropriate tabs-sprite.gif */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------
.x-tab-strip-top .x-tab-strip-invalid .x-tab-right {
   background-position:0 -450px;
}

.x-tab-strip-top .x-tab-strip-invalid .x-tab-left {
   background-position:right -751px;
}

.x-tab-strip-top .x-tab-strip-invalid .x-tab-strip-inner {
   background-position:0 -601px;
}

.x-tab-strip-invalid span.x-tab-strip-text {
  color:#ffffff;
    font-weight:bold;
}

.x-tab-strip-invalid span.x-tab-strip-text {
  background:url(images/default/form/exclamation-red.gif) right no-repeat;
  padding-right:18px
}

.x-tab-strip-top .x-tab-strip-over .x-tab-right {
   background-position:0 -501px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-left {
   background-position:right -801px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
   background-position:0 -651px;
}

.x-tab-strip-over span.x-tab-strip-text {
  color:#ffffff;
    font-weight:bold;
}

.x-tab-strip-over span.x-tab-strip-text {
  color:#ffffff;
    font-weight:bold;
}
.x-tab-strip-over span.x-tab-strip-text {
  background:url(images/default/form/exclamation-red.gif) right no-repeat;
  padding-right:18px
} */

/* If you want to change the tabs borderline color */
/*
.x-tab-strip, .x-tab-strip-top, .x-tab-panel, .x-tab-panel-header {
  border-color:#931e1e;
  background:#ad2626;
}
ul.x-tab-strip-top {
  border-bottom-color:#ad2626;
}
.x-window-mc .x-tab-panel-header, .x-window-mc .x-tab-panel-footer {
  border-color:#931e1e;
  background:#ad2626;
}
*/
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Default color is #fff. Sets the background color to green for input fields.
.x-form-text
 {
  background-color:#3c3;
}
 */

/*!
 * Ext JS Library 3.1.1
 * Copyright(c) 2006-2010 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
 .hoverwrapperequip
 {
    width:400px;
 }


.x-tip .headercontentholder,
.x-tip .headercontentholderequip,
.x-tip .headercontentholderservice
{
	width:auto;
	border:none;
	padding:3px;
	margin: 0px;
	background:#e9f2ff;
}

.x-tip .hoverheader h2,
.x-tip .hoverheaderequip h2,
.x-tip .headercontentholderservice h2
{
	font-size: 12px;
}

.x-tip .headercontentholder .hovergrid
{
	width:auto;
	padding:0px;
	margin: 0px;
	background:#fff;
	border-color: #c0d2e9;
}



.x-tip .hovershadow
{
	border:none;
	width:auto;
	padding:0px;
}
.x-tip .hoverheader,
.x-tip .hoverheaderequip,
.x-tip .headercontentholderservice
{
	background:transparent;
	padding:0px;
	color:#000000;
	width:auto;
	border-bottom:1px solid #c0d2e9;
	font-size: 14px;
}

.x-tip .hoverheader h2,
.x-tip .hoverheaderequip h2,
.x-tip .headercontentholderservice h2
{
	font-size: 14px;
}


.x-tip .HoverGroup,
.x-tip .headercontentholderequip .HoverGroup,
.x-tip .headercontentholderservice .HoverGroup

{
    background:#e9f2ff;
}

.hovergrid {
	height:200px;
	overflow-y:scroll;
	border:1px solid #cccccc;
}


*/
.hoverimagenopic
{
	margin:0 5px 5px 0;
	border:2px solid #B0B9C3;
	display:inline;
}

.newhover
{
	width: 400px;
	font-size: 12px;
}
.newhover h2
{
	font-size:14px;
	padding:3px 0;
	color:#000;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}

.newhover table
{
	border:1px solid #c6d6ec;
	background: #fcfdff;
	font-size: 12px;
}

.hoverstyles table th,
.hoverstyles table td
{
	font-size: 11px;
	padding:1px;
}

.hoverstyles table th
{
	font-weight:bold;
}

.hoverstyles table.styled
{
	border:1px solid #ccc;
	background:#fff;
}
.hoverstyles table.styled th,
.hoverstyles table.styled td
{
	padding:2px;
}
.hoverstyles table.styled th
{
	font-weight:bold;
	background:#f3f3f3;
	border-bottom:1px solid #eeeeee;
}

.hoverstyles table.styled td
{
	border-bottom:1px solid #eeeeee;
}

.hoverbtmspace
{
	height:3px;
}


.x-tip .x-tip-close{
	background-image: url(images/default/qtip/close.gif);
}

.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
	background-image: url(images/default/qtip/tip-sprite.gif);
}

.x-tip .x-tip-mc {
    font: normal 11px tahoma,arial,helvetica,sans-serif;
}
.x-tip .x-tip-ml {
	background-color: #fff;
}

.x-tip .x-tip-header-text {
    font: bold 11px tahoma,arial,helvetica,sans-serif;
    color:#444;
}

.x-tip .x-tip-body {
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    color:#444;
}

.x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc,
.x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr
{
	background-image: url(images/default/form/error-tip-corners.gif);
}

.x-form-invalid-tip .x-tip-body {
    background-image:url(images/default/form/exclamation.gif);
}
.x-tip-anchor {
    background-image:url(images/default/qtip/tip-anchor-sprite.gif);
}


/**********************************/
/* CrossList Styles in Analyitics */
/**********************************/

.CrossList .x-form-item {
    background: #cde9fa;
    border: 1px solid #aad3eb;
    padding: 4px;
}

.CrossList .x-form-text {
    font-weight: bold;
    color:#cc0000;
    border-color: #aad3eb;
}

.x-grid3-body .likeBaselineTerm {
    background:#bce2f8;
}

.x-grid3-body .CrossList {
    background:#cde9fa;
    border-bottom:1px solid #aad3eb;
}


.x-grid3-body .CrossListClusterParent {
    background:#ccff99;
    border-bottom:1px solid #aad3eb;
}

.x-grid3-body .CrossListClusterChild {
    
    background:#cc6666;
    border-bottom:1px solid #aad3eb;
}





.x-grid3-body .CrossList:hover {
    background:#bce2f8;
}

/**********************************/
/* Completed Styles in Sectioning */
/**********************************/

.Completed .x-form-item {
    background: #99ff66;
    border: 1px solid #aad3eb;
    padding: 4px;
}

.Completed .x-form-text {
    font-weight: bold;
    color:#cc0000;
    border-color: #aad3eb;
}

.x-grid3-body .Completed {
    background:#99ff66;
    border-bottom:1px solid #aad3eb;
}

/**********************************/
/* Recommended Styles in Sectioning */
/**********************************/

.Recommended .x-form-item {
    background: #66CCFF;
    border: 1px solid #aad3eb;
    padding: 4px;
}

.Recommended .x-form-text {
    font-weight: bold;
    color:#cc0000;
    border-color: #aad3eb;
}

.x-grid3-body .Recommended {
    background:#66CCFF;
    border-bottom:1px solid #aad3eb;
}

/**********************************/
/* Eligible Styles in Sectioning */
/**********************************/

.Eligible .x-form-item {
    background: #FFFFCC;
    border: 1px solid #aad3eb;
    padding: 4px;
}

.Eligible .x-form-text {
    font-weight: bold;
    color:#cc0000;
    border-color: #aad3eb;
}

.x-grid3-body .Eligible {
    background:#FFFFCC;
    border-bottom:1px solid #aad3eb;
}

/**********************************/
/* Elective Styles in Sectioning */
/**********************************/

.Elective .x-form-item {
    background: #CC99FF;
    border: 1px solid #aad3eb;
    padding: 4px;
}

.Elective .x-form-text {
    font-weight: bold;
    color:#cc0000;
    border-color: #aad3eb;
}

.x-grid3-body .Elective {
    background:#CC99FF;
    border-bottom:1px solid #aad3eb;
}

/**********************************/
/* Ineligible Styles in Sectioning */
/**********************************/

.Ineligible .x-form-item {
    background: #FF9999;
    border: 1px solid #aad3eb;
    padding: 4px;
}

.Ineligible .x-form-text {
    font-weight: bold;
    color:#cc0000;
    border-color: #aad3eb;
}

.x-grid3-body .Ineligible {
    background:#FF9999;
    border-bottom:1px solid #aad3eb;
}

/*******************************************/
/* New Styles that haven't been placed yet */
/*******************************************/

.ux-dynaportal .ux-dynaportal-insert-col-left {
    background-image: url(images/default/layout/collapse.gif);
}

.ux-dynaportal .ux-dynaportal-insert-col-right {
    background-image: url(images/default/layout/expand.gif);
}

.backBtn
{
    background-image: url(images/default/grid/page-prev.gif) !important;
}

/***

.baseCls {
    border-color:#fc3;
    background:#fc9;
}

.overCls {
    border-color:#fc3;
    background:#fc9;
}
***/


.instructtext {
    font-size: 11px;
    font-weight:bold;
    padding: 5px 0 10px 0;
}
.tbarinstruct {
    padding: 5px;
}

.CrossList .x-form-item {
    background: #cde9fa;
    border: 1px solid #aad3eb;
    padding: 4px;
}


.CrossList .x-form-text {
    font-weight: bold;
    color:#cc0000;
    border-color: #aad3eb;
}





/*******************************************/
/* No Header Work Arounds */
/* This affects all x-panel-body- noheaders...
Need to find something better. */
/*************************************
.x-panel-body-noheader {
    background:#dce8f7;
}
******/

/* The Fix for boxPanel border reliance. */
.boxPanel {border: 1px solid #ccc}
.boxPanel .x-panel-header {border:none;}
.boxPanel .x-panel-body {border:none;}

.boxPanel .boxPanel {border: 1px solid #9eb89f}
.boxPanel .boxPanel .x-panel-header {border:none;}
.boxPanel .boxPanel .x-panel-body {border:none;}

/***************************************************************************************************************************************/
/* FROM BASE.CSS */


/*** HEADER ***/

:-moz-any-link:focus
{
outline-width: medium;
outline-style: none;
outline-color: -moz-use-text-color;
}

.Header {background:#2f6092;}
.Header
{
    background: url(../App_Themes/Default/images/repeater_header.gif) repeat-x;
    color: #ffffff;
    width: 100%;
}
.ApplicationFooterLogo {
  width: 272px;
  height: 25px;
  background: url(../App_Themes/Default/images/footerAstraLogo.jpg);
}
.Footer .Diagnostics
{
    float: right;
    padding: 5px;
    color: #cccccc;
    padding-left: 0px;
    font-size: 9px;
}

.Header a, .Footer a
{
    color: #ffffff;
	font-size:10px;
}
.Header .Utilities
{
    float: right;
    display: inline;
    padding: 5px;
    text-align: right;
	font-size:11px;
}
.Header .Utilities .break
{
    color: #476f8d;
}
.Header .Utilities a, .Footer .Utilities a
{
    color: #B5C7EC;
}
.Header .Utilities a:hover, .Footer .Utilities a:hover, .Header .Utilities a:focus, .Footer .Utilities a:focus
{
    color: #ffffff;
}
.Header .Utilities .Search
{
    margin-top: 5px;
}


.ApplicationLogo {
  width: 206px;
  height: 43px;
  background-image: url(../App_Themes/Default/images/logo.jpg);
}

/*** FOOTER ***/

.Footer
{
    background-color: #2f6092;
    padding: 0;
    height: 25px;
    width: 100%;
}

td {margin:0px;padding:0px;}

/*** TabNavigation ****/


.TabPassiveLeftEnd {
    background-image: url(../App_Themes/Default/images/tab-passive-left-end.gif);
    height:17px;
    width:8px;
}

.TabPassiveMiddle {
    background: url(../App_Themes/Default/images/tab-passive-middle.gif);
    height:17px;
    width:8px;
}
.TabActiveLeftEndSelected {
    background: url(../App_Themes/Default/images/tab-active-left-end.gif);
    height:17px;
    width:8px;
}
.TabActiveLeftSelected {
    background: url(../App_Themes/Default/images/TabActiveLeft.gif);
    height:17px;
    width:8px;
}

.TabActiveRightEndSelected {
    background: url(../App_Themes/Default/images/tab-active-right-end.gif);
    height:17px;
    width:8px;
}

.TabActiveRightSelected {
    background: url(../App_Themes/Default/images/TabActiveRight.gif);
    height:17px;
    width:8px;
}

.TabPassiveRightEndSelected {
    background: url(../App_Themes/Default/images/tab-passive-right-end.gif);
    height:17px;
    width:8px;
}

.TabNavigation
{
  background-color: #2f6092;
  height: 17px;
  /*   	border:1px solid #ff00ff;  	display:block; 	*/
}
.TabNavigation img
{
    float: left;
}
.TabNavigation a /** the individual tabs **/
{
    display: inline;
    float: left;
    color: #555577;
    background-image: url(../App_Themes/Default/images/tab-repeater.gif);
    background-repeat: repeat-x;
    padding-left: 12px;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-right: 12px;
    text-decoration: none;
    height: 15px;
	font-size:10px;
}


.TabNavigation a:hover /** the individual tabs **/
{

}
.TabNavigation a.Selected, .TabNavigation .Selected a
{
    background-image: url(../App_Themes/Default/images/TabActiveGradient.gif);
    color: #363636;
    font-weight: bold;
}
.TabNavigation a.Selected:hover, .TabNavigation .Selected a:hover
{

}

.SubTabNavigation
{
    clear: both;
    padding: 5px;
    padding-left: 18px;
    background: #ffffff url(../App_Themes/Default/images/SubNavGradient.gif) center repeat-x;
    min-height:13px;
	font-size:10px;
    color: #cccccc;
}

.SubTabNavigation a
{
    color: #666666;
    text-decoration: none;
    font-size: 10px;
    padding: 1px;
}
.SubTabNavigation a.Selected
{
    font-weight: bold;
    color: #000000;
}
.SubTabNavigation a:hover
{
    text-decoration: underline;
}

.encryptedcell
{
    background: #cccccc url(images/default/grid/encrypted-cell.gif) no-repeat !important;
}










li.x-menu-list-item div { 
    display: inline; 
    display:inherit;
}

.ext-ie .notebox {height:100px;overflow:auto}

.ext-ie .x-grid3-col-NoteContents{
	overflow: visible;
}











/******** MAC PROJECT ***********/

/* Thin Grey Line */

.x-form-field,
.x-form-check-group-label,
.x-grid-panel .x-panel-mc .x-panel-body,
.x-grid-group-hd,
.x-panel,
.x-panel-header,
.x-panel-body,
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar,
.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar,
.x-panel-body-noheader, .x-panel-mc .x-panel-body ,
.x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br,
.x-panel-ghost ul ,
.x-panel-dd-spacer,
.x-window-proxy,
.x-window-mc,
.x-window-bbar .x-toolbar,
.x-panel-ghost .x-window-tl,
.x-panel-noborder .x-panel-header-noborder,
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar,
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar,
.x-tab-panel-bbar-noborder .x-toolbar,
.x-tab-panel-tbar-noborder .x-toolbar,
.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
    border-color: #cccccc;
}
/* disabled button text */
.toppagepanel .x-item-disabled * {
    color: #666 !important;
}

.boxpanel .x-item-disabled * {
    color: #333 !important;
}
.x-item-disabled * {
    color: #666 !important;
}

/* Form Elements */

.x-form-item-label {
	color:#333;
}
/*
.x-form-field,
.x-form-textarea,
.x-box-item ,
textarea.x-form-field {
	border-color:#ccc;
	background:#FAFAFA;
} */

/*  x-form-field:active,
.x-form-textarea:active,
.x-box-item :active,
textarea.x-form-field:active,
.x-form-field:focus,
.x-form-textarea:focus,
.x-box-item :focus,
textarea.x-form-field:focus {
	border-color:#aee898;
	background:#e4f7dc;
} */






/* Panel */
.x-panel-header {
	background:#2f6092;
    padding: 5px !important;
	border-color: #2f6092;
	border-bottom-color: #2f6092;
	font-size:14px;
	color:#fff;
	border-bottom:1px solid #2f6092;

/*	background:#fff;
	color:#000;
	border:none;
	border-bottom:1px solid #cccccc;
*/
}

.x-tool {
    background-image:url(images/default/panel/tool-sprites.gif);
/*
	background-image:url(images/default/panel/tool-sprites-blue.gif);
*/
}

.boxPanel .x-panel-header,
.boxPanel-reset .x-panel-header,
.invalidBoxPanel .boxPanel-reset .x-panel-header {
	background:transparent;
    padding: 5px !important;
	border-color: transparent;
	border-bottom-color: transparent;
	font-size:14px;
	color:#000;
	border-bottom:1px solid #cccccc;
}

.x-panel-body,
.boxPanel {
	border:none;
}

/* TABS */
.x-tab-strip-inner
{
    padding:2px;
}
.x-tab-panel-header, .x-tab-panel-footer {
  border-color:#f69;
  background:none;
  border:none;
  border-bottom:3px solid #2f6092;
    overflow:hidden;
    zoom:1;
	margin:0px;
	padding:0px;

}
ul.x-tab-strip-top {
  background-color:#fc3;
  background-image: url(images/default/tabs/tab-strip-bg.gif);
  background-image: none;
  border-bottom-color:#24557f;
  padding-top:3px;
  background:none;
}
ul.x-tab-strip-bottom{
    background-color:#cedff5;
  background-image: url(images/default/tabs/tab-strip-btm-bg.gif);
  border-top-color:#24557f;
}
.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
    border-color:#24557f;
    background-color: #deecfd;
}
.x-tab-strip span.x-tab-strip-text {
  font:normal 12px tahoma,arial,helvetica;
  color:#333333;
}
.x-tab-strip-over span.x-tab-strip-text {
  color:#000000;
}
.x-tab-strip-active span.x-tab-strip-text {
  color:#ffffff;
    font-weight:bold;
}
.x-tab-panel-body {
    border-color:#24557f;
    background-color:#fff;
}
.x-tab-scroller-left {
    background-image:url(images/default/tabs/scroll-left.gif);
    border-bottom-color:#24557f;
}
.x-tab-scroller-right {
    background-image:url(images/default/tabs/scroll-right.gif);
    border-bottom-color:#24557f;
}
.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
    border-color:#2f5b87;
}
.x-tab-panel .x-tab-panel ul.x-tab-strip-top{
	background:#fff;
}

/* toolbar */

/* All panel bars will have this styling by defalut */
.x-toolbar, .boxPanel .x-toolbar,
.invalidBoxPanel .boxPanel-reset .x-toolbar {
	border-color: #cccccc;
    background:#eee url(images/default/toolbar/bg-greybar.gif) right top;
}

.boxPanel .boxPanel .x-toolbar,
.invalidBoxPanel .boxPanel .x-toolbar {
	border-color: #cccccc;
/*    border-bottom-color:#d4dae0;*/
    background:#eee url(images/default/toolbar/bg-greybar.gif) right top;
}

.boxPanel  .boxPanel  .x-toolbar .x-btn-text-icon .x-btn-tl,
.boxPanel  .boxPanel .x-toolbar .x-btn-text-icon .x-btn-tr,
.boxPanel  .boxPanel .x-toolbar .x-btn-text-icon .x-btn-tc,
.boxPanel  .boxPanel .x-toolbar .x-btn-text-icon .x-btn-ml,
.boxPanel  .boxPanel .x-toolbar .x-btn-text-icon .x-btn-mr,
.boxPanel  .boxPanel .x-toolbar .x-btn-text-icon .x-btn-mc,
.boxPanel  .boxPanel .x-toolbar .x-btn-text-icon .x-btn-bl,
.boxPanel  .boxPanel .x-toolbar .x-btn-text-icon .x-btn-br,
.boxPanel  .boxPanel .x-toolbar .x-btn-text-icon .x-btn-bc,
.boxPanel  .boxPanel .x-toolbar .x-btn-text .x-btn-tl,
.boxPanel  .boxPanel .x-toolbar .x-btn-text .x-btn-tr,
.boxPanel  .boxPanel .x-toolbar .x-btn-text .x-btn-tc,
.boxPanel  .boxPanel .x-toolbar .x-btn-text .x-btn-ml,
.boxPanel  .boxPanel .x-toolbar .x-btn-text .x-btn-mr,
.boxPanel  .boxPanel .x-toolbar .x-btn-text .x-btn-mc,
.boxPanel  .boxPanel .x-toolbar .x-btn-text .x-btn-bl,
.boxPanel  .boxPanel .x-toolbar .x-btn-text .x-btn-br,
.boxPanel  .boxPanel .x-toolbar .x-btn-text .x-btn-bc,
.boxPanel  .boxPanel .x-toolbar .makeButton .x-btn-tl,
.boxPanel  .boxPanel .x-toolbar .makeButton .x-btn-tr,
.boxPanel  .boxPanel .x-toolbar .makeButton .x-btn-tc,
.boxPanel  .boxPanel .x-toolbar .makeButton .x-btn-ml,
.boxPanel  .boxPanel .x-toolbar .makeButton .x-btn-mr,
.boxPanel  .boxPanel .x-toolbar .makeButton .x-btn-mc,
.boxPanel  .boxPanel .x-toolbar .makeButton .x-btn-bl,
.boxPanel  .boxPanel .x-toolbar .makeButton .x-btn-br,
.boxPanel  .boxPanel .x-toolbar .makeButton .x-btn-bc,
.x-toolbar .x-btn-text-icon .x-btn-tl,
.x-toolbar .x-btn-text-icon .x-btn-tr,
.x-toolbar .x-btn-text-icon .x-btn-tc,
.x-toolbar .x-btn-text-icon .x-btn-ml,
.x-toolbar .x-btn-text-icon .x-btn-mr,
.x-toolbar .x-btn-text-icon .x-btn-mc,
.x-toolbar .x-btn-text-icon .x-btn-bl,
.x-toolbar .x-btn-text-icon .x-btn-br,
.x-toolbar .x-btn-text-icon .x-btn-bc,
.x-toolbar .x-btn-text .x-btn-tl,
.x-toolbar .x-btn-text .x-btn-tr,
.x-toolbar .x-btn-text .x-btn-tc,
.x-toolbar .x-btn-text .x-btn-ml,
.x-toolbar .x-btn-text .x-btn-mr,
.x-toolbar .x-btn-text .x-btn-mc,
.x-toolbar .x-btn-text .x-btn-bl,
.x-toolbar .x-btn-text .x-btn-br,
.x-toolbar .x-btn-text .x-btn-bc,
.x-toolbar .makeButton .x-btn-tl,
.x-toolbar .makeButton .x-btn-tr,
.x-toolbar .makeButton .x-btn-tc,
.x-toolbar .makeButton .x-btn-ml,
.x-toolbar .makeButton .x-btn-mr,
.x-toolbar .makeButton .x-btn-mc,
.x-toolbar .makeButton .x-btn-bl,
.x-toolbar .makeButton .x-btn-br,
.x-toolbar .makeButton .x-btn-bc  {
  background-image:url(images/default/button/btngrey.gif);
}
.x-btn-text {
	font-weight: bold;
}
.x-toolbar .x-btn em,
.x-toolbar em .x-btn-text
{
   color: #fff;
   font-weight: bold;
   font-size:11px;
   padding:2px 4px;
}

.x-toolbar .calendarButton em .x-btn-text
{
   color: #000;
   font-weight: bold;
   font-size:14px;
   padding:2px 4px;
}

.calendarToolBar em .x-btn-text
{
   color: #000;
   font-weight: bold;
   padding:2px 4px;
}

.x-toolbar .x-btn-pressed em .x-btn-text
{
   color: white;
   font-weight: bold;
   padding:2px 4px;
}


.x-toolbar .x-btn em.x-btn-arrow,
.x-toolbar em.x-btn-arrow .x-btn-text
{
   color: #fff;
   font-weight: bold;
   font-size:11px;
}

.x-toolbar .makeButton2 em .x-btn-text
{
   color: #fff;
   font-weight: bold;
   font-size:11px;
   padding:2px 8px 2px 18px;
}


.x-toolbar .makeButton .x-btn em,
.x-toolbar .makeButton em .x-btn-text
{
   color: #fff;
   font-weight: bold;
   font-size:11px;
   padding:2px 2px 18px 2px;
}
.x-toolbar .savandclosebtnicon .x-btn em,
.x-toolbar .savandclosebtnicon em .x-btn-text
{
   color: #fff;
   font-weight: bold;
   font-size:11px;
   padding:2px 0 2px 18px;
}

.x-toolbar .nextbtnicon .x-btn em,
.x-toolbar .nextbtnicon em .x-btn-text
{
   padding:2px 18px 18px 0px;
}
.ext-ie .x-toolbar .nextbtnicon .x-btn em,
.ext-ie .x-toolbar .nextbtnicon em .x-btn-text
{
   padding:2px 18px 4px 0px;
}

#TheCenterPanel .x-panel-bbar .x-toolbar .x-btn em,
#TheCenterPanel .x-panel-bbar .x-toolbar em .x-btn-text
{
   color: #000;
}
#StudentList_FilterPanel .x-panel-bbar .x-toolbar .x-btn em,
#StudentList_FilterPanel .x-panel-bbar .x-toolbar em .x-btn-text,
#SectionListForm_FilterPanel .x-panel-bbar .x-toolbar .x-btn em,
#SectionListForm_FilterPanel .x-panel-bbar .x-toolbar em .x-btn-text,
#EventListForm_FilterPanel .x-panel-bbar .x-toolbar .x-btn em,
#EventListForm_FilterPanel .x-panel-bbar .x-toolbar em .x-btn-text,
#FilterPanel .x-panel-bbar .x-toolbar .x-btn em,
#FilterPanel .x-panel-bbar .x-toolbar em .x-btn-text
{
   color: #fff;
}

.x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    background-position: 0 center;
    background-repeat: no-repeat;
    height: auto;
    padding-left: 18px;
}
.x-toolbar table
{
	padding:1px;
}
/*  Blue Bar/Buttons */

.bluebar .x-toolbar,
.boxPanel .bluebar .x-toolbar,
.invalidBoxPanel .boxPanel-reset .bluebar .x-toolbar {
	border-color: #cccccc;
    background:#eee url(images/default/toolbar/bg-bluebar.gif) right top;
}
.bluebar .x-toolbar .x-btn-text-icon .x-btn-tl,
.bluebar .x-toolbar .x-btn-text-icon .x-btn-tr,
.bluebar .x-toolbar .x-btn-text-icon .x-btn-tc,
.bluebar .x-toolbar .x-btn-text-icon .x-btn-ml,
.bluebar .x-toolbar .x-btn-text-icon .x-btn-mr,
.bluebar .x-toolbar .x-btn-text-icon .x-btn-mc,
.bluebar .x-toolbar .x-btn-text-icon .x-btn-bl,
.bluebar .x-toolbar .x-btn-text-icon .x-btn-br,
.bluebar .x-toolbar .x-btn-text-icon .x-btn-bc,
.bluebar .x-toolbar .x-btn-text .x-btn-tl,
.bluebar .x-toolbar .x-btn-text .x-btn-tr,
.bluebar .x-toolbar .x-btn-text .x-btn-tc,
.bluebar .x-toolbar .x-btn-text .x-btn-ml,
.bluebar .x-toolbar .x-btn-text .x-btn-mr,
.bluebar .x-toolbar .x-btn-text .x-btn-mc,
.bluebar .x-toolbar .x-btn-text .x-btn-bl,
.bluebar .x-toolbar .x-btn-text .x-btn-br,
.bluebar .x-toolbar .x-btn-text .x-btn-bc,
.bluebar .x-toolbar .makeButton .x-btn-tl,
.bluebar .x-toolbar .makeButton .x-btn-tr,
.bluebar .x-toolbar .makeButton .x-btn-tc,
.bluebar .x-toolbar .makeButton .x-btn-ml,
.bluebar .x-toolbar .makeButton .x-btn-mr,
.bluebar .x-toolbar .makeButton .x-btn-mc,
.bluebar .x-toolbar .makeButton .x-btn-bl,
.bluebar .x-toolbar .makeButton .x-btn-br,
.bluebar .x-toolbar .makeButton .x-btn-bc  {
  background-image:url(images/default/button/btnblue2.gif);
}

/*  Slate Bar/Buttons */

.toppagepanel .x-toolbar,
.boxPanel .toppagepanel .x-toolbar,
.invalidBoxPanel .boxPanel-reset .toppagepanel .x-toolbar {
	border-color: #cccccc;
    background:#eee url(images/default/toolbar/bg-slatebar.gif) right top;
}
.toppagepanel .x-toolbar .x-btn-text-icon .x-btn-tl,
.toppagepanel .x-toolbar .x-btn-text-icon .x-btn-tr,
.toppagepanel .x-toolbar .x-btn-text-icon .x-btn-tc,
.toppagepanel .x-toolbar .x-btn-text-icon .x-btn-mr,
.toppagepanel .x-toolbar .x-btn-text-icon .x-btn-mc,
.toppagepanel .x-toolbar .x-btn-text-icon .x-btn-bl,
.toppagepanel .x-toolbar .x-btn-text-icon .x-btn-br,
.toppagepanel .x-toolbar .x-btn-text-icon .x-btn-bc,
.toppagepanel .x-toolbar .x-btn-text .x-btn-tl,
.toppagepanel .x-toolbar .x-btn-text .x-btn-tr,
.toppagepanel .x-toolbar .x-btn-text .x-btn-tc,
.toppagepanel .x-toolbar .x-btn-text .x-btn-ml,
.toppagepanel .x-toolbar .x-btn-text .x-btn-mr,
.toppagepanel .x-toolbar .x-btn-text .x-btn-mc,
.toppagepanel .x-toolbar .x-btn-text .x-btn-bl,
.toppagepanel .x-toolbar .x-btn-text .x-btn-br,
.toppagepanel .x-toolbar .x-btn-text .x-btn-bc,
.toppagepanel .x-toolbar .makeButton .x-btn-tl,
.toppagepanel .x-toolbar .makeButton .x-btn-tr,
.toppagepanel .x-toolbar .makeButton .x-btn-tc,
.toppagepanel .x-toolbar .makeButton .x-btn-ml,
.toppagepanel .x-toolbar .makeButton .x-btn-mr,
.toppagepanel .x-toolbar .makeButton .x-btn-mc,
.toppagepanel .x-toolbar .makeButton .x-btn-bl,
.toppagepanel .x-toolbar .makeButton .x-btn-br,
.toppagepanel .x-toolbar .makeButton .x-btn-bc,

.toppagepanel .x-toolbar-right-row  .x-toolbar .x-btn-text-icon .x-btn-tl,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text-icon .x-btn-tr,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text-icon .x-btn-tc,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text-icon .x-btn-mr,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text-icon .x-btn-mc,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text-icon .x-btn-bl,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text-icon .x-btn-br,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text-icon .x-btn-bc,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text .x-btn-tl,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text .x-btn-tr,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text .x-btn-tc,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text .x-btn-ml,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text .x-btn-mr,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text .x-btn-mc,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text .x-btn-bl,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text .x-btn-br,
.toppagepanel .x-toolbar-right-row .x-toolbar .x-btn-text .x-btn-bc,
.toppagepanel.x-toolbar-right-row  .x-toolbar .makeButton .x-btn-tl,
.toppagepanel .x-toolbar-right-row .x-toolbar .makeButton .x-btn-tr,
.toppagepanel .x-toolbar-right-row .x-toolbar .makeButton .x-btn-tc,
.toppagepanel .x-toolbar-right-row .x-toolbar .makeButton .x-btn-ml,
.toppagepanel .x-toolbar-right-row .x-toolbar .makeButton .x-btn-mr,
.toppagepanel .x-toolbar-right-row .x-toolbar .makeButton .x-btn-mc,
.toppagepanel .x-toolbar-right-row .x-toolbar .makeButton .x-btn-bl,
.toppagepanel .x-toolbar-right-row .x-toolbar .makeButton .x-btn-br,
.toppagepanel .x-toolbar-right-row .x-toolbar .makeButton .x-btn-bc  {
  background-image:url(images/default/button/btnslate.gif);
}

/*  Grey Bar/Buttons */

.panelbar .x-toolbar,
.boxPanel .panelbar .x-toolbar,
.invalidBoxPanel .boxPanel-reset .panelbar .x-toolbar {
	border-color: #cccccc;
    background:#eee url(images/default/toolbar/bg-greybar.gif) right top;
}
.panelbar .x-toolbar .x-btn-text-icon .x-btn-tl,
.panelbar .x-toolbar .x-btn-text-icon .x-btn-tr,
.panelbar .x-toolbar .x-btn-text-icon .x-btn-tc,
.panelbar .x-toolbar .x-btn-text-icon .x-btn-ml,
.panelbar .x-toolbar .x-btn-text-icon .x-btn-mr,
.panelbar .x-toolbar .x-btn-text-icon .x-btn-mc,
.panelbar .x-toolbar .x-btn-text-icon .x-btn-bl,
.panelbar .x-toolbar .x-btn-text-icon .x-btn-br,
.panelbar .x-toolbar .x-btn-text-icon .x-btn-bc,
.panelbar .x-toolbar .x-btn-text .x-btn-tl,
.panelbar .x-toolbar .x-btn-text .x-btn-tr,
.panelbar .x-toolbar .x-btn-text .x-btn-tc,
.panelbar .x-toolbar .x-btn-text .x-btn-ml,
.panelbar .x-toolbar .x-btn-text .x-btn-mr,
.panelbar .x-toolbar .x-btn-text .x-btn-mc,
.panelbar .x-toolbar .x-btn-text .x-btn-bl,
.panelbar .x-toolbar .x-btn-text .x-btn-br,
.panelbar .x-toolbar .x-btn-text .x-btn-bc,
.panelbar .x-toolbar .makeButton .x-btn-tl,
.panelbar .x-toolbar .makeButton .x-btn-tr,
.panelbar .x-toolbar .makeButton .x-btn-tc,
.panelbar .x-toolbar .makeButton .x-btn-mr,
.panelbar .x-toolbar .makeButton .x-btn-ml,
.panelbar .x-toolbar .makeButton .x-btn-mc,
.panelbar .x-toolbar .makeButton .x-btn-bl,
.panelbar .x-toolbar .makeButton .x-btn-br,
.panelbar .x-toolbar .makeButton .x-btn-bc  {
  background-image:url(images/default/button/btngrey.gif);
}



.x-btn-pressed .x-btn-tl,
.x-btn-pressed .x-btn-tr,
.x-btn-pressed .x-btn-tc,
.x-btn-pressed .x-btn-ml,
.x-btn-pressed .x-btn-mr,
.x-btn-pressed .x-btn-mc,
.x-btn-pressed .x-btn-bl,
.x-btn-pressed .x-btn-br,
.x-btn-pressed .x-btn-bc,
.x-btn-pressed .x-btn-tl,
.x-btn-pressed .x-btn-tr,
.x-btn-pressed .x-btn-tc,
.x-btn-pressed .x-btn-ml,
.x-btn-pressed .x-btn-mr,
.x-btn-pressed .x-btn-mc,
.x-btn-pressed .x-btn-bl,
.x-btn-pressed .x-btn-br,
.x-btn-pressed .x-btn-bc {
  background-image:url(images/default/button/btnbluelight.gif);
  color:#fff;
}

.calendarToolBar .x-btn-pressed .x-btn-mc,
.calendarToolBar .x-btn-pressed .x-btn-ml,
.calendarToolBar .x-btn-pressed .x-btn-mr,
.calendarToolBar .x-btn-pressed .x-btn-tc,
.calendarToolBar .x-btn-pressed .x-btn-tl,
.calendarToolBar .x-btn-pressed .x-btn-tr,
.calendarToolBar .x-btn-pressed .x-btn-bc,
.calendarToolBar .x-btn-pressed .x-btn-bl,
.calendarToolBar .x-btn-pressed .x-btn-br
{
  background-image:url(images/default/button/btngrey.gif);
  color:#fff;
}


  /* Notes */
.notespanel .x-panel-bwrap{
  border:1px solid #ccc;
  border-top:none;
}
.notebox {
  border-bottom:1px solid #ddd;
  padding:5px;
}

.notespanel .x-toolbar,
.boxPanel .notespanel .x-toolbar,
.invalidBoxPanel .boxPanel-reset .notespanel .x-toolbar {
	border-color: #cccccc;
	border:none;
    background:#eee url(images/default/toolbar/bg-greybar.gif) right top;
}
.notespanel .x-toolbar .x-btn-text-icon .x-btn-tl,
.notespanel .x-toolbar .x-btn-text-icon .x-btn-tr,
.notespanel .x-toolbar .x-btn-text-icon .x-btn-tc,
.notespanel .x-toolbar .x-btn-text-icon .x-btn-ml,
.notespanel .x-toolbar .x-btn-text-icon .x-btn-mr,
.notespanel .x-toolbar .x-btn-text-icon .x-btn-mc,
.notespanel .x-toolbar .x-btn-text-icon .x-btn-bl,
.notespanel .x-toolbar .x-btn-text-icon .x-btn-br,
.notespanel .x-toolbar .x-btn-text-icon .x-btn-bc,
.notespanel .x-toolbar .x-btn-text .x-btn-tl,
.notespanel .x-toolbar .x-btn-text .x-btn-tr,
.notespanel .x-toolbar .x-btn-text .x-btn-tc,
.notespanel .x-toolbar .x-btn-text .x-btn-ml,
.notespanel .x-toolbar .x-btn-text .x-btn-mr,
.notespanel .x-toolbar .x-btn-text .x-btn-mc,
.notespanel .x-toolbar .x-btn-text .x-btn-bl,
.notespanel .x-toolbar .x-btn-text .x-btn-br,
.notespanel .x-toolbar .x-btn-text .x-btn-bc,
.notespanel .x-toolbar .makeButton .x-btn-tl,
.notespanel .x-toolbar .makeButton .x-btn-tr,
.notespanel .x-toolbar .makeButton .x-btn-tc,
.notespanel .x-toolbar .makeButton .x-btn-mr,
.notespanel .x-toolbar .makeButton .x-btn-ml,
.notespanel .x-toolbar .makeButton .x-btn-mc,
.notespanel .x-toolbar .makeButton .x-btn-bl,
.notespanel .x-toolbar .makeButton .x-btn-br,
.notespanel .x-toolbar .makeButton .x-btn-bc  {
  background-image:url(images/default/button/btngrey.gif);
}
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text-icon .x-btn-tl,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text-icon .x-btn-tr,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text-icon .x-btn-tc,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text-icon .x-btn-ml,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text-icon .x-btn-mr,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text-icon .x-btn-mc,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text-icon .x-btn-bl,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text-icon .x-btn-br,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text-icon .x-btn-bc,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text .x-btn-tl,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text .x-btn-tr,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text .x-btn-tc,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text .x-btn-ml,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text .x-btn-mr,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text .x-btn-mc,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text .x-btn-bl,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text .x-btn-br,
.searchpanel .x-panel-footer .x-panel-fbar .x-btn-text .x-btn-bc,
.searchpanel .x-panel-footer .x-panel-fbar .makeButton .x-btn-tl,
.searchpanel .x-panel-footer .x-panel-fbar .makeButton .x-btn-tr,
.searchpanel .x-panel-footer .x-panel-fbar .makeButton .x-btn-tc,
.searchpanel .x-panel-footer .x-panel-fbar .makeButton .x-btn-mr,
.searchpanel .x-panel-footer .x-panel-fbar .makeButton .x-btn-ml,
.searchpanel .x-panel-footer .x-panel-fbar .makeButton .x-btn-mc,
.searchpanel .x-panel-footer .x-panel-fbar .makeButton .x-btn-bl,
.searchpanel .x-panel-footer .x-panel-fbar .makeButton .x-btn-br,
.searchpanel .x-panel-footer .x-panel-fbar .makeButton .x-btn-bc  {
  background-image:url(images/default/button/btngrey.gif);
}

  /* Notes */
.notespanel .x-panel-bwrap{
  border:1px solid #cccccc;
  border-top:none;
}
.notebox {
  border-bottom:1px solid #ddd;
  padding:5px;
}


/* Min Panel */



.min .x-panel-header {
	background:#2f6092;
    padding: 5px !important;
	border-color: #2f6092;
	border-bottom-color: #2f6092;
	font-size:14px;
	color:#fff;
	border-bottom:1px solid #2f6092;

	background:#fff;
	color:#000;
	border:none;
	border-bottom:1px solid #cccccc;
}

.min .x-tool {
	background-image:url(images/default/panel/tool-sprites-blue.gif);
}

.borderwrap .x-panel-bwrap{
  border:1px solid #ccc;
  border-top:none;
}

.borderwrap .noBorderWrap .x-panel-bwrap{
  border: none;
}

.x-column .x-panel-bwrap{
  border:none
}


.minpanel .x-toolbar,
.boxPanel .minpanel .x-toolbar,
.invalidBoxPanel .boxPanel-reset .minpanel .x-toolbar {
	border-color: #cccccc;
	border:none;
    background:#eee url(images/default/toolbar/bg-greybar.gif) right top;
}
.minpanel .x-toolbar .x-btn-text-icon .x-btn-tl,
.minpanel .x-toolbar .x-btn-text-icon .x-btn-tr,
.minpanel .x-toolbar .x-btn-text-icon .x-btn-tc,
.minpanel .x-toolbar .x-btn-text-icon .x-btn-ml,
.minpanel .x-toolbar .x-btn-text-icon .x-btn-mr,
.minpanel .x-toolbar .x-btn-text-icon .x-btn-mc,
.minpanel .x-toolbar .x-btn-text-icon .x-btn-bl,
.minpanel .x-toolbar .x-btn-text-icon .x-btn-br,
.minpanel .x-toolbar .x-btn-text-icon .x-btn-bc,
.minpanel .x-toolbar .x-btn-text .x-btn-tl,
.minpanel .x-toolbar .x-btn-text .x-btn-tr,
.minpanel .x-toolbar .x-btn-text .x-btn-tc,
.minpanel .x-toolbar .x-btn-text .x-btn-ml,
.minpanel .x-toolbar .x-btn-text .x-btn-mr,
.minpanel .x-toolbar .x-btn-text .x-btn-mc,
.minpanel .x-toolbar .x-btn-text .x-btn-bl,
.minpanel .x-toolbar .x-btn-text .x-btn-br,
.minpanel .x-toolbar .x-btn-text .x-btn-bc,
.minpanel .x-toolbar .makeButton .x-btn-tl,
.minpanel .x-toolbar .makeButton .x-btn-tr,
.minpanel .x-toolbar .makeButton .x-btn-tc,
.minpanel .x-toolbar .makeButton .x-btn-mr,
.minpanel .x-toolbar .makeButton .x-btn-ml,
.minpanel .x-toolbar .makeButton .x-btn-mc,
.minpanel .x-toolbar .makeButton .x-btn-bl,
.minpanel .x-toolbar .makeButton .x-btn-br,
.minpanel .x-toolbar .makeButton .x-btn-bc  {
  background-image:url(images/default/button/btngrey.gif);
}



/* border layout */

.x-layout-split {
	border-left:1px solid #2f6092;
	border-right:1px solid #2f6092;
	border: none;
}

.x-border-panel .x-panel-tbar,
.x-border-panel .x-toolbar {
	border-left: none;
	border-right: none;
	border-color: #ccc;
}

.x-border-panel {
	border: none;
}

.x-border-panel .x-border-panel {
	border: 1px solid #2f6092;
	border-left: none;
	border-right: none;
}
.x-layout-split-west { /* Need this because two list page layouts*/
	border-left: 1px solid #2f6092;
	border-right: 1px solid #2f6092;
}
.x-window .x-border-panel {
	border: 1px solid #2f6092;
}
.x-window .x-layout-split-west {
	border: none;
}


/* Sub Panel */
.boxPanel .boxPanel .x-panel-header,
.invalidBoxPanel .boxPanel .x-panel-header {
    background: #cedbec url(images/default/tabs/boxpanelsub-bg.gif) bottom repeat-x;
    padding: 2px 5px !important;
    color:#333;
	border-color: #9eb89f;
	border-bottom-color: #9eb89f;
}
.flatPanel .x-panel-header,
.boxPanel .flatPanel .x-panel-header  {
    border-style: none none solid;
    color: #333;
	font-size:11px;
	margin-left:0px;
	padding-left:0px;
}
.boxPanel .boxPanel .x-panel-header-text {
	font-size:11px;
}


.tab-reset ul.x-tab-strip-top,
.x-tab-panel .x-tab-panel .tab-reset ul.x-tab-strip-top
{
	background-image: url(images/default/tabs/tab-strip-bg.gif);
	background: #fff;
	padding-top:5px;

}

/* Grid */
.x-grid3-header{
    background-color:#f9f9f9;
	background-image:url(images/default/grid/grid3-hrow.gif);
}
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-color:#ebf3fd;
    background-image:url(images/default/grid/grid3-hrow-over.gif);

}




/* Windows */
.x-window-bc, .x-window-bc .x-window-footer {
	background: url(images/default/window/top-bottom.png) bottom;
}
.x-window-plain .x-window-mc {
    background-color: #eeeeee;
    border-color: #a3bae9 #e9e9e9 #e9e9e9 #a3bae9;
}
.x-window-plain .x-window-body {
    border-color: #e9e9e9 #a3bae9 #a3bae9 #e9e9e9;
}
.x-window-body {
    background:#eeeeee;
}
.whiteBackground .x-window-body {
    background:#ffffff;
}
body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #eeeeee;
}




.greytext,
.greytext .x-btn em,
.greytext em .x-btn-text {
    color: #333;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 4px;
}

button.searchIcon {
	color:#fff;
	font-weight:bold;
	background-repeat: no-repeat;
}





/*** TabNavigation ****/
.TopNav {
  border:none;
  min-width:900px;
}


.TabPassiveLeftEnd {
    background-image: url(images/aais/tab-passive-left-end.gif);
    height:29px;
    width:8px;
}

.TabPassiveMiddle {
    background: url(images/aais/tab-passive-middle.gif);
    height:29px;
    width:8px;
}
.TabActiveLeftEndSelected {
    background: url(images/aais/tab-active-left-end.gif);
    height:29px;
    width:8px;
}
.TabActiveLeftSelected {
    background: url(images/aais/TabActiveLeft.gif);
    height:29px;
    width:8px;
}

.TabActiveRightEndSelected {
    background: url(images/aais/tab-active-right-end.gif);
    height:29px;
    width:8px;
}

.TabActiveRightSelected {
    background: url(images/aais/TabActiveRight.gif);
    height:29px;
    width:8px;
}

.TabPassiveRightEndSelected {
    background: url(images/aais/tab-passive-right-end.gif);
    height:29px;
    width:8px;
}

.TabNavigation
{
  background: url(images/aais/tabbarrepeat.gif) repeat-x bottom;
  height: 29px;
  /*   	border:1px solid #ff00ff;  	display:block; 	*/
}
.TabNavigation img
{
    float: left;
}
.TabNavigation a /** the individual tabs **/
{
    display: inline;
    float: left;
    color: #555577;
    background-image: url(images/aais/tab-repeater.gif);
    background-repeat: repeat-x;
    padding-left: 12px;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-right: 12px;
    text-decoration: none;
    height: 15px;
	font-size:10px;
	border:none;
}


.TabNavigation a:hover /** the individual tabs **/
{

}
.TabNavigation a.Selected, .TabNavigation .Selected a
{
    background: #f7f5f4 url(images/aais/TabActiveGradient.gif);
    color: #363636;
	height: 21px;
    font-weight: bold;
}
.ext-ie .TabNavigation a.Selected, .ext-ie .TabNavigation .Selected a
{
	padding-bottom:9px;
}
.TabNavigation a.Selected:hover, .TabNavigation .Selected a:hover
{

}

.SubTabNavigation
{
    clear: both;
    padding: 0 5px 5px 5px;
    padding-left: 18px;
    background: #ffffff url(images/aais/SubNavGradient.gif) top repeat-x;
    min-height:13px;
	font-size:10px;
    color: #cccccc;
}

.SubTabNavigation a
{
    color: #666666;
    text-decoration: none;
    font-size: 10px;
    padding: 1px;
}
.SubTabNavigation a.Selected
{
    font-weight: bold;
    color: #000000;
}
.SubTabNavigation a:hover
{
    text-decoration: underline;
}

.ExtInfoText
{
    font: 11px tahoma,arial,helvetica,sans-serif;
    padding: 8px;
}

.Authenticate {padding:10px;}

/******** end MAC PROJECT ***********/

/* in#019871 & 019884: stripped extra padding from sub-grid header cells that was causing them to display incorrectly */

.x-grid3-row thead td
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}