H1 {page-break-before:always}

  body, input, select, textarea { font-family:arial; font-size:12px; }
  .right {text-align: right;}
  .top, .bottom {padding-top: 3px; padding-bottom: 23px; border: none; background-color: #ffffff;}
  .left  {text-align: left;}
  .center {text-align: center;}
  .data0  {font-family:arial; font-size:12px;	text-align: left;	}
  .data0c {font-family:arial; font-size:12px;	text-align: center;	}
  .data0r {font-family:arial; font-size:12px;	text-align: right;	}
  .data0b {font-family:arial;	font-weight: bold;font-size:12px;text-align: right;}
  .data0bc {font-family:arial;	font-weight: bold;font-size:12px;text-align: center;}
  .data0bl {font-family:arial;	font-weight: bold;font-size:12px;text-align: left;}
	.data1 {background-color: #AEFFDE; font-size: xx-small; font-family: arial;}
	.data1bm {background-color: #AEFFDE; font-size: medium; font-family: arial; font-weight: bold;}
	.data1 {background-color: #AEFFDE; font-size: xx-small; font-family: arial;}
	.data1bm {background-color: #AEFFDE; font-size: medium; font-family: arial; font-weight: bold;}
	.data2 {background-color: #FFFF00; font-size: small; font-family: arial; font-weight: bold;}
	.data3 {color: #0000FF; font-size: small; font-family: arial; font-weight: bold;}
	.data3L {color: #0000FF; font-size: large; font-family: arial; font-weight: bold;}
	.data4 {color: #FE3C00; font-size: large; font-family: arial; font-weight: bold;}
	.data4m {color: #FE3C00; font-size: medium; font-family: arial; font-weight: bold;}
	.data5 {background-color: #FFFF66; font-size: xx-small; font-family: arial; font-weight: bold;}
	.divider{background-color: #A8A8A8;}
	.table-header{background-color: #A8A8A8; font-size: 16px; font-family: arial; font-weight: bold; text-align: center;}
	.data6 {background-color: #E2FBFC; font-size: 12px; font-family: arial;}
	.data7 {background-color: #FCFAE2; font-size: 12px; font-family: arial;}
	.data8 {font-size: x-small; font-family: arial;}
	.data9 {color: #0000FF; background-color: #FFFF66; font-size: x-small; font-family: arial; font-weight: bold;}
	.data10 {background-color: #E2FBFC; font-size: x-small; font-family: arial;}
	.data11 {background-color: #FCFAE2; font-size: x-small; font-family: arial;}
	.c1 {background-color: #E2FBFC; font-size: x-small; font-family: arial;}
	.c2 {background-color: #FCFAE2; font-size: x-small; font-family: arial;}
	.data10b {background-color: #E2FBFC; font-size: small; font-family: arial; font-weight: bold;}
	.data11b {background-color: #FCFAE2; font-size: small; font-family: arial; font-weight: bold;}
	.data12b {background-color: #FF6633; font-size: small; font-family: arial; font-weight: bold;}
	.data13 {color: #FFFFFF; background-color: #00AAAA; font-size: 12px; font-family: arial; font-weight: bold;}
	.data13l {color: #FFFFFF; background-color: #00AAAA; font-size: 16px; font-family: arial; font-weight: bold;line-height: normal;}
	.section-header {background-color: #E2FBFC; color: rgb(0,0,156); font-size: 16px; font-family: Arial; font-weight: bold;}
  .section-header-rpt {text-align:center;background-color: #E2FBFC; color: rgb(0,0,156); font-size: 22px; font-family: Arial; font-weight: bold;margin-bottom:20px;padding:3px;}
	.page-header {color: #0000FF; font-size: 22px; font-family: Arial; font-weight: bold;}
	.error {color: #FF0000; font-size: 18px; font-family: Arial; font-weight: bold;}
h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.1em;
	color: #4E6CA3;
	clear: both;
}
#ftlnk a:link,
#ftlnk a:visited
{ 
  display: block;
  font-size: 12px; 
  text-decoration: none;
  color: #ffffff; 
  background: #336699; 
  padding: 2px;
  font-weight: bold;
  font-family: arial;
}

#ftlnk a:hover, 
#ftlnk a:active
{ 
  color: #ffcd00; 
  background: #006699; 
}

.m0l0o {
	text-decoration: none;
	margin: 0px;
	font-size: 12px;
	border: 1px solid #ffffff;
}

.m0l1o {
	text-decoration: none;
	margin: 0px;
	font-size: 12px;
	border: 1px solid #ffffff;
}

.m0l0i {
	padding: 2px;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
}

.m0l1i {
	padding: 2px;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
}

/* Style for a block - TABLE */
.mtable {
	border: none;
	background: white;
}
/* Style for outer tag, mout (mouse out) state */
.mouter {
	background: #CEDBE7;
}
/* Style for inner tag, mover (mouse over) state */
.minner {
}

/* rollover effect for blue menu */
.m1table2 {
	border: 1px outset #84B2C6;
}
.m1out2 {
	border: none;
	color: #777777;
	background: #336699;
}
.m1over2 {
	border: none;
	color: #ffcd00;
	background: #66C0EA;
}

.m1down2 {
	border: none;
	color: #ffffff;
	background: #336699;
}

/* rollover effect for gold menu */
.m2table2 {
	border: 1px outset #C6AA42;
}
.m2out2 {
	background: #FFCB63;
}
.m2over2 {
	background: #FFE77B;
}

/* item text */
.minner2 {
	font: bold 11px tahoma, verdana, arial;
	color: #FFFFFF;
	padding: 4px;
}

.minner2over {
	font: bold 11px tahoma, verdana, arial;
	background: #CEDBE7;
	color: #105D94;
	padding: 4px;
}

.minner2clicked {
	font: bold 11px tahoma, verdana, arial;
	color: #66C0EA;
	padding: 4px;
}

/* Elements used to properly position OSMIS main menus */
.left-menu-div {
    float: left;
}
.main-menu-div {
    float: left;
    overflow: visible;
    padding: 2px 10px;
}
.right-menu-div {
   position:absolute;
   left:700px;
   top:0px;;
}
.last-login-section {
    color: #105d94; 
    font-size: 11px; 
    font-family: arial; 
    font-weight: bold; 
    align: center; 
    padding: 5px;
    white-space:nowrap;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* css for tooltips */
.ui-tooltip, .arrow:after {
    background: orange;
    border: 2px solid white;
    width: 40%;
    position: absolute;
  }
.ui-tooltip {
    padding: 10px 20px;
    color: black;
    border-radius: 20px;
    font: bold 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    box-shadow: 0 0 7px black;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}