body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-top: 10px;
  margin-left: 10px; }

body select {
  font-family: Verdana; }

#headPanel {
  /*	border:1px solid #74A2CB;*/
  border: 1px solid #336633;
  width: 1200px;
  height: 70px;
  background-image: url("../assets/bg111.png");
  background-repeat: repeat-x; }

.trHead {
  width: 1200px;
  background-color: #FFFFFF;
  border: 1px solid #336699;
  font: 13px verdana;
  height: 20px;
  text-align: center; }

#tabHead {
  background-color: #336699;
  color: #FFFFFF;
  font-weight: bold;
  padding: 4px;
  font-size: 12px; }

#reportHead {
  background-color: #336699;
  color: #FFFFFF;
  font-weight: bold;
  padding: 4px;
  font-size: 11px; }

.trBottom {
  background-color: #336699;
  font-weight: bold;
  height: 22px;
  color: #FFFFFF; }

.navArr {
  cursor: pointer;
  height: 20px; }

.topNavButton {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  height: 28px;
  text-align: left;
  padding-left: 5px;
  background-image: url("../assets/p55.png");
  background-repeat: repeat-x; }

.topHeader {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  height: 28px;
  text-align: left;
  padding-left: 5px;
  background-image: url("../assets/p55.png");
  background-repeat: repeat-x; }

.mainHeader {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  height: 30px;
  margin-left: 10px;
  /*background-color:; */
  background-repeat: repeat-x; }

.inputbox {
  border: 1px solid #6A99C9;
  height: 20px;
  font-size: 12px;
  font-family: verdana;
  color: #000000; }

.inputbox_textarea {
  border: 1px solid #6A99C9;
  font-size: 13px;
  font-family: verdana;
  color: #000000; }

table.sortable tr.odd td {
  /*	background-color:#D7E4F4;*/
  background-color: #DFE7F0; }

table.sortable tr.even td {
  /*	background-color:#E7EEF8;*/
  background-color: #FFFFFF; }

.tableHead {
  background-color: #006699;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center; }

table.pStudyTable tr {
  height: 20px; }

form em {
  color: #c00;
  padding-left: 3px; }

a, a:hover {
  /*border-bottom: 1px dotted; */
  color: #FFFFFF;
  outline: none;
  text-decoration: none; }

#leftNavFont {
  font-size: 11px;
  padding-top: 6px;
  color: #000000;
  font-weight: bold;
  cursor: pointer; }

/* -------------------------- Style For Header---------------------------------------- */
ul#glossy-menu ul {
  display: none; }

ul#glossy-menu li:hover > * {
  display: block; }

ul#glossy-menu li:hover {
  position: relative; }

ul#glossy-menu ul {
  position: absolute;
  left: -1px;
  top: 16px; }

ul#glossy-menu ul ul {
  position: absolute;
  left: 98%;
  top: -2px; }

ul#glossy-menu, ul#glossy-menu ul {
  margin: 1px;
  list-style: none;
  padding: 0px;
  /*background-color:;*/
  border-width: 0px;
  border-style: none;
  border-color: #C0AF62; }

ul#glossy-menu a, ul#glossy-menu li.dis a:hover {
  display: block;
  vertical-align: middle;
  background-color: #DFE7F0;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #CCCC99;
  text-align: left;
  text-decoration: none;
  padding: 0px 0px 0px 8px;
  font: normal 12px verdana;
  color: #000000;
  cursor: pointer; }

ul#glossy-menu ul li {
  float: none; }

ul#glossy-menu ul a, ul#glossy-menu ul li.dis a:hover {
  display: block;
  text-align: left;
  white-space: nowrap; }

/* OnMouseover on sub-menu */
ul#glossy-menu li:hover > a {
  background-color: #FFFFFF;
  border-color: #CCCC99;
  border-style: solid;
  font: normal 12px verdana;
  /*	color: #559537;*/
  color: #000000;
  text-decoration: none; }

ul#glossy-menu li a.istylei0, ul#glossy-menu li.dis.istylei0:hover a.istylei0 {
  background-color: transparent;
  border-width: 0px;
  border-style: none;
  font: 13px verdana;
  color: #000000; }

ul#glossy-menu li.istylei0:hover > a {
  font: 13px verdana;
  color: #000000; }

ul#glossy-menu li.istylei0:hover {
  background-color: #DFE7F0; }

ul#glossy-menu li a.istylei0:hover {
  background-color: #DFE7F0;
  border-style: none;
  font: 13px verdana;
  color: #000000; }

/* Height width of sub-menu */
ul#glossy-menu.istylem0 li a, ul#glossy-menu ul.istylem0 li a, ul#glossy-menu.istylem0 li.dis a:hover, ul#glossy-menu ul.istylem0 li.dis a:hover {
  padding: 4px 10px 5px 10px; }

/* ------------------------ Style For Mouse Over drop down by JQuery --------------------------- */
.nav {
  font-size: 13px;
  font-family: verdana;
  margin: 1px 0 0 10px;
  padding: 0;
  list-style: none;
  line-height: 18px; }

.nav li {
  float: left;
  display: block;
  position: relative;
  z-index: 500;
  margin: 0 1px; }

.nav li a {
  display: block;
  padding: 0 0 2 2px;
  height: 18px;
  text-decoration: none;
  color: #000;
  text-align: left; }

.nav li a:hover {
  color: #000;
  background: #DFE7F0; }

.nav a.selected {
  /*  not in use */
  color: red;
  background: #111; }

.nav ul {
  position: absolute;
  left: 0;
  display: none;
  margin: 0 0 0 -1px;
  padding: 0;
  list-style: none; }

.nav ul li {
  width: 270px;
  float: left;
  border-bottom: 1px solid #C0AF62;
  background: #DFE7F0; }

.nav ul li.underline {
  border-bottom: 1px solid #C0AF62; }

.nav ul a {
  display: block;
  height: 20px;
  padding: 3px 0 0 10px;
  color: #000; }

.nav ul a:hover {
  background: #FFF;
  color: #000000;
  text-decoration: none; }

/* -------------------------- Style For Custom alert box ---------------------------------------- */
#modalContainer {
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 250px;
  left: 0px;
  z-index: 10000; }

#alertBox {
  position: relative;
  width: 400px;
  min-height: 100px;
  margin-top: 50px;
  border: 2px solid #000;
  background-color: #DFE7F0;
  background-image: url("../assets/alert.png");
  background-repeat: no-repeat;
  background-position: 20px 30px; }

#modalContainer > #alertBox {
  position: relative; }

#alertBox h1 {
  margin: 0;
  font: bold 11px verdana,arial;
  background-color: #336699;
  color: #FFF;
  border-bottom: 1px solid #000;
  padding: 2px 0 2px 5px; }

#alertBox p {
  font: 12px verdana,arial;
  height: 50px;
  padding-left: 5px;
  margin-left: 55px; }

#alertBox #closeBtn {
  display: block;
  position: relative;
  margin: 5px auto;
  padding: 3px;
  border: 1px solid #000;
  width: 50px;
  font: 10px verdana,arial;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
  background-color: #336699;
  text-decoration: none; }

.replaceHeaderImage {
  background: -moz-linear-gradient(#7CBDD9, #396DA5);
  background: -webkit-gradient(#7CBDD9, #396DA5);
  background: -o-linear-gradient(#7CBDD9, #396DA5);
  background: linear-gradient(#7CBDD9, #396DA5);
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  height: 25px;
  text-align: left;
  padding-left: 5px; }

/***FIRST STYLE THE BUTTON***/
input#bigbutton {
  background: #A6D3FC;
  /*the colour of the button*/
  padding: 0px 5px 0px;
  /*apply some padding inside the button*/
  border: 1px solid #639ACE;
  /*required or the default border for the browser will appear*/
  cursor: pointer;
  /*forces the cursor to change to a hand when the button is hovered*/
  height: 20px;
  /*style the text*/
  font-size: 12px;
  font-family: verdana;
  /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
  letter-spacing: .05em;
  /*text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
  color: #001255;
  /*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
  -webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
  -moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
  /*box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;*/
  /*give the corners a small curve*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
input#bigbutton:hover, input#bigbutton:focus {
  color: #001255;
  /*reduce the size of the shadow to give a pushed effect*/
  -webkit-box-shadow: inset 0px 1px 0px #0FF, 0px 2px 0px 0px #0FF, 0px 2px 5px #0FF;
  -moz-box-shadow: inset 0px 1px 0px #0FF, 0px 2px 0px 0px #0FF, 0px 2px 5px #0FF;
  box-shadow: inset 0px 1px 0px #0FF, 0px 1px 0px 0px #0FF, 0px 1px 5px #0FF; }