html, body				{ height: 100%; margin: 0; padding: 0; }
html						{ overflow: scrollbars-vertical; background: #990000 url("../images/appBackground.png"); background-attachment: fixed; background-repeat: repeat-x; }
body						{ background: #fff; font-family: Tahoma, sans-serif; font-size: 13px; margin: 0 auto; width: 960px; z-index: 1001; }
h3							{ font-size: 1.1em; font-weight: bold; margin: 0 0 1em 0; padding: 0; }


a.link:link,
a.link:visited				{ border-bottom: 1px dotted #003366; color: #003366; outline: none; text-decoration: none; }
a.link:active,
a.link:hover				{ border-bottom: 1px dotted #0099FF; color: #0099FF; }


#header						{  border-collapse: separate; border-color: #000000; border-spacing: 0; border-style: solid; border-width: 0 1px; font-family: Tahoma, sans-serif; font-size: 13px; left: -480px; margin-left: 50%; position: fixed; top: 0; width: 960px; z-index: 1002; }
#header td					{ margin: 0; padding: 0; }
#container					{ padding-left: 10px; background: #fff url("../images/gradient_blue_white.png"); border-color: #000000; border-style: solid; border-width: 0 1px; min-height: 100%; position: relative; }
#content					{ padding: 65px 1em 43px 1em; width: auto; }
#parentContent				{ padding: 65px 1em 43px 1em; width: auto; }

/*  Page Structure  */
p.title						{ background: #888; border: 1px solid #000; color: #fff; font-size: 1.5em; font-weight: bold; margin: 0 0 0.66em 0; padding: 0.5em; text-shadow: 2px 2px #000; }

/*  Announcements  */
div.announcement			{ background: #fff; border: 1px solid #000; margin-bottom: 1em; border-radius: 1em; }
.announcement > .title		{ background: #777 url("/images/icons/application_edit.png") no-repeat 1em; border-bottom: 1px solid #000; color: #fff; font-weight: bold; padding: 0.5em 0.5em 0.5em 3em; text-shadow: 1px 1px #000; border-radius: 1em 1em 0 0; }
.announcement > .message	{ margin: 1em; padding: 0; }
.title > .date				{ color: #ddd; font-size: 0.85em; margin-left: 1.5em; }
.title > a					{ border-bottom: 1px dotted; color: #fff; display: block; float: right; font-size: 0.85em; font-weight: normal; margin: 0 1em; outline: none; text-decoration: none; text-shadow: none; }

/*  Logo  */

#logo						{ background: #fff; border-color: #000000; border-style: solid; border-width: 0 1px 1px 0; width: 1%; }
#logo img					{ margin: 0; padding: 0; }

/*  Main menu  */

#nav						{ background: #a7caf0; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; height: 1px; }
#nav a						{ outline: none; text-decoration: none; }
#nav a .more				{ display: block; font-size: 10px; font-weight: bold; margin-right: 5px; position: absolute; right: 0; top: 0; z-index: 9999; }
#nav ul						{ list-style: none; margin: 0; padding: 0; }
#nav li						{ position: relative; }
#nav ul ul > li:first-child	{ border-top: 1px solid #000000; }
#nav ul ul > li:last-child	{ border-bottom: 1px solid #000000; }
#nav iframe					{ background: red; border: 0; height: 100%; position: absolute; width: 100%; z-index: 1000; }
#nav .sep					{ background: #e2e2e2; border-color: #000000; border-style: solid; border-width: 0 1px; height: 1px; margin: 0; z-index: 1004; }

/*  Main menu items  */

#nav .item					{ float: left; font-size: 1.0em; height: 2.2em; line-height: 2.2em; margin: 0; padding: 0; z-index: 1003; }
#nav .item:hover>ul			{ visibility: visible; }
#nav .item:hover>a			{ background: #a7caf0; border-color: #000000; color: #000066; }
#nav .item>a				{ background: #000066 url("../images/buttonMask.png"); border-right: 1px solid #000000; color: #ffffff; display: block; height: 100%; padding: 0 0.90em; text-decoration: none; }
#nav .item a:hover			{ background: #a7caf0; border-color: #000000; color: #000066; }

/*  Submenu  */

#nav .item>ul				{ background: #a7caf0; left: 0; position: absolute; top: 2.2em; visibility: hidden; width: 180px; z-index: 1004; }

/*  Submenu items  */
/*  #nav .subitem				{ border-color: #000000; border-style: solid; border-width: 0 1px; font-size: 0.85em; margin: 0; padding: 0; z-index: 1004; }*/

#nav .subitem				{ border-color: #000000; border-style: solid; border-width: 0 1px; font-size: 1.1em; margin: 0; padding: 0; z-index: 1004; }
#nav .subitem a				{ background: #a7caf0; color: #000066; display: block; height: 100%; padding: 0 0.7em; white-space: nowrap; }
#nav .subitem a:hover		{ background: #000066; color: #ffffff; }
#nav .subitem:hover>ul		{ visibility: visible; }
#nav .subitem:hover>a		{ background: #000066; border-color: #000000; color: #ffffff; }
#nav .subitem a img			{ border: 0; margin: 0 0.5em 0 0; padding: 0; vertical-align: middle; }

/*  Sub-submenu  */

#nav .subitem>ul			{ background: #a7caf0; left: 178px; position: absolute; top: 0; visibility: hidden; width: 180px; z-index: 1005; }

/*  Sub-submenu items  */

#nav .ssitem				{ border-color: #000000; border-style: solid; border-width: 0 1px; z-index: 1005; }
#nav .ssitemHeader			{ background-color: #80b0e3; color: #000000; }

#nav .subitem>ul>.sep		{ z-index: 1005; }


 .ui-autocomplete { max-height: 200px !important; overflow-y: scroll !important; overflow-x: hidden !important;}




/*  Links  */

#links						{ background: #a7caf0; color: #000000; font-size: 0.85em; font-weight: bold; padding: 0.7em; text-align: right; white-space: nowrap; width: 1%; }
#links a					{ color: #003366; margin: 0 0.7em; outline: none; padding: 0; text-decoration: none; }
#links a:hover				{ border-bottom: 1px dotted #0099FF; color: #0099FF; }

/*  Status Line  */

#status						{ background: #fff; border-color: #000000; border-style: solid; border-width: 1px 0; clear: both; font-size: 0.85em; margin: 0; padding: 0; }
#status dl					{ margin: 0.25em 0.5em; padding: 0; }
#status dt					{ color: #003366; display: inline; margin: 0 0.5em 0 0; padding: 0; }
#status dd					{ color: #cc0000; display: inline; margin: 0 2em 0 0; padding: 0; }
#status dt					{ color: #003366; display: inline; margin: 0 0.5em 0 0; padding: 0; }
#status dd					{ color: #cc0000; display: inline; margin: 0 2em 0 0; padding: 0; }
.divLoginLabel				{ color: #003366; display: inline; margin: 0 0.5em 0 0; padding: 0; }0
.divLoginValue				{ color: #cc0000; display: inline; margin: 0 2em 0 0; padding: 0; }


/*  Footer  */

#footer						{ background: #a7caf0; border-color: #000000; border-style: solid; border-width: 1px 1px 0; clear: both; color: #000000; font-size: 0.85em; font-weight: bold; height: 29px; line-height: 29px; margin-top: -30px; position: relative; text-align: center; }
#footer a					{ color: #003366; margin: 0 0.7em; outline: none; padding: 0; text-decoration: none; }
#footer a:hover				{ border-bottom: 1px dotted #0099FF; color: #0099FF; }

/*  Active Widget Grids  */

.aw-grid-control .aw-alternate-even					{ background: #ffffff; }
.aw-grid-control .aw-alternate-odd					{ background: #dae8f8; }
.aw-grid-control .aw-grid-cell						{ border-right: 1px solid #dddddd; padding-right: 3px !important; }
.aw-grid-control .aw-grid-row						{ outline-bottom: 1px solid #dddddd; }
.aw-grid-control .aw-mouseover-row					{ background: #a7caf0; color: #333333; }
.aw-grid-control .aw-mouseover-row .aw-grid-cell	{ border-right: 1px solid #a7caf0; }
.aw-grid-control .aw-mousedown-row					{ background: #000; ?>; color: #fff; }
.aw-grid-control .aw-mousedown-row .aw-grid-cell	{ border-right: 1px solid #000066; }
.aw-grid-control .aw-rows-selected					{ background: #888888; color: #ffffff; }
.aw-grid-control .aw-rows-selected .aw-grid-cell	{ border-right: 1px solid #dddddd; }

/*  Context Menu  */

.contextMenu				{ border: 1px solid; border-color: #dadada #404040 #404040 #dadada; display: none; position: absolute; z-index: 1002; }
.contextMenuContent			{ background-color: #dadada; border: 1px solid; border-color: #ececec #909090 #909090 #ececec; cursor: default; font: menu; padding: 2px; }
.menuText					{ color: #000; display: block; padding: 2px 18px; white-space: nowrap; }
.menuItem					{ color: #000000; cursor: default; display: block; outline: none; padding: 2px 18px; text-decoration: none; white-space: nowrap; }
.menuItem:hover				{ background: #000080; color: #ffffff; }
.menuSep					{ border-bottom: 1px solid #f0f0f0; border-top: 1px solid #909090; margin: 2px 0; }

/*  Forms  */
/*form fieldset label				{ float: left; margin-right: 1em; width: 6em; } */
form fieldset					{ clear: left; float: left; margin: 0 0 1em 0; padding: 0; width: 100%; }
form fieldset legend			{ font-weight: bold; margin-left: 1em; }
form fieldset ol				{ list-style: none; margin: 0; padding: 1em 0 0 0; }
form fieldset li				{ clear: left; float: left; padding: 0 0 1em 1em; width: 100%; }
form fieldset label				{ float: left; margin-right: 1em;  }
form fieldset select			{ font: inherit; }
form fieldset input				{ font: inherit; }
form fieldset input[type=text]	{ width: 15em; }
form fieldset .long				{ width: 30em; }
form fieldset.buttons			{ border: 0; float: none; }

optgroup			{ font: inherit; font-style: normal; font-weight: bold; margin-bottom: 1em; }
option				{ font: inherit; font-weight: normal; }
optgroup:last-child	{ margin-bottom: 0; }
optgroup > option	{ padding-left: 0.2em; }




/*  Buttons  */

button						{ height: 30px; padding: 3px 5px 3px 3px; font-size: 11px; vertical-align: middle;}
button img					{ padding: 0px; margin-right: 3px; vertical-align: middle; }

.buttonIPad					{ min-height: 40px; padding: 3px 5px 3px 3px; font-size: 11px; }
.buttonIPad img				{ padding: 0px; margin-right: 3px; vertical-align: middle; }

.buttonIconIPad				{ height: 40px; padding: 3px 5px 3px 3px; font-size: 11px; width: 40px;}
.buttonIconIpad img			{ padding: 0px; margin: 0px; text-align: center; vertical-align: middle; }

#btnDestroyChanges			{ margin-left: 1em; }

::-webkit-input-placeholder { color:#b7b3b3; }
::-moz-placeholder { color:#b7b3b3; } /* firefox 19+ */
:-ms-input-placeholder { color:#b7b3b3; } /* ie */
input:-moz-placeholder { color:#b7b3b3; }

/* Drop Shadow */
.dropShadow 	{
font-weight: 900;
border: groove 2px #333;
padding: 6px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
background-image: url(/images/editBackground5.jpg);
background-attachment: fixed;
background-repeat: repeat;
}

.dropShadowOff 	{
font-weight: 900;
border: groove 2px #333;
padding: 6px;
background-color: #ddeafb;
background-attachment: fixed;
background-repeat: repeat;
}
/*  Messages  */

p.msg						{ border-style: solid; border-width: 2px; margin: 0 0px 3px 0; padding: 3px 8px 3px 40px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
margin-bottom: 8px;
}

p.msg > a					{ border-bottom: 1px dotted; outline: none; text-decoration: none;  }
p.msg > a.close				{ display: block; float: right; font-size: 0.85em; margin-left: 0.5em; }
p.info						{ background: #e0e7ed url("/images/icons/information.png") no-repeat 1em; border-color: #4f6d81; color: #000;}
p.info > a					{ border-color: #4f6d81; color: #4f6d81; }
p.warn						{ background: #fffac8 url("/images/icons/error.png") no-repeat 1em; border-color: #c5a524; color: #000; }
p.warn > a					{ border-color: #c5a524; color: #c5a524; }
p.error						{ background: #f2e4e4 url("/images/icons/exclamation.png") no-repeat 1em; border-color: #924949; color: #000; }
p.error > a					{ border-color: #924949; color: #924949; }
p.success					{ background: #e5f2e8 url("/images/icons/accept.png") no-repeat 1em; border-color: #60a174; color: #000; }
p.success > a				{ border-color: #60a174; color: #60a174; }
/* old filter color #466bf2; */
#filter                     { background: #000; display: none; height: 100%; left: 0; opacity: 0.65; position: fixed; top: 0; width: 100%; z-index: 5000; filter: alpha(opacity=65); }
#filterWhite                { background: #fff; display: none; height: 100%; left: 0; opacity: 0.65; position: fixed; top: 0; width: 100%; z-index: 5000; filter: alpha(opacity=65); }
#filterLow                  { background: #000; display: none; height: 100%; left: 0; opacity: 0.65; position: fixed; top: 0; width: 100%; z-index: 99; filter: alpha(opacity=65); }
#loading                    { background: #fff; border: 1px solid #000; display: none; font-family: Tahoma; font-size: 11px; font-weight: bold; left: 1em; margin: 0 auto; position: fixed; top: 1em; z-index: 9001; border-radius: 0.5em; }
#loading td                 { padding: 1em; }
#loading td:first-child     { padding-right: 0; }
#loadingMessage                    { background: #FFFAC8; border: 1px solid #000; display: none; font-family: Tahoma; font-size: 11px; font-weight: bold; left: 1em; margin: 0 auto; position: fixed; top: 1em; z-index: 9001; border-radius: 0.5em; }
#loadingMessage td                 { padding: 1em; }
#loadingMessage td:first-child     { padding-right: 0; }
div.modal            {
background: #fff;
border: 1px solid #000;
display: none;
font-family: Tahoma;
font-size: 12px;
margin: 0 auto;
max-width: 950px;
padding: 1em;
position: fixed;
top: 5px;
z-index: 5001;
border-radius: 1em;
box-shadow: 0 0 30px #000;
}
div.modal > h3        { border-bottom: 1px solid #000; font-weight: bold; width: 100%; }
div.buttons            { text-align: right; }
div.buttons button    { font: inherit; margin-left: 0.5em; }

div.modalAbs         {
background: #fff;
border: 1px solid #000;
display: none;
font-family: Tahoma;
font-size: 12px;
margin: 0 auto;
max-width: 950px;
padding: 1em;
position: fixed;
top: 5px;
z-index: 5001;
border-radius: 1em;
box-shadow: 0 0 30px #000;
}
div.modalAbs > h3        { border-bottom: 1px solid #000; font-weight: bold; width: 100%; }








A.tabDiv 				{   padding: 4px 6px 4px 6px;
background: #216AA6  url("../images/tabBackground.png");
background-attachment: fixed;
background-repeat: repeat-x;

border: ridge 1px #333;
border-bottom: none;

border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0 0 20px #d5f7d5;


font-weight: bold;
font-size: 10px;
color: #ffffff;
text-decoration: none;
vertical-align: bottom;

display: block;
}

A.tabDiv:hover 			{
background: #4383CC  url("../images/tabBackground.png");
padding-top: 4px;
color: #e2e2e2;
}






A.gridTabDiv 			{ padding: 5px 15px 5px 15px;
background: #990000  url("../images/tabBackground.png");
background-attachment: fixed;
background-repeat: repeat-x;

border: ridge 2px #000;
border-bottom: none;

border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 0 20px #d5f7d5;


font-weight: bold;
font-size: 10px;
color: #ffffff;
text-decoration: none;
vertical-align: bottom;

display: block;
}



A.gridTabDiv:hover 		{
background: #508bcb  url("../images/tabBackground.png");
padding-top: 5px;
color: #990000;
}



A.tabDivNotes 			{ padding: 5px 6px 5px 6px;
background: #216AA6  url("../images/tabBackground.png");
background-attachment: fixed;
background-repeat: repeat-x;

border: ridge 1px #333;
border-bottom: none;

border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 0 20px #d5f7d5;


font-weight: bold;
font-size: 10px;
color: #ffffff;
text-decoration: none;
vertical-align: bottom;

display: block;

}

A.tabDivNotes:hover 		{
background: e2e2e2  url("../images/tabBackground.png");
font-size: 10px;
padding-top: 5px;
color: #4383CC;
}





A.tabDivNotesSide 			{ padding: 5px 6px 5px 6px;
border: ridge 1px #333;
border-bottom: none;
background-color:  #216AA6;
font-weight: bold;
font-size: 10px;
color: #ffffff;
text-decoration: none;
vertical-align: bottom;
display: block;

}

A.tabDivNotesSide:hover 		{
font-size: 10px;
padding-top: 5px;
color: #e2e2e2;
}

A.tabDivUserSide 			{ padding: 5px 6px 5px 6px;
border: ridge 1px #333;
border-bottom: none;
background-color:  #216AA6;
font-weight: bold;
font-size: 10px;
color: #ffffff;
text-decoration: none;
vertical-align: bottom;
display: block;

}

A.tabDivUserSide:hover 		{
font-size: 10px;
padding-top: 5px;
color: #e2e2e2;
}




A.selected				{
background: #000066  url("../images/tabBackground.png");

color: #FFFF33;
}

.divMenuLinks 			{ padding: 1px 0; }
/*padding-top: 5px;*/

A.msgLinks:hover		{
color: #A7CAF0 !important;
}
A.msgLinks				{
color: blue !important;
}
.msgLinksImages		    {
border:none;
margin-right: 3px;
text-decoration: none;
}



A.menuLinks:hover		{
color: #A7CAF0;
}

A.menuLinks				{
color: #333;
}
.menuLinksImages		{
border:none;
margin-right: 3px;
text-decoration: none;
vertical-align: middle;
}

A.menuLinksWhite:hover	{
color: #A7CAF0;
}

A.menuLinksWhite        {
color: #fff;
}

A.menuLinksRed:hover	{
color: #A7CAF0;
}

A.menuLinksRed          {
color: #990000;
}

A.menuLinksNavy:hover	{
color: #A7CAF0;
}

A.menuLinksNavy          {
color: #000099;
}



A.gridLinks:hover		{
color: #0000ee;
}

A.gridLinks				{
color: #333;
}
.gridLinksImages		{
border:none;
margin-right: 3px;
text-decoration: none;
vertical-align: middle;
}

.radioImages		    {
border:none;
margin-right: 3px;
vertical-align: bottom;
text-decoration: none;
}


.absDiv 		{

z-index: 6000;
}


.optionPadding	{padding: 0px 5px 0px 5px;}

.fsLegends		{
color: #216AA6;
font-weight: bold;
font-size: 13px;
}
.fsets			{
padding: 5px;
width: 90%
}




#ui-datepicker-div	{ z-index: 9999; }
#ui-datepicker-header	{  background-color: red;}

.displayBalBlack	{border: none; color: #222; background-color: #F0F0F0; text-align: right; font-weight: bold; padding: 3px 5px 3px 8px; width: 70px;}
.displayBalRed		{border: none; color: #ff0000; background-color: #F0F0F0; text-align: right; font-weight: bold; padding: 3px; padding: 3px 5px 3px 8px;  width: 70px;}

.lightHighlite	{background-color: #e3fcdf;}





#gridReportColumns .aw-column-0 {width: 45px; text-align: right}
#gridReportColumns .aw-column-1 {width: 28px; text-align: center}
#gridReportColumns .aw-column-2 {width: 45px; text-align: center}
#gridReportColumns .aw-column-3 {width: 40px; text-align: center}
#gridReportColumns .aw-column-4 {width: 70px; text-align: left}
#gridReportColumns .aw-column-5 {width: 40px; text-align: center}
#gridReportColumns .aw-column-6 {width: 40px; text-align: left}
#gridReportColumns .aw-column-7 {width: 45px; text-align: left}
#gridReportColumns .aw-column-8 {width: 50px; text-align: left}
#gridReportColumns .aw-column-9 {width: 45px; text-align: center}
#gridReportColumns .aw-column-10 {width: 105px; text-align: left}
#gridReportColumns .aw-column-11 {width: 60px; text-align: center}
#gridReportColumns .aw-column-12 {width: 45px; text-align: center}
#gridReportColumns .aw-column-13 {width: 65px; text-align: center}
#gridReportColumns .aw-column-14 {width: 38px; text-align: center}
#gridReportColumns .aw-column-15 {width: 35px; text-align: center}
#gridReportColumns .aw-column-16 {width: 40px; text-align: center}
#gridReportColumns .aw-column-17 {width: 38px; text-align: center}
#gridReportColumns .aw-column-18 {width: 35px; text-align: center}

/*
/////////////         		        0            		1            2          	3             4          	  5
/////////////				        6					7			 8				9			 10				  11
/////////////						12					13			14				15			 16				  17
/////////////						18
var gridReportColumnsHeaders = [    "id", 			"Order", 	    "RowId", 	"Print Width",	"xFormat",  	"Align",
"Color", 		"Highlight", 	"Font", 	"FontSize",		"Header",       "xFooter",
"Disp Width",	"Format"		"xSearch",	"xPrint",		"Footer",		"Search",
"Print"];
*/


.pictureFrame	{
border: 2px solid #333;
display: block;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0 0 20px #333;
font-size: 12px;
font-weight: bold;
color: #fff;
position: absolute;
z-index: 950;
}


.pictureFrame2	{
border: 2px solid #333;
display: block;

border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0 0 20px #333;
font-size: 12px;
font-weight: bold;
color: #fff;
}



div.ifrModal            {
background-image: url(images/editBackground4.jpg);
border: 1px solid #000;
display: none;
font-family: Tahoma;
font-size: 11px;
margin: 0 auto;
max-width: 950px;
padding: 1em;
position: absolute;
top: 1em;
z-index: 5001;
border-radius: 1em;
box-shadow: 0 0 30px #000;
}
div.ifrModal > h3        { border-bottom: 1px solid #000; font-weight: bold; width: 100%; }


.userString	{
width: 300px;
font-size: 12px;
}

.userStringOff	{
width: 300px;
display: none;
font-size: 12px;
}

.userDate	{width: 62px; font-size: 12px; text-align: center; }

.userNumber	{
width: 95px;
font-size: 12px;
}

.userQuestion	{
font-size: 12px;
}

.searchword { color: red; background-color: yellow; }
.aw-image-Yes { background: url(/images/tagged_16x16.png);
background-repeat: no-repeat; }

.aw-image-No { background: url(/images/clear.png);
background-repeat: no-repeat; }

A.tagged			{
border: none;
margin-right: 3px;
}

A.tagged:hover		{
opacity: 0.55;  filter: alpha(opacity=55);
margin-right: 3px;
}
.aw-quirks * {
box-sizing: border-box;
box-sizing: border-box;
}

.opacity65      {opacity: 0.65;  filter: alpha(opacity=65);}

/*  misc menu items  */
.nav2						{ font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; height: 1px;   text-alignment: left;}
.nav2 a						{ outline: none; text-decoration: none; }
.nav2 a .more				{ display: block; font-size: 10px; font-weight: bold; margin-right: 5px; position: absolute; right: 0; top: 0; z-index: 850; }
.nav2 ul						{ list-style: none; margin: 0; padding: 0; }
.nav2 li						{ position: relative; }
.nav2 ul ul > li:first-child	{ border-top: 1px solid #333333; }
.nav2 ul ul > li:last-child	{ border-bottom: 1px solid #333333; }
.nav2 iframe					{  border: 0; height: 100%; position: absolute; width: 100%; z-index: 800; }
.nav2 .sep					{ background: #e2e2e2; border-color: #333333; border-style: solid; border-width: 0 1px; height: 1px; margin: 0; z-index: 804; }

/*  Main menu items  */

.nav2 .item						{border: 0px #333 solid; float: left; font-size: 1em; height: 2.2em; line-height: 2.2em; margin: 0; padding: 0; z-index: 803; text-alignment: left; }
.nav2 .item:hover>ul			{ visibility: visible; }
.nav2 .item:hover>a			{ background-color: #e2e2e2; border-color: #333333; color: #000066; }
.nav2 .item>a					{ background: url("../images/buttonMask.png"); border-right: 1px solid #333333; color: #333333; display: block; height: 100%; padding: 0 1em; text-decoration: none; }
.nav2 .item a:hover			{  background-color: #e2e2e2; border-color: #333333; color: #000066; }

/*  Submenu  */

.nav2 .item>ul					{ background: #e2e2e2; ?>; left: 0; position: absolute; top: 2.2em; visibility: hidden; width: 160px; z-index: 804; }

/*  Submenu items  */

.nav2 .subitem					{ border-color: #333333; border-style: solid; border-width: 0 1px; font-size: 0.85em; margin: 0; padding: 0; z-index: 804;  text-align: left;}
.nav2 .subitem a				{ background: #e2e2e2; color: #000066; display: block; height: 100%; padding: 0 0.7em; white-space: nowrap; }
.nav2 .subitem a:hover		{ background: #333333; color: #ffffff; }
.nav2 .subitem:hover>ul		{ visibility: visible; }
.nav2 .subitem:hover>a		{ background: #333333; border-color: #333333; color: #ffffff; }
.nav2 .subitem a img			{ border: 0; margin: 0 0.5em 0 0; padding: 0; vertical-align: middle; }


/*  Sub-submenu  */

.nav2 .subitem>ul			{ background: #a7caf0; left: 158px; position: absolute; top: 0; visibility: hidden; width: 16em; z-index: 805; }

/*  Sub-submenu items  */

.nav2 .ssitem				{ border-color: #333333; border-style: solid; border-width: 0 1px; z-index: 805; }
.nav2 .subitem>ul>.sep		{ z-index: 805; }






#divHint	{
border: 2px solid #333;
display: none;

border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0 0 20px #333;

font-size: 11px;
font-weight: normal;
background-color: #f4f0d3;
color: #333;
padding: 15px;
position: absolute;
z-index: 5800;
}

#divHelpHint	{
border: 2px solid #333;
display: none;

border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0 0 20px #333;

font-size: 11px;
font-weight: normal;
background-color: #f4f0d3;
color: #333;
padding: 15px;
position: absolute;
z-index: 5800;
}

#tblHint	{

border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

#divWarningMessage
{
overflow: auto;
padding: 5px;
max-height: 55px;
max-width: 380px;
float: left;
}
#divWarning	{
border: 1px solid #333;
display: none;
max-width: 420px;
max-height: 73px;
height: 73px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0 0 20px #333;

font-size: 13px;
font-weight: bold;
background-color: yellow;
color: #333;
position: absolute;
top: 52px;
right: 0px;
z-index: 999;
}




#divAlert	{
border: 2px solid #333;
display: none;

border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0 0 20px #333;

font-size: 11px;
font-weight: normal;
background-color: #f4f0d3;
color: #333;
position: absolute;
top: 60px;
left: 200px;
z-index: 5900;
}



/*  Attendance Icons   */
a.attendance			{ border: none; }

a.attendance:hover		{ opacity: 0.65;  filter: alpha(opacity=65); }

img.attendance:hover		{height: 18px; width: 18px;}


/*  Toolbar Icons   */
a.toolbar			{ border: none; vertical-align: middle; }

a.toolbar:hover		{ opacity: 0.65;  filter: alpha(opacity=65); }

a.logoLink			{ border: none; cursor: default;}

a.logoLink:hover	{ opacity: 0.65;  filter: alpha(opacity=65); cursor: pointer; }

a.btnAddToList 			{ border: none; display: none;}

a.btnAddToList:hover	{ opacity: 0.65;  filter: alpha(opacity=65); }

a.toolbarVertical			{ border: none; padding: 0; margin: 0; }

a.toolbarVertical:hover		{ opacity: 0.65;  filter: alpha(opacity=65); }

select {font-size: 13px;}

#tblClassroomMenu td  {padding: 0px 5px 0px 5px;}
.tdRightLeft3			 {padding: 0px 3px 0px 3px;}

.seatingChartRight {font-weight: 500; color: #216AA6; text-align: right;}
.seatingChartRightRed {font-weight: 500; color: red; text-align: right;}
.seatingChartLeft  {font-weight: 500; color: #216AA6; text-align: left;}



/*  misc menu items  */
.nav3							{ background-color: black; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; height: 1px;   text-alignment: left;}
.nav3 a							{ outline: none; text-decoration: none; }
.nav3 a .more					{ display: block; font-size: 10px; font-weight: bold; margin-right: 5px; position: absolute; right: 0; top: 0; z-index: 850; }
.nav3 ul						{ background-color: black; list-style: none; margin: 0; padding: 0; }
.nav3 li						{ position: relative; }
.nav3 ul ul > li:first-child	{ border-top: 1px solid #333333; }
.nav3 ul ul > li:last-child		{ border-bottom: 1px solid #333333; }
.nav3 iframe					{  border: 0; height: 100%; position: absolute; width: 100%; z-index: 800; }
.nav3 .sep						{ background: #e2e2e2; border-color: #333333; border-style: solid; border-width: 0 1px; height: 1px; margin: 0; z-index: 804; }

/*  Main menu items  */

.nav3 .item						{border: 0px #333 solid; float: left; font-size: 1em; height: 2.2em; line-height: 2.2em; margin: 0; padding: 0; z-index: 803; text-alignment: left; }
.nav3 .item:hover>ul			{ visibility: visible; }
.nav3 .item:hover>a				{ background-color: #a7caf0; border-color: #333333; color: #333; }
.nav3 .item>a					{ background: url("../images/buttonMask.png"); border-right: 1px solid #333333; color: #fff; display: block; height: 100%; padding: 0 1em; text-decoration: none; }
.nav3 .item a:hover				{ background-color: #a7caf0; border-color: #333333; color: #333; }

/*  Submenu  */

.nav3 .item>ul					{ background: #333; ?>; left: 0; position: absolute; top: 2.2em; visibility: hidden; width: 160px; z-index: 804; }

/*  Submenu items  */

.nav3 .subitem					{ border-color: #333333; border-style: solid; border-width: 0 1px; font-size: 0.85em; margin: 0; padding: 0; z-index: 804;  text-align: left;}
.nav3 .subitem a				{ background: #a7caf0; color: #333; display: block; height: 100%; padding: 0 0.7em; white-space: nowrap; }
.nav3 .subitem a:hover			{ background: #333; color: #fff; }
.nav3 .subitem:hover>ul			{ visibility: visible; }
.nav3 .subitem:hover>a			{ background: #333; border-color: #333333; color: #fff; }
.nav3 .subitem a img			{ border: 0; margin: 0 0.5em 0 0; padding: 0; vertical-align: middle; }


/*  Sub-submenu  */

.nav3 .subitem>ul			{ background: #a7caf0; left: 158px; position: absolute; top: 0; visibility: hidden; width: 16em; z-index: 805; }

/*  Sub-submenu items  */

.nav3 .ssitem				{ border-color: #333333; border-style: solid; border-width: 0 1px; z-index: 805; }
.nav3 .subitem>ul>.sep		{ z-index: 805; }


/*  Context Menu  */

.contextMenu				{ 	box-shadow: 0 0 20px #333;
background-color: #dadada;
border: 1px solid;
border-color: #dadada #404040 #404040 #dadada;
display: none;
position: absolute;
z-index: 9902;
}
.contextMenuContent		{ background-color: #dadada; border: 1px solid; border-color: #ececec #909090 #909090 #ececec; cursor: default; font: menu; padding: 2px; }
.menuText					{ color: #000; display: block; padding: 2px 18px 3px 2px; white-space: nowrap; }
.menuItem					{ color: #000000; cursor: default; display: block; outline: none; padding: 2px 18px 3px 2px; text-decoration: none; white-space: nowrap; }
.menuItem:hover			{ background: #000080; color: #ffffff; }
.menuSep						{ line-height: 3px; margin: 2px 0; }

/*  grades */

.gradesTdsAvg				{height: 25px; 		max-height: 25px; overflow-y: hidden; 	vertical-align: middle; }
.gradesTds					{height: 25px; 		max-height: 25px; overflow-y: hidden; 	vertical-align: middle; font-size: 12px; padding: 0;}
.gradesTds45				{width: 55px; height: 25px; 		max-height: 25px; overflow-y: hidden; 	vertical-align: middle; font-size: 12px; padding: 0;}
.gradesStudentsTds			{height: 23px; 		max-height: 23px; overflow-y: hidden;	vertical-align: middle;}

.tdId						{height: 25px; color: black;		display: block; 	text-align: right; 	font-size: 12px; 			padding: 0px 3px 0px 3px;}
.tdIdString					{height: 25px; color: black;		display: block; 	text-align: left; 	font-size: 12px; 			padding: 0px 3px 0px 3px;}
.tdStudent					{height: 25px; color: black;		display: block; 	width: 150px; 		text-align: left; 	font-size: 12px; padding: 0px 3px 0px 3px; white-space: nowrap; overflow: hidden;}
.tdRosterAvg                {height: 25px; color: black;		display: block; 	text-align: left; 	font-size: 12px; 			padding: 0px 3px 0px 3px; white-space: nowrap; overflow: hidden;}
.tdScore					{color: black;	display: block; 	width: 45px; 		text-align: right; 	font-size: 11px; 			padding: 0px 3px 0px 3px;}
.tdMaxScore					{color: black;	display: block; 	width: 25px; 		text-align: right; 	font-size: 11px; 			padding: 0px 3px 0px 3px;}
.tdNbrGrade					{color: black; 	display: block; 	width: 30px; 		text-align: right; 	font-size: 11px; 			padding: 0px 3px 0px 3px;}
.tdLetterGrade				{color: black; 	display: block; 	width: 20px; 		text-align: left; 	font-size: 11px;			padding: 0px 3px 0px 3px;}
.tdOverride					{color: green; 	display: block; 	width: 10px; 		text-align: left; 	font-size: 11px;			padding: 0px 5px 0px 0px;}
.tdIncomplete				{color: green; 	display: block; 	width: 10px; 		text-align: left; 	font-size: 11px;			padding: 0px 5px 0px 0px;}
.tdFollowup                 {color: green; 	display: block; 	width: 10px; 		text-align: left; 	font-size: 11px;			padding: 0px 5px 0px 0px;}
.tdWeight					{color: black; 	display: block; 	width: 5px; 		text-align: right; 	font-size: 11px; 			padding: 0px 3px 0px 3px;}
.tdDaysLate					{color: black; 	display: block; 	width: 10px; 		text-align: right; 	font-size: 11px; 			padding: 0px 3px 0px 3px;}


.tdAvgGrade2				{color: black; 	display: block; 	width: 30px; 		text-align: right; 	font-size: 11px; 			padding: 0px 3px 0px 3px;}
.tdAvgGrade					{color: black; 	display: block; 	width: 30px; 		text-align: right; 	font-size: 11px; 			padding: 0px 3px 0px 3px;}
.tdAvgLetter				{color: black; 	display: block; 	width: 20px; 		text-align: left; 	font-size: 11px;			padding: 0px 3px 0px 3px;}
.tdHighGrade				{color: black; 	display: block; 	width: 30px; 		text-align: right; 	font-size: 11px; 			padding: 0px 3px 0px 3px;}
.tdHighLGrade				{color: black; 	display: block; 	width: 20px; 		text-align: left; 	font-size: 11px;			padding: 0px 3px 0px 3px;}
.tdLowGrade					{color: black; 	display: block; 	width: 30px; 		text-align: right; 	font-size: 11px; 			padding: 0px 3px 0px 3px;}
.tdLowLGrade				{color: black; 	display: block; 	width: 20px; 		text-align: left; 	font-size: 11px;			padding: 0px 3px 0px 3px;}
.tdGountGrade				{color: black; 	display: block; 	width: 30px; 		text-align: right; 	font-size: 11px; 			padding: 0px 3px 0px 3px;}


.tdWizardLabel				{ color: #216AA6; padding: 3px 10px 0px 5px; font-weight: 500; vertical-align: top; border-bottom: 1px solid #990000;}


.dateInput					{ width: 90px; font-size:  font-family: arial, sans-serif; }



.praxiAlert 		{
background-color: #fff;
border: 1px solid #000;
display: none;
font-family: Tahoma;
font-size: 11px;
margin: 0 auto;
padding: 1em;
position: fixed;
top: 40%;
left: 40%;

z-index: 9901;
border-radius: 1em;
box-shadow: 0 0 30px #000;
}


.praxiAlertHeader  { border-bottom: 1px solid #000; font-weight: bold; width: 100%; }

.praxiAlertMessage {font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 12px; font-weight: 500; text-align: left;}

.praxiAlertButtons {text-align: right; white-space: nowrap; float: right;}

.tdEnrollmentStats {text-align: center; border-right: 1px #333 solid; border-bottom: 1px #333 solid; }

.divHtml				{ font-weight: normal; text-align: left; border: 1px #333 solid; overflow-x: auto; font-size: 12px; color: #333; font-family: Arial,Helvetica Neue,Helvetica,sans-serif;  background: #fff; padding: 5px;}

/* divEdits ****************** */

.divEdits  	{
font-weight: 900;
border: groove 2px #333;
padding: 6px;
background-image: url(/images/editBackground6.jpg);
background-attachment: fixed;
background-repeat: repeat;
}

.divEditsDynamicColor  	{
font-weight: 900;
border: groove 2px #333;
padding: 6px;
}


.editHeader     { border-bottom: 1px solid #000; font-weight: bold; width: 100%; }
.userCol 		{ float:left; border: 1px solid #bfbfbf; }
.editCol1		{  float: left;  }

.editCol		{  float: left;
margin-left: 20px;

}

.eWidth65       { width: 65px !Important; }
.eWidth50       { width: 50px !Important; }
.eWidth100      { width: 100px !Important; }
.eWidth120      { width: 120px !Important; }

.editLabel	    { 	padding: 5px 5px 3px 5px;
float: left;
width: 80px;
font-weight: bold;
}
.editLabelRed   { 	padding: 5px 5px 3px 5px;
float: left;
width: 80px;
font-weight: bold;
color: red;
}
.editLabelNavy  { 	padding: 5px 5px 3px 5px;
float: left;
width: 80px;
font-weight: bold;
color: #216AA6;
}
.editLabelRedAuto { 	padding: 5px 5px 3px 5px;
float: left;
font-weight: bold;
color: red;
}
.editLabelNavyAuto { 	padding: 5px 5px 3px 5px;
float: left;
font-weight: bold;
color: #216AA6;
}
.editLabelAuto  {
padding: 5px 5px 3px 5px;
float: left;
width: auto;
font-weight: bold;
}
.editLabelN	    { 	padding: 5px 5px 3px 5px;
float: left;
width: 80px;
font-weight: normal;
}
.editLabel160   { 	padding: 5px 5px 3px 5px;
float: left;
width: 160px;
font-weight: bold;
}

.editValue	    { 	padding: 3px 5px 3px 5px;
float: left;
font-weight: normal;
}
.editLabel2	    { 	padding: 0px 5px 2px 5px;
float: left;
width: 80px;
font-weight: bold;
}
.editLabelAuto2 {
padding: 0px 5px 2px 5px;
float: left;
width: auto;
font-weight: bold;
}
.editLabel2N    { 	padding: 0px 5px 2px 5px;
float: left;
width: 80px;
font-weight: normal;
}
.editValue2	    { 	padding: 0px 5px 2px 5px;
float: left;
font-weight: normal;
}

.editLabel3	    { 	padding: 0px 5px 3px 5px;
float: left;
width: 80px;
font-weight: bold;
}
.editValue3	    { 	padding: 0px 5px 3px 5px;
float: left;

}
/* border: 1px solid red; */


.ajax{	border-style: solid; border-width: 1px; margin: 0 0px 3px 0; padding: 3px 8px 3px 40px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
margin-bottom: 8px;
color: #333;
display: none;
}


.ajaxInfo				{ background: #e0e7ed url("/images/icons/information.png") no-repeat 1em; border-color: #4f6d81; color: #000;}
.ajaxWarn				{ background: #fffac8 url("/images/icons/error.png") no-repeat 1em; border-color: #c5a524; color: #000; }
.ajaxError				{ background: #f2e4e4 url("/images/icons/exclamation.png") no-repeat 1em; border-color: #924949; color: #000; }
.ajaxSuccess			{ background: #e5f2e8 url("/images/icons/accept.png") no-repeat 1em; border-color: #60a174; color: #000; }
A.divTab 				{ padding: 5px 10px 5px 10px;
background: #990000  url("../images/tabBackground.png");
background-attachment: fixed;
background-repeat: repeat-x;

border: ridge 1px #333;
border-bottom: none;

border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0 0 20px #d5f7d5;
float: left;

font-weight: bold;
font-size: 10px;
color: #ffffff;
text-decoration: none;
vertical-align: bottom;

display: block;
}


A.divTab:hover 	{
background: #508bcb  url("../images/tabBackground.png");
padding-top: 5px;
color: #990000;
}




A.divTitleBar 		{ padding: 5px 10px 5px 10px;
background: #990000  url("../images/tabBackground.png");
background-attachment: fixed;
background-repeat: repeat-x;

border: ridge 1px #333;
border-bottom: none;

border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0 0 20px #d5f7d5;

font-weight: bold;
font-size: 10px;
color: #ffffff;
text-decoration: none;
vertical-align: bottom;

display: block;
width: 910px;
}


A.divTitleBar:hover 	{
background: #508bcb  url("../images/tabBackground.png");
padding-top: 5px;

color: #990000;
}
A.titleBarSelected	{
background: #000066  url("../images/tabBackground.png");
padding-top: 5px;
color: #FFFF33;
}

.backIce            { background-image: url(images/aniIce.gif); }

.divCampusSelect    {   background-color: #216AA6;
color: #ffffff;
font-weight: bold;
font-size: 12px;
color: #ffffff;
padding: 5px;
min-width: 300px;

border: 1px solid #000;
display: none;
font-family: Tahoma;
font-size: 12px;
margin: 0 auto;
padding: 1em;
position: fixed;
top: 5px;
z-index: 5001;
border-radius: 1em;
box-shadow: 0 0 30px #000;
}
.campusDisplay 		{
display: none}
.campusEditDisplay 	{
display: none}



.headerDiv          {   background-color: #216AA6;
color: #ffffff;
font-weight: normal;
font-size: 12px;
padding: 5px;
margin-bottom: 3px;
}

.headerDiv333       {   background-color: #333;
color: #fff;
font-weight: normal;
font-size: 12px;
padding: 5px;
}

.headerDivE2E2E2    {   background-color: #E2E2E2;
color: #000;
font-weight: normal;
font-size: 12px;
padding: 5px;
}

.headerColor333     {   color: #333;
font-weight: bold;
font-size: 12px;
padding: 5px;
}

.headerDivPushRed      {   background-color: #730000;
                            color: #fff;
                            font-weight: bold;
                            font-size: 12px;
                            color: #ffffff;
                            padding: 5px;
                       }
.headerDivNone        {
                            color: #000;
                            font-weight: bold;
                            font-size: 11px;
                            padding: 5px;
                        }

.headerDivPushGreen    {   background-color: #547226;
                            color: #fff;
                            font-weight: bold;
                            font-size: 12px;
                            color: #ffffff;
                            padding: 5px;
                       }
.headerDivPushOrange  {   background-color: #d75c09;
                            color: #fff;
                            font-weight: bold;
                            font-size: 12px;
                            color: #ffffff;
                            padding: 5px;
                            }
.headerDivPushBlue    {   background-color: #005dbc;
                            color: #fff;
                            font-weight: bold;
                            font-size: 12px;
                            color: #ffffff;
                            padding: 5px;
                            }
.headerDivCharcoal    {    background-color: #333;
                            color: #fff;
                            font-weight: bold;
                            font-size: 12px;
                            color: #ffffff;
                            padding: 5px;
                       }


.headerDivBold      {   background-color: #216AA6;
color: #ffffff;
font-weight: bold;
font-size: 12px;
color: #ffffff;
padding: 5px;
}
.headerDivBold14    {   background-color: #216AA6;
color: #ffffff;
font-weight: bold;
font-size: 14px;
color: #ffffff;
padding: 5px;
}

.headerDivBoldCenter {   background-color: #216AA6;
color: #ffffff;
font-weight: bold;
font-size: 12px;
color: #ffffff;
padding: 5px;
text-align: center;
}

.headerDivBoldYellow {   background-color: #216AA6;
font-weight: bold;
font-size: 12px;
padding: 5px;
color: yellow;<button type="button" id="btnRefresh" ><img src="images/icons/arrow_refresh.png" />Refresh</button>
<button type="button" id="btnPrint" onclick="printInvoices()"><img src="images/icons/printer.png" />Print Processed Invoices</button>
<button type="button" id="btnProcess" ><img src="images/run.png" />Process Auto Billing</button>
}

.{   background-color: #799fcb;
color: #fff;
font-weight: bold;
font-size: 12px;
padding: 5px;
}




.headerLight 		{   background-color: #dae8f8;
color: #216AA6;
font-weight: bold;
font-size: 12px;
padding: 5px;
}

.sectionDiv         {   background-color: #216AA6;
color: #ffffff;
font-weight: bold;
font-size: 14px;
padding: 5px;
}
.sectionDivWhite    {   background-color: #fff;
color: ##333;
font-weight: bold;
font-size: 14px;
padding: 5px;
}
.sectionDivLite     {   background-color: #dae8f8;
color: #333;
font-weight: bold;
font-size: 14px;
padding: 5px;
}


.sectionDivPad1     {   background-color: #216AA6;
color: #ffffff;
font-weight: bold;
font-size: 14px;
padding: 1px;
}


.buttonsRow 		{   font-size: 12px;
padding: 5px;
}
.buttonsRowRight 	{   font-size: 12px;
padding: 5px;
text-align: right;
}

.headerBlueText		{   color: #216AA6;
font-weight: bold;
font-size: 12px;
padding: 5px;
}

.praxiDate 			{ 	width: 75px;
text-align: center;
font-size: 12px;
}
.praxiDateTime      { 	width: 125px;
text-align: center;
font-size: 12px;
}
.praxiColor         { 	width: 60px;
text-align: center;
font-size: 12px;
font-weight: bold;
}

.praxiDate11		{ 	width: 70px;
text-align: center;
font-size: 11px;
}

.sectionBackText    {background-color: #216AA6; color: #ffffff; font-size: 14px; padding: 5px; font-weight: bold; }

.spanAge 			{font-size: 12px; font-weight: normal; color: #333;}
.spanInstructions  {font-size: 11px; font-style: italic; font-weight: normal; #757272 !important;}

.reportHeader 		{background-color: #333; color: #fff; font-size: 12px; font-weight: bold; padding: 5px;}

.divControls 		{padding: 10px; font-weight: bold; font-size: 12px;}

.divControlsGray 	{padding: 10px; font-weight: bold; font-size: 12px; background-color: #e2e2e2;}

.editGridLabel 	{ 	padding: 3px 5px 3px 5px;
float: left;
width: 100px;
font-weight: bold;
}

.editGridHelp   { 	padding: 3px 5px 3px 5px;
float: left;
width: 600px;
}

.editGridLabel2	{ 	padding: 3px 5px 3px 5px;
float: left;
width: 120px;
font-weight: bold;
}
.editGridHelp2   { 	padding: 3px 5px 3px 5px;
float: left;
width: 225px;
}
.editGridLine  { 	clear: both;
border-bottom: 1px solid #939090;;
}

.divFilter3 	{	float: left;
padding: 0px 3px;
}


#aMenu							{ background: #000066; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; height: 1px; max-width: 180px;}
#aMenu a						{ outline: none; text-decoration: none; }
#aMenu a .more					{ display: block; font-size: 10px; font-weight: bold; margin-right: 5px; position: absolute; right: 0; top: 0; z-index: 50; }
#aMenu ul						{ list-style: none; margin: 0; padding: 0; }
#aMenu li						{ position: relative; }
#aMenu ul ul > li:first-child	{ border-top: 1px solid #000000; }
#aMenu ul ul > li:last-child	{ border-bottom: 1px solid #000000; }
#aMenu iframe					{ background: red; border: 0; height: 100%; position: absolute; width: 100%; z-index: 50; }
#aMenu .sep						{ background: #e2e2e2; border-color: #000000; border-style: solid; border-width: 0 1px; height: 1px; margin: 0; z-index: 54; }

/*  Main menu items  */

#aMenu .item					{ float: left; font-size: 1.0em; height: 2.2em; line-height: 2.2em; margin: 0; padding: 0; z-index: 53; }
#aMenu .item:hover>ul			{ visibility: visible; }
#aMenu .item:hover>a			{ background: #4383CC; border-color: #000000; color: #e2e2e2; }
#aMenu .item>a					{ background: #216AA6 url("../images/buttonMask.png"); border-right: 1px solid #333333; color: #ffffff; display: block; height: 100%; padding: 0 1em; text-decoration: none; }
#aMenu .item a:hover			{ background: #4383CC; border-color: #000000; color: #e2e2e2; }

/*  Submenu  */

#aMenu .item>ul					{ background: #216AA6; left: 0; position: absolute; top: 2.2em; visibility: hidden; width: 180px; z-index: 54; }

/*  Submenu items  */
/*  #aMenu .subitem				{ border-color: #000000; border-style: solid; border-width: 0 1px; font-size: 0.85em; margin: 0; padding: 0; z-index: 54; }*/

#aMenu .subitem					{ border-color: #000000; border-style: solid; border-width: 0 1px; font-size: 1.1em; margin: 0; padding: 0; z-index: 54; }
#aMenu .subitem a				{ background: #216AA6; color: #ffffff; display: block; height: 100%; padding: 0 0.7em; white-space: nowrap; }
#aMenu .subitem a:hover			{ background: #4383CC; color: #e2e2e2; }
#aMenu .subitem:hover>ul		{ visibility: visible; }
#aMenu .subitem:hover>a			{ background: #4383CC; border-color: #000000; color: #e2e2e2; }
#aMenu .subitem a img			{ border: 0; margin: 0 0.5em 0 0; padding: 0; vertical-align: middle; }

/*  Sub-submenu  */

#aMenu .subitem>ul				{ background: #216AA6; left: 178px; position: absolute; top: 0; visibility: hidden; width: 180px; z-index: 55; }

/*  Sub-submenu items  */

#aMenu .ssitem					{ border-color: #000000; border-style: solid; border-width: 0 1px; z-index: 55; }
#aMenu .ssitemHeader			{ background-color: #; color: #; }

#aMenu .subitem>ul>.sep			{ z-index: 55; }

.settingsButtons 				{position: fixed; margin-left: 780px; padding: 5px; background: #216AA6;   -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; }



#cMenu							{ background: #ffffff; font-family: Tahoma, sans-serif; font-size: 10px; font-weight: bold; height: 1px; max-width: 180px;}
#cMenu a						{ outline: none; text-decoration: none; }
#cMenu a .more					{ display: block; font-size: 10px; font-weight: bold; margin-right: 5px; position: absolute; right: 0; top: 0; z-index: 9000; }
#cMenu ul						{ list-style: none; margin: 0; padding: 0; }
#cMenu li						{ position: relative; }
#cMenu ul ul > li:first-child	{ border-top: 1px solid #000000; }
#cMenu ul ul > li:last-child	{ border-bottom: 1px solid #000000; }
#cMenu iframe					{ background: red; border: 0; height: 100%; position: absolute; width: 100%; z-index: 900; }
#cMenu .sep						{ background: #; border-color: #000000; border-style: solid; border-width: 0 1px; height: 1px; margin: 0; z-index: 1004; }

/*  Main menu items  */

#cMenu .item					{ float: left; font-size: 1.0em; height: 2.2em; line-height: 2.2em; margin: 0; padding: 0; z-index: 903; }
#cMenu .item:hover>ul			{ visibility: visible; }
#cMenu .item:hover>a			{ background: #216AA6; border-color: #000000; color: #e2e2e2; }
#cMenu .item>a					{ background: #000066 url("../images/buttonMask.png"); border-right: 1px solid #333333; color: #216AA6; display: block; height: 100%; padding: 0 1em; text-decoration: none; }
#cMenu .item a:hover			{ background: #216AA6; border-color: #000000; color: #e2e2e2; }

/*  Submenu  */

#cMenu .item>ul					{ background: #ffffff; left: 0; position: absolute; top: 2.2em; visibility: hidden; width: 180px; z-index: 904; }

/*  Submenu items  */
/*  #cMenu .subitem				{ border-color: #000000; border-style: solid; border-width: 0 1px; font-size: 0.85em; margin: 0; padding: 0; z-index: 904; }*/

#cMenu .subitem					{ border-color: #000000; border-style: solid; border-width: 0 1px; font-size: 1.1em; margin: 0; padding: 0; z-index: 904; }
#cMenu .subitem a				{ background: #ffffff; color: #216AA6; display: block; height: 100%; padding: 0 0.7em; white-space: nowrap; }
#cMenu .subitem a:hover			{ background: #216AA6; color: #ffffff; }
#cMenu .subitem:hover>ul		{ visibility: visible; }
#cMenu .subitem:hover>a			{ background: #216AA6; border-color: #000000; color: #ffffff; }
#cMenu .subitem a img			{ border: 0; margin: 0 0.5em 0 0; padding: 0; vertical-align: middle; }

/*  Sub-submenu  */

#cMenu .subitem>ul				{ background: #ffffff; left: 178px; position: absolute; top: 0; visibility: hidden; width: 180px; z-index: 905; }

/*  Sub-submenu items  */

#cMenu .ssitem					{ border-color: #000000; border-style: solid; border-width: 0 1px; z-index: 905; }
#cMenu .ssitemHeader			{ background-color: #; color: #; }

#cMenu .subitem>ul>.sep			{ z-index: 905; }


.lblReconcile	{
font-size: 11px;
width: 90px;
float: left;
padding: 1px 0;
font-weight: bold;
}
.valReconcile	{
font-weight: bold;
font-size: 11px;
padding: 1px 0;
width: 90px;
float: left;
text-align: right;
}

.menuGrades { display:none; }

.newSearchBox {
display: none;
width: 300px;
background-color: #FFFAC8;
border: 1px solid #333;
}




.required {
color: #990000;
font-size: 15px;
}


a.customButton{
margin:2px;
width: auto;
text-decoration: none;
display: table;
border: 1px solid #979797;
color: #333;
background-color: #f4f4f4;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 5px;
font-size: 12px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;

}

a.customButton:hover{
background-color: #e2e2e2;
color: #000;
}

.picHeight50 {
max-height: 50px;
}

.picHeight75 {
max-height: 75px;
}

.picHeight125 {
max-height: 125px;
}

.picHeight12 {
max-height: 12px;
}



.btnSelect {
            padding: 3px 10px;
            border: 1px solid #333;
            font-weight: bold;
            background: url('images/buttonMask4.png');
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
}


.btnSelectDark {
            padding: 3px 10px;
            border: 1px solid #333;
            font-weight: bold;
            background-color: #333;
            color: #fff;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
}




/*background-color: #e2e2e2;*/
/*             background: url('images/buttonMask4.png'); */

/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------ pMenu -----------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


#pMenu							{ background: #216AA6; font-family: Tahoma, sans-serif; font-size: 13px; font-weight: bold; height: 1px; max-width: 155px; border: 0; }
#pMenu a						{ outline: none; text-decoration: none; }
#pMenu a .more					{ display: block; font-size: 10px; font-weight: bold; margin-right: 5px; position: absolute; right: 0; top: 0; z-index: 1; }
#pMenu ul						{ list-style: none; margin: 0; padding: 0; }
#pMenu li						{ position: relative; }

#pMenu iframe					{  border: 0; height: 100%; position: absolute; width: 100%; z-index: 1; }


/*  Main menu items  */

#pMenu .item					{ float: left; font-size: 1.0em; height: 2.2em; line-height: 2.2em; margin: 0; padding: 0; z-index: 1; border: 0;}
#pMenu .item:hover>ul			{ visibility: visible; }
#pMenu .item:hover>a			{ background: #216AA6; border-color: #216AA6; color: #e2e2e2; }

#pMenu .item>a					{ background-color: #216AA6;  border-right: 1px solid #216AA6; color: #ffffff; display: block; height: 100%; padding: 0 1em; text-decoration: none;

}

#pMenu .item a:hover			{ background: #216AA6; border-color: #216AA6; color: #e2e2e2; }

/*  Submenu  */

#pMenu .item>ul					{ background: #216AA6; left: 0; position: absolute; top: 2.2em; visibility: hidden; width: 155px; z-index: 1; }

/*  Submenu items  */
/*  #pMenu .subitem				{ border-color: #216AA6; border-style: solid; border-width: 0 1px; font-size: 0.85em; margin: 0; padding: 0; z-index: 1; }*/

#pMenu .subitem					{ border-color: #216AA6; border-style: solid; border-width: 0 1px; font-size: 1.1em; margin: 0; padding: 0; z-index: 1; }
#pMenu .subitem a				{ background: #216AA6; color: #e2e2e2; display: block; height: 100%; padding: 0 0.7em; white-space: nowrap; }
#pMenu .subitem a:hover			{ background: #e2e2e2; color: #216AA6; }
#pMenu .subitem:hover>ul		{ visibility: visible; }
#pMenu .subitem:hover>a			{ background: #e2e2e2; border-color: #216AA6; color: #216AA6; }
#pMenu .subitem a img			{ border: 0; margin: 0 0.5em 0 0; padding: 0; vertical-align: middle; }

/*  Sub-submenu  */

#pMenu .subitem>ul				{ background: #216AA6; left: 178px; position: absolute; top: 0; visibility: hidden; width: 155px; z-index: 1; }

/*  Sub-submenu items  */

#pMenu .ssitem					{ border-color: #216AA6; border-style: solid; border-width: 0 1px; z-index: 1; }
#pMenu .ssitemHeader			{ background-color: #; color: #; }

#pMenu .subitem>ul>.sep			{ z-index: 1; }

/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------ plMenu ----------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

<!--#plMenu							{-->
<!--background: #e3e3e3; font-family: Tahoma, sans-serif; font-size: 13px; font-weight: normal; height: 1px; max-width: 155px; border: 0;-->
<!---->
<!--}-->
#plMenu							{
-moz-appearance: button;
background-color: #f5f5f5;
box-sizing: border-box;

font: 400 13.3333px Arial;
padding: 0px 6px;
margin-top: 1px;
height: 28px;
font-size: 11px;
vertical-align: middle;
cursor: pointer;
outline: .1em solid #7e7e7e;
}


#plMenu a						{ outline: none; text-decoration: none;}
#plMenu a .more					{ display: block; font-size: 13px; font-weight: normal; margin-right: 5px; position: absolute; right: 0; top: 0; z-index: 50; }
#plMenu ul						{ list-style: none; margin: 0; padding: 0;}
#plMenu li						{ position: relative; }


#plMenu iframe					{  border: 0; height: 100%; position: absolute; width: 100%; z-index: 50;}


/*  Main menu items  */

#plMenu .item					{ float: left; font-size: 1.0em; height: 30px;margin-top: -2px; margin-left: -6px; margin-right: -6px; padding: 0; z-index: 51; border: 0;}
#plMenu .item:hover>ul			{ visibility: visible;  }
#plMenu .item:hover>a			{ border-color: #000000; color: #000000;}

#plMenu .item>a					{ color: #000000; display: block; height: 100%; padding: 0 1em; text-decoration: none; line-height: 2.8em;
}

#plMenu .item a:hover			{ border-color: #000000; color: #000000; }

/*  Submenu  */

#plMenu .item>ul					{ background: #000000; left: 0; position: absolute; top: 2.2em; visibility: hidden; width: 155px; z-index: 52; }

/*  Submenu items  */
/*  #plMenu .subitem				{ line-height: 2.2em; border-color: #e3e3e3; border-style: solid; border-width: 0 1px; font-size: 0.85em; margin: 0; padding: 0; z-index: 53; }*/

#plMenu .subitem					{ line-height: 2.2em; border-color: #e3e3e3; border-style: solid; border-width: 0 1px; font-size: 1.1em; margin: 0; padding: 0; z-index: 54; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000;}
#plMenu .subitem a				{ background: #e3e3e3; color: #000000; display: block; height: 100%; padding: 0 0.7em; white-space: nowrap; }
#plMenu .subitem a:hover			{ background: #BEBEBE; color: #000000;  font-weight: bold;}
#plMenu .subitem:hover>ul		{ visibility: visible;  font-weight: bold;}
#plMenu .subitem:hover>a			{ background: #BEBEBE; border-color: #e3e3e3; color: #000000;  font-weight: bold;}
#plMenu .subitem a img			{ border: 0; margin: 0 0.5em 0 0; padding: 0; vertical-align: middle; }

/*  Sub-submenu  */

#plMenu .subitem>ul				{ background: #e3e3e3; left: 178px; position: absolute; top: 0; visibility: hidden; width: 155px; z-index: 54; }

/*  Sub-submenu items  */

#plMenu .ssitem					{ border-color: #e3e3e3; border-style: solid; border-width: 0 1px; z-index: 54; }
#plMenu .ssitemHeader			{ background-color: #e3e3e3; color: #000000; }

#plMenu .subitem>ul>.sep			{ z-index: 55; }



/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------ plMenuLong ----------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


<!--#plMenuLong							{-->
<!--background: #e3e3e3; font-family: Tahoma, sans-serif; font-size: 13px; font-weight: normal; height: 1px; max-width: 155px; border: 0;-->
<!---->
<!--}-->

<!--#plMenuLong							{-->
<!---webkit-appearance: button;-->
<!---moz-appearance: button;-->
<!--appearance: button;-->
<!---webkit-writing-mode: horizontal-tb !important;-->
<!--text-rendering: auto;-->
<!--color: buttontext;-->
<!--letter-spacing: normal;-->
<!--word-spacing: normal;-->
<!--text-transform: none;-->
<!--text-indent: 0px;-->
<!--text-shadow: none;-->
<!--display: inline-block;-->
<!--text-align: left;-->
<!--align-items: flex-start;-->
<!--background-color: buttonface;-->
<!--box-sizing: border-box;-->
<!--margin: 0em;-->
<!--font: 400 13.3333px Arial;-->
<!--padding: 1px 6px;-->
<!--border-width: 2px;-->
<!--border-style: outset;-->
<!--border-color: buttonface;-->
<!--border-image: initial;-->
<!---->
<!--height: 30px;-->
<!--font-size: 11px;-->
<!--vertical-align: middle;-->
<!--cursor: pointer;-->
<!--}-->

#plMenuLong							{
-moz-appearance: button;
background-color: #f5f5f5;
box-sizing: border-box;

font: 400 13.3333px Arial;
padding: 0px 6px;
margin-top: 1px;
height: 29px;
font-size: 11px;
vertical-align: middle;
text-align: left;
cursor: pointer;
outline: .1em solid darkgray;
}

#plMenuLong a						{ outline: none; text-decoration: none;}
#plMenuLong a .more					{ display: block; font-size: 13px; font-weight: normal; margin-right: 5px; position: absolute; right: 0; top: 0; z-index: 2; }
#plMenuLong ul						{ list-style: none; margin: 0; padding: 0;}
#plMenuLong li						{ position: relative; }


#plMenuLong iframe					{  border: 0; height: 100%; position: absolute; width: 100%; z-index: 2;}


/*  Main menu items  */

#plMenuLong .item					{ float: left; font-size: 1.0em; height: 30px;margin-top: -2px; padding: 0; z-index: 2; border: 0; }
#plMenuLong .item:hover>ul			{ visibility: visible;  }
#plMenuLong .item:hover>a			{ border-color: #000000; color: #000000;}

#plMenuLong .item>a					{ color: #000000; display: block; height: 100%; padding: 0 1em; text-decoration: none; line-height: 2.8em; width: 200px;}

#plMenuLong .item a:hover			{ border-color: #000000; color: #000000; }

/*  Submenu  */

#plMenuLong .item>ul					{ background: #000000; left: 0; position: absolute; top: 2.2em; visibility: hidden; width: 320px; z-index: 2; }

/*  Submenu items  */
/*  #plMenuLong .subitem				{ line-height: 2.2em; border-color: #e3e3e3; border-style: solid; border-width: 0 1px; font-size: 0.85em; margin: 0; padding: 0; z-index: 2;}*/

#plMenuLong .subitem					{ line-height: 2.2em; border-color: #e3e3e3; border-style: solid; border-width: 0 1px; font-size: 1.1em; margin: 0; padding: 0; z-index: 2; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000;}
#plMenuLong .subitem a				{ background: #e3e3e3; color: #000000; display: block; height: 100%; padding: 0 0.7em; white-space: nowrap; }
#plMenuLong .subitem a:hover			{ background: #BEBEBE; color: #000000;  font-weight: bold;}
#plMenuLong .subitem:hover>ul		{ visibility: visible;  font-weight: bold;}
#plMenuLong .subitem:hover>a			{ background: #BEBEBE; border-color: #e3e3e3; color: #000000;  font-weight: bold;}
#plMenuLong .subitem a img			{ border: 0; margin: 0 0.5em 0 0; padding: 0; vertical-align: middle; }

/*  Sub-submenu  */

#plMenuLong .subitem>ul				{ background: #e3e3e3; left: 178px; position: absolute; top: 0; visibility: hidden; width: 155px; z-index: 2; }

/*  Sub-submenu items  */

#plMenuLong .ssitem					{ border-color: #e3e3e3; border-style: solid; border-width: 0 1px; z-index: 2; }
#plMenuLong .ssitemHeader			{ background-color: #e3e3e3; color: #000000; }

#plMenuLong .subitem>ul>.sep			{ z-index: 2; }


table th {padding: 0;}
table td {padding: 0;}

.fadingMessage      {
                        font-weight: 900;
                        border: solid 2px #333;
                        padding: 15px;
                        border-radius: 10px;
                        -moz-box-shadow: 3px 3px 4px #000;
                        -webkit-box-shadow: 3px 3px 4px #000;
                        box-shadow: 3px 3px 4px #000;
                        color: #333;
                        background-color: #E5F2E8;
                    }

.storeMessage { position: fixed; display: none; z-index: 5001; margin-left: 250px; }


.seat {order: 2px solid #333; background-color: #fff; background-image: url(https://beta.praxischool.com/images/seatting_chart_title2.png); background-repeat:repeat-x; }




/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------ autocomplete ----------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
.ui-autocomplete { max-height: 200px !important; overflow-y: scroll !important; overflow-x: hidden !important;}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------ aw-grid ---------------------------------------*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
.aw-grid-separator {z-index: 1 !important;}