body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#f0f0f0;
}

.tab_link_bg
{
	background-image:url(../images/tab_bg.gif); background-repeat:repeat-x;
}
.tab_link_bg:hover
{
	background-image:url(../images/tab_over_bg.gif); background-repeat:repeat-x;
}
.tab_link_bg_hi
{
	background-image:url(../images/tab_hi_bg.gif); background-repeat:repeat-x;
}
.tab_link
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.tab_link:hover
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.tab_link_hi
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.side_bg
{
    background-color:#000000;
}
.main_bg
{
    background-color:#eaeaea;
    margin-right: 99px;
}
.dashboard_bg
{
    background-color:#c7c7c7; border:1px solid #FFFFFF;
}
.side_box_bg
{
    background-color:#e6e6e6;
}
.side_box_link_bg
{
    background-color:#e6e6e6;
}
.side_box_link_bg:hover
{
    background-color:#FFE07B;
}
.side_box_line
{
    background-color:#f0f0f0;
}
.popup_bg
{
    background-color:#e6e6e6; border:1px solid #90b4e5;
}
.popup_header_TR{
    background-color:#c5d9f2; background-image:url(../images/header_pixel_001.gif); background-position:top; background-repeat:repeat-x; height:24px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #121212; FONT-FAMILY: Tahoma; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; TEXT-DECORATION: none; 
}

.side_box_heading
{
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none; padding-top:6px; padding-left:3px;
}
.side_box_link
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.side_box_link:hover
{
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline;
}
.submit_bt
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; width:57px; height:22px; FONT-FAMILY:Tahoma; TEXT-DECORATION: none; background-image:url(../images/pixel_003.gif); background-repeat:repeat-x; border:1px solid #6d6d6d; background-color:#000000;
}
.submit_btbig
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; width:157px; height:22px; FONT-FAMILY:Tahoma; TEXT-DECORATION: none; background-image:url(../images/pixel_003.gif); background-repeat:repeat-x; border:1px solid #6d6d6d; background-color:#000000;
}
.main_box_heading
{
    FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FFFFFF; FONT-FAMILY: Arial; TEXT-DECORATION: none;
}
.dashboard_box_bg
{
    border:1px solid #cecece; background-color:#e2e2e2;
}
.field_main_box_bg
{
    border:1px solid #dfdfdf; background-color:#f0f0f0;
}
.field_box_bg
{
    background-color:#eaeaea;
}
.score_box_bg
{
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial; text-align:center; TEXT-DECORATION: none; background-image:url(../images/small_box.gif); background-repeat:no-repeat; background-position:center;
}
.grid_submit_bt
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; width:57px; height:20px; FONT-FAMILY:Tahoma; TEXT-DECORATION: none; background-image:url(../images/pixel_003.gif); background-repeat:repeat-x; border:1px solid #6d6d6d; background-color:#000000;
}
.bodytxt_yellow
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffc000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:2px;
}
.bodytxt_yellow_b
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffc000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:2px;
}
.bodytxt_red
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ca0000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:2px;
}
.bodytxt_red_b
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ca0000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:2px;
}
.bodytxt_gray
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #a2a2a2; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:2px;
}
.bodytxt_white
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:2px;
}
.bodytxt_white_b
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:2px;
}
.bodytxt_black
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:2px;
}
.bodytxt_black_b
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:2px;
}
.username
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFC600; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.footertxt_gray
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #545454; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}

.inputstyle 
{
	BORDER-RIGHT: #cacaca 1px solid; BORDER-TOP: #cacaca 1px solid; BORDER-LEFT: #cacaca 1px solid; BORDER-BOTTOM: #cacaca 1px solid; WIDTH:140px; FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Tahoma; text-indent:2px; BACKGROUND-COLOR: #FFFFFF;
}
.inputstyle1 
{
	BORDER-RIGHT: #B0A47C 1px solid; BORDER-TOP: #B0A47C 1px solid; BORDER-LEFT: #B0A47C 1px solid; BORDER-BOTTOM: #B0A47C 1px solid; WIDTH: 145px; FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Tahoma; text-indent:2px; BACKGROUND-COLOR: #F3F3F3;
}
.inputstyle2 
{
	BORDER-RIGHT: #B0A47C 1px solid; BORDER-TOP: #B0A47C 1px solid; BORDER-LEFT: #B0A47C 1px solid; BORDER-BOTTOM: #B0A47C 1px solid; WIDTH: 144px; FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Tahoma; text-indent:2px; BACKGROUND-COLOR: #F3F3F3;
}
.inputstyle3 
{
	BORDER-RIGHT: #a8acb7 1px solid; BORDER-TOP: #a8acb7 1px solid; BORDER-LEFT: #a8acb7 1px solid; BORDER-BOTTOM: #a8acb7 1px solid; WIDTH: 140px; FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #6d6d6d;
}
.login_link
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.login_link:hover
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline;
}
.link
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #3A3527; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.link:hover
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #3A3527; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.link1
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.link1:hover
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffd200; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.TD_border
{
	border:1px solid #cdcdcd;
}
.TD_row
{
	background-color:#000000;
}
.TD_red
{
	background-color:#F74A4A;
}
.TD_blue
{
	background-color:#73A5D6;
}
.TD_yellow
{
	background-color:#EFC66B;
}
.TD_green
{
	background-color:#66CC66;
}
.TD_aqua
{
	background-color:#00beb7;
}
.TD_purple
{
	background-color:#EAD4D4;
}


.gvHeader
{
		background-image:url(../images/pixel_004.gif); background-repeat:repeat-x; background-position:bottom; height:26px;
      	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:5px;
}


.grid_heading_bg
{
	background-image:url(../images/pixel_004.gif); background-repeat:repeat-x; background-position:bottom; height:26px;
    /*  */
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:5px;text-align:left;
}
.grid_heading_bgsr
{
	background-image:url(../images/pixel_004.gif); background-repeat:repeat-x; background-position:bottom; height:26px;
    /*  */
    FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:5px;text-align:left;
	Z-INDEX: 10; POSITION: relative; TOP: expression(this.offsetParent.scrollTop);
}
.grid_heading_txt
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:5px;
}
.grid_heading_txt_freeze
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:5px; Z-INDEX: 10; POSITION: relative; TOP: expression(this.offsetParent.scrollTop);
}
.grid_heading_link_txt
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline; text-indent:5px;
}
.grid_heading_link_txt:hover
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0087cd; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline; text-indent:5px;
}
.grid_link_txt
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #0087cd; FONT-FAMILY: Tahoma; text-indent:5px; TEXT-DECORATION: underline;
}
.grid_link_txt:hover
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; text-indent:5px; TEXT-DECORATION: underline;
}
.grid_txt
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:5px;
}
.grid_row_bg
{
	background-color:#f0f0f0; border-bottom:1px solid #e3e3e3; height:22px;
	/* */
   FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #151B54; FONT-FAMILY: arial; TEXT-DECORATION: none;
}
.grid_row_bg1
{
	background-color:#e4e4e4; border-bottom:1px solid #d6d6d6; height:22px;
	/* */
  FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #151B54; FONT-FAMILY: arial; TEXT-DECORATION: none;
}
.grid_heading_bg1
{
	background-image:url(../images/header_pixel_003.gif); background-repeat:repeat-x; background-position:bottom; height:26px;
}
.grid_heading_bg2
{
	background-image:url(../images/header_pixel_003.gif); background-repeat:repeat-x; background-position:top; height:26px;valign:top;
}
.grid_heading_txt1
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #d7ddec; FONT-FAMILY: Verdana; TEXT-DECORATION: none; text-indent:5px;
}
.grid_heading_link_txt1
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #d7ddec; FONT-FAMILY: Verdana; TEXT-DECORATION: underline; text-indent:5px;
}
.grid_heading_link_txt2
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #d7ddec; FONT-FAMILY: Verdana; text-indent:5px;
}
.grid_heading_link_txt1:hover
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffcc00; FONT-FAMILY: Verdana; TEXT-DECORATION: underline; text-indent:5px;
}
.link2
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;
}
.bodytxt_black_b
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:2px;
}
.alert_bg_yellow
{
    background-color:#f9edb3; border:1px dashed #ffbe4d;
}
.alert_bg_blue
{
    background-color:#d6e6f6; border:1px dashed #87b1dc;
}
.master_link_txt
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline; text-indent:5px;
}
.master_link_txt:hover
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline; text-indent:5px;
}


/* tab pane styling */
.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:1;
	font-size:14px;
	/*background-color:#fff;
	*/
	 background-color:#eaeaea;
}


#topbar{
position:absolute;
/*
border: 1px solid black;
background-color: lightyellow;
*/
padding: 2px;
width: 620px;
visibility: hidden;
z-index: 100;
}


div.calendar
{
  font-size: smaller;
  color: #000;
  width:15px;
  max-width: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top:25px
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}

    .collapsePanel {
	
	background-color:white;
	overflow:hidden;
}
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: Lime;
    color: red;
}





div.calendar
{
  font-size: smaller;
  color: #000;
  width:10px;
  height:20px;
  max-width: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top:25px
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  cursor: pointer;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}

.Link1 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: midnightblue; FONT-FAMILY: arial; TEXT-DECORATION: underline
}

.Link1:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: arial; TEXT-DECORATION: underline
}

.grid_heading_bgDB
{
	background-image: url(../images/header_pixel_003.gif); background-repeat: repeat-x; background-position: top; background-color:#455270; height: 26px; valign: top;
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:5px;text-align:left;WHITE-SPACE: nowrap;
	Z-INDEX: 10; POSITION: relative; TOP: expression(this.offsetParent.scrollTop);

}
.grid_heading_bgDB1
{
	background-image: url(../images/header_pixel_003.gif); background-repeat: repeat-x; background-position: top; background-color:#455270; valign: top;
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:5px;text-align:left;
}
.link3
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline; text-indent:5px;
}
.link3:hover
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; text-indent:5px;
}
.training_link_txt
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline; padding-left:5px;
}
.training_link_txt:hover
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; padding-left:5px;
}

.link4
{
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline; padding-left:5px;
}
.link4:hover
{
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; padding-left:5px;
}
.wel_username
{
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Segoe UI; TEXT-DECORATION: none; text-indent:2px;
}
.wel_datetime
{
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #620900; FONT-FAMILY: Segoe UI; TEXT-DECORATION: none; text-indent:2px; line-height:30px;
}
.heading1
{
	FONT-WEIGHT: bold; FONT-SIZE: 30px; COLOR: #916a00; FONT-FAMILY: Segoe UI; TEXT-DECORATION: none; text-indent:2px;
}
.heading2
{
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Segoe UI; TEXT-DECORATION: none; text-indent:2px;
}
#chart {
  height: 340px;
}

#p5barchart {
  height: 340px;
}