html {overflow-y: scroll;}

body
{
	FONT-FAMILY: Segoe UI, Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.mainbody
{
	width:1024px;
}


.fadein
{
//	opacity: 0;
//	display: none;
	
	transition: all 0.3s linear;
}

.fadeout
{
	opacity: 1;
	transition: all 0.1s linear;
}

hr {
    border: 1px;
    height: 2px;
	
	color: silver;
	background-color: whitesmoke;
    //background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
}

@media screen and (min-width: 1200px) {
  .mainbody {
    width: 1160px;
  }
}


@media screen and (min-width: 1400px) {
  .mainbody {
    width: 1360px;
  }
}

@media screen and (min-width: 1600px) {
  .mainbody {
    width: 1560px;
  }
}
@media screen and (min-width: 1900px) {
  .mainbody {
    width: 1860px;
  }
}

a:hover
{
	color: #0000FF;
    TEXT-DECORATION: none;
	//font-family: Tahoma;
	font-size: 0.9em;
	//font-weight: 700;
}


.loginframe
{
//	position: fixed;
//	top: 30vh;
	
//	left: 50vw;
	//margin-left: -400px; /* Half of the width */

	width:800px;

	margin: auto;
	margin-top:auto;
}

.whiteframe
{
	background: white;
	//border:1px solid grey;
	border-top: none;
	color: black;
	padding: 0px;
	
//	box-shadow: 3px 3px 10px #888888;
}

.dialogframe
{
	background: white;
	border:1px solid grey;
	border-top: none;
	color: black;
	padding: 18px;
	
	box-shadow: 8px 8px 40px #111111;
	border-radius: 8px;
}


.bluebutton
{
	text-decoration: none;	
	background-color: #5499F9;
	border: 0px solid #2222cc;
	color: white;
	padding: 8px;
	cursor: pointer;
	text-align: center;
	width: 80px;
	font-weight: bold;
	
	border-collapse: separate;
	border-radius: 8px !important;
}

.bluebutton2
{
	text-decoration: none;	
	background-color: #99C5F7;
	border: 0px solid #2222cc;
	color: white;
	padding: 8px;
	cursor: pointer;
	text-align: center;
	width: 80px;
	font-weight: bold;
	
	border-collapse: separate;
	border-radius: 8px !important;
}

A.bluebutton {text-decoration: none;FONT-WEIGHT: bold;color: white;}
A.bluebutton:link {text-decoration: none;FONT-WEIGHT: bold;color: white; }
A.bluebutton:visited {text-decoration: none;FONT-WEIGHT: bold;color: white;}
A.bluebutton:hover {text-decoration: none;FONT-WEIGHT: bold;color: white; background:#06F;}
A.bluebutton:active {text-decoration: none;FONT-WEIGHT: bold;color: white;}


.redbutton
{
	text-decoration: none;
	background-color: #F47770;//rgb(244, 91, 79);
	//border-color: rgb(255, 255, 255);
	//border:1px solid #cc4444;
	color: white;

	padding: 8px 8px 8px 8px;
	cursor: pointer;
	text-align: center;

	border-collapse: separate; 
	border-radius: 8px !important;
}

A.redbutton {text-decoration: none;FONT-WEIGHT: bold;color: white;}
A.redbutton:link {text-decoration: none;FONT-WEIGHT: bold;color: white; }
A.redbutton:visited {text-decoration: none;FONT-WEIGHT: bold;color: white;}
A.redbutton:hover {text-decoration: none;FONT-WEIGHT: bold;color: white; background:#F2B7AE;}
A.redbutton:active {text-decoration: none;FONT-WEIGHT: bold;color: white;}


.redlink
{
	text-decoration: none;
	background-color: whitesmoke;
	border: 1px solid silver;

	padding: 2px 8px 2px 8px;
	cursor: pointer;
	text-align: center;

	border-radius: 4px !important;
	
	color: red;
}

A.redlink {text-decoration: none;FONT-WEIGHT: normal;color: red;}
A.redlink:link {text-decoration: none;FONT-WEIGHT: normal;color: red; }
A.redlink:visited {text-decoration: none;FONT-WEIGHT: normal;color: red;}
A.redlink:hover {text-decoration: none;FONT-WEIGHT: normal;color: red; background:#F2B7AE;}
A.redlink:active {text-decoration: none;FONT-WEIGHT: normal;color: red;}

.Grid {background-color: white; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; xfont-family:Calibri; color: #474747;}
.Grid td {
      padding: 4px;
      border: solid 1px #c1c1c1; }
.Grid th  {
      padding : 4px;
      color: #fff;
      background: #363670 url(Images/grid-header.png) repeat-x top;
      border-left: solid 1px #525252;
      font-size: 0.9em; }
.Grid .alt {
      background: #fcfcfc url(Images/grid-alt.png) repeat-x top; }
.Grid .pgr {background: #363670 url(Images/grid-pgr.png) repeat-x top; }
.Grid .pgr table { margin: 3px 0; }
.Grid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
.Grid .pgr a { color: Gray; text-decoration: none; }
.Grid .pgr a:hover { color: #000; text-decoration: none; }







.offwhite label {
    display: block;
    margin: 0px 0px 5px;
}
.offwhite label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E;
}
.offwhite input[type="text"], .offwhite input[type="email"], .offwhite textarea, .offwhite select {
    color: #555;
    height: 30px;
    line-height:15px;
    width: 100%;
    padding: 0px 0px 0px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
}
.offwhite textarea{
    height:100px;
    padding-top: 10px;
}
.offwhite select {
    background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none; 
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width:100%;
    height:30px;
}
.offwhite .button {
    background-color: #9DC45F;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
}











.NewGrid
{
	background-color: white;
	padding: 16px; 
	border: solid 1px #DDDDDD; 
	border-collapse:collapse;
	xfont-family:Calibri;
}

.NewGrid tr
{
	cursor: pointer;
	transition: all 0.05s linear;
}

.NewGrid tr:hover
{
	background-color: #DDEEFF;
}

.NewGrid td {
      padding: 8px;
	  background-color: transparent;
      //border: solid 1px #c1c1c1;
	  }
.NewGrid th  {
      padding : 8px 8px;
      color: #fff;
      font-size: 0.9em; }
	  /*
.NewGrid .alt {
      background: #fcfcfc url(Images/grid-alt.png) repeat-x top; }
.NewGrid .pgr {background: #363670 url(Images/grid-pgr.png) repeat-x top; }
.NewGrid .pgr table { margin: 3px 0; }
.NewGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
.NewGrid .pgr a { color: Gray; text-decoration: none; }
.NewGrid .pgr a:hover { color: #000; text-decoration: none; }*/



.NewInput {background-color: white; padding: 16px; border: solid 1px #DDDDDD; border-collapse:collapse; xfont-family:Calibri;}

.NewInput td {
      padding: 8px;
	  background-color: transparent;
      //border: solid 1px #c1c1c1;
	  }
.NewInput th  {
      padding : 8px 8px;
      color: #fff;
//      background: #363670 url(Images/grid-header.png) repeat-x top;
//      border-left: solid 1px #525252;
      font-size: 0.9em; }
.NewInput .alt {
      background: #fcfcfc url(Images/grid-alt.png) repeat-x top; }
.NewInput .pgr {background: #363670 url(Images/grid-pgr.png) repeat-x top; }
.NewInput .pgr table { margin: 3px 0; }
.NewInput .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  
.NewInput .pgr a { color: Gray; text-decoration: none; }
.NewInput .pgr a:hover { color: #000; text-decoration: none; }



a:visited { 
	color: #0000FF;
    TEXT-DECORATION: none;
	xfont-family: Tahoma;
	font-size: 0.9em;
}
a:active { 
	color: #0000FF;
    TEXT-DECORATION: none;
	xfont-family: Tahoma;
	font-size: 0.9em;
}

a:link { 
	color: #0000FF;
    TEXT-DECORATION: none;
	xfont-family: Tahoma;
	font-size: 0.9em;
}

.EliteText {
	font-family: verdana;
	font-size: 1em;
}

.MainTitle {
	xfont-family: Arial;
	font-size: 20pt;
	color: #0000FF;
	font-weight: 700;
}

.EliteSubHead {
	xfont-family: verdana;
	font-size: 1.2em;
	font-weight: 700;
	color: #000000;
	text-align: left;
}

.TableEliteMenu{
	xfont-family: verdana;
	//font-size: 10pt;
	font-weight: 300;
	color: #000000;
	text-align: left;
	border-width: 1px 1px 1px 1px;
	//padding: 5px 5px 5px 5px;
	border-color: gray gray gray gray;
	background-color: transparent;
	//-moz-border-radius: 3px 3px 3px 3px;	
}

.TableEliteMenu a
{
	font-weight: bold;
}

.EliteButton
{
	xfont-family: Tahoma;
	font-size: 10pt;
	font-weight: 700;	
}

.EliteAlert
{
	background-color: #FFFF00;
}

.EliteSmallText {

	xfont-family: Tahoma;
	font-size: 11pt;
}

.EliteNormalText {

	xfont-family: verdana;
	//font-size: 10pt;
}

.EliteSmallHeader {
	xfont-family: Tahoma;
	font-size: 11pt;
	background-color: #CCCCCC;
}

.flatbutton { 
	background-color: #7A9BF4;
	//#5499F9;
	//font-family: verdana;
	
	font-weight: bold;
	font-size: 10px;
	border: 0px solid #2222cc;
	color: white;
	border-radius: 8px;
	padding: 8px !important;
	
	cursor: pointer;
}

.greybutton { 
	background-color: whitesmoke;
	//font-family: verdana;
	font-size: 10px;
	border: 0px solid #2222cc;
	color: black;
	border-radius: 8px !important;
	padding: 8px !important;
	
	cursor: pointer;
}

.flatnoborderbutton
{ 
	background-color: whitesmoke;//rgb(255, 255, 255);
	xfont-family: verdana;
	border: 1px solid silver;
	font-size: 0.9em;
	color: black;
}

select
{
	padding: 4px;
	border-radius: 4px;
	border: 1px solid silver;
}

input
{
	padding: 4px;
	border-radius: 4px;
	border: 1px solid silver;
}

.option
{
	padding: 4px;
}

.flat input
{
	font-size: 10pt;
}

.flat input[type="text"], .flat input[type="email"], .flat textarea, .flat select
{

	border-radius: 4px;
	border: 1px solid silver;
	padding: 4px;
}

.flat select
{
	background: white;
	color: #222222;
	font-size: 10pt;
	
	padding: 4px;
	border-radius: 4px;
	
	border: 1px solid silver;
}
.flat radio { background: #ffffff; color: #222222; font-size: 10pt}

.flat textarea
{
	background: white; color: #222222; font-size: 10pt;
	padding: 8px;
}

.flat option
{
	color: #222222;
	font-size: 10pt;
	padding: 4px;
}

.flat checkbox{ background: #ffffff; color: #222222; font-size: 10pt}
.flat table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: hidden hidden hidden hidden;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	xfont-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
}
.flat table th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: gray gray gray gray;
	background-color: rgb(250, 250, 250);
	-moz-border-radius: 3px 3px 3px 3px;
	xfont-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
}
.flat table td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: gray gray gray gray;
	-moz-border-radius: 3px 3px 3px 3px;
	xfont-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
}

.blackborder { }
.buttonstyle
{
	xfont-family: Verdana;
	font-size: 10px; font-weight: bold; color: white; background-color: #888888; }

.EliteTSText {
	xfont-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.EliteQuestionText {

	xfont-family: Verdana, Arial, Helvetica, sans-serif;
	//font-weight: 700;
	font-size: 10pt;
}
.EliteAnswerText {

	xfont-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
}

.TableSubHeader
{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;

	border-color: gray gray gray gray;
	background-color: rgb(215, 241, 255);
	-moz-border-radius: 3px 3px 3px 3px;
}

.TableNoticeHeader
{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: gray gray gray gray;
	background-color: rgb(248, 253, 255);
	-moz-border-radius: 3px 3px 3px 3px;
}

.TableBlankCell
{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: hidden hidden hidden hidden;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 255);
	-moz-border-radius: 3px 3px 3px 3px;
}

.TableNormalCell
{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: gray gray gray gray;
	-moz-border-radius: 3px 3px 3px 3px;
	xfont-family: verdana;
	//font-size: 0.9em;//10pt;
	padding: 4px;
}

.TableNormalCellWhite
{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 255);
	-moz-border-radius: 3px 3px 3px 3px;
	xfont-family: verdana;
	//font-size: 10pt;	
}

.TableOverdueCell
{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: hidden hidden hidden hidden;
	border-color: gray gray gray gray;
	background-color: rgb(255, 0, 0);
	-moz-border-radius: 3px 3px 3px 3px;
}

.TableDueSoonCell
{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: hidden hidden hidden hidden;
	border-color: gray gray gray gray;
	background-color: rgb(255, 153, 0);
	-moz-border-radius: 3px 3px 3px 3px;
}

.TableDueCell
{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: hidden hidden hidden hidden;
	border-color: gray gray gray gray;
	background-color: rgb(0, 255, 0);
	-moz-border-radius: 3px 3px 3px 3px;
}

table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-color: gray gray gray gray;
	border-collapse: collapse;
}
table th {
	border-width: 1px 1px 1px 1px;
	padding: 8px 8px 8px 8px;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 3px 3px 3px 3px;
}
table td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-color: gray gray gray gray;
	-moz-border-radius: 3px 3px 3px 3px;
}
.HSLink {
	xfont-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}


.submenu
{
	display: table;
	height: 100%;
    width: 100%;
	vertical-align: middle;
	transition: all 0.1s linear;
	
	border-radius: 4px;
}

.submenu:hover
{
	background-color: #f0f0f0;
}

A.asubmenu
{
	display: table-cell;
	padding: 8px 12px 8px 12px;
	height: 100%;
	width: 100%;
    //FONT: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	//font-size: 0.9em;
	font-size: 10pt;
    TEXT-DECORATION: none
    COLOR: #0000cc;
}

A.asubmenu:hover
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.asubmenu:link
{
    //FONT: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
    COLOR: #0000cc;
    TEXT-DECORATION: none
}



.controlerror
{
	position:relative;
}

.controlerror:after
{
	content: url(./images/validation24.png);
	
	position: absolute;
	right: -5px;
	opacity: 0.7;
}

.bubblepanel
{
	padding: 12px;
	background-color: whitesmoke;
	border-radius: 12px;
}

.bubblereply
{
	background-color: #EEFFEE;
}

.tcelldisabled
{
	color: #aaaaaa;
}
.theading
{
	background-color: whitesmoke;
	padding: 8px !important;
	
	border-top: 0px solid white !important;
	border-bottom: 2px solid silver !important;
}

.theadingsortable
{
	cursor: pointer !important;
	font-weight: bold;
}

.sortAscending
{
	border-bottom: 2px solid black !important;
	position:relative;
}

.sortAscending:after
{
	content: ' \2191';	
	color: black;
	position: absolute;
	right: 5px;
}

.sortDescending
{
	border-bottom: 2px solid black !important;
	position:relative;
}

.sortDescending:after
{	
	content: ' \2193';
	color: black;
	position: absolute;
	right: 5px;
}


.trowselected
{
	background-color: #DDEEFF !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.vertical
{
	vertical-align: middle;
}

.popup
{
	background-color: white;
	
	border: 1px solid silver;
	border-radius: 8px;
	padding: 8px;
	
	box-shadow: 4px 4px 6px #aaaaaa;
}

.popupitem
{
	border-bottom: 1px solid whitesmoke;
	background-color: white;
	padding: 8px;
	cursor: pointer;
}

.popupitem:hover
{
	background-color: whitesmoke;
}

tr.TableNormalCell
{
	
}

tr.TableNormalCell:hover
{
	background-color: #F9F9F9;
}

tr.EliteNormalText:hover
{
	background-color: #F9F9F9;
}