*
{
  margin: 0;
}

html, body
{
  height: 100%;
}

.clear
{
  clear: both;
}

a img
{
  border: none;
}

/* Layout */
#wrapper
{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

.aspnetForm
{
  height: 100%;
}

/* Header */
#header
{
  width: 100%;
  text-align: left;
  height: 102px;
  background: url(../../images/master/iolo_header_bg.gif) repeat-x top left;
}
#header .branding
{
  background: url(../../images/master/iolo_header.gif) no-repeat left top;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  width: 770px;
}
#header .branding .div_iolo_logo_container
{
  width: 132px;
  height: 252px;
  text-align: left;
  position: relative;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 30;
  background-image: url(../../images/master/iolo_labs_logo_container.gif);
  background-repeat: no-repeat;
  font-size: 11px;
}

/* Navigation */
#header .top_navi
{
  color: #cccccc;
  padding-top: 15px;
  width: 550px;
  float: right;
}
#header .top_navi a
{
  color: #cccccc;
  text-decoration: none;
}
#header .top_navi a:hover
{
  text-decoration: underline;
}
#header .logo .top_navi
{
  color: #ffffff;
  float: right;
  margin-top: 13px;
  width: 400px;
}

#mainnavibar
{
  width: 100%;
  height: 32px;
  background-image: url(../../images/master/nav_bar_bg.gif);
  background-repeat: repeat-x;
}
#mainnavibar .mainnavibar_holder
{
  width: 770px;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}


/*Main Navigation*/
#mainnavi
{
  background-image: url(../../images/master/mainnavi_default.gif);
}
body#wrapper #mainnavibar #mainnavi
{
  background-image: url(../../images/master/mainnavi_default.gif);
}
#mainnavi, #mainnavi ul
{
  float: left;
  font-family: verdana;
  font-size: 11px;
  line-height: 24px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0pt;
  font-weight: bold;
  padding: 0pt;
  width: 366px;
  z-index: 1000;
}
#mainnavi a
{
  color: #ffffff;
  display: block;
  text-decoration: none;
  white-space: nowrap;
}

#mainnavi a:focus
{
  -moz-outline-style: none;
}

* html #mainnavi li
{
  margin-right: 0;
  margin-bottom: 0;
}

#mainnavi i
{
  font-size: 8px;
  position: relative;
  bottom: 4px;
  font-style: normal;
}

#mainnavi li
{
  float: left;
  padding: 0pt;
  margin: 0;
}
li#categoryOne, li#categoryOne a
{
  width: 112px;
  margin-right: 3px;
}
li#categoryTwo, li#categoryTwo a
{
  margin-right: 3px;
  width: 70px;
}
li#categoryThree, li#categoryThree a
{
  width: 63px;
  margin-right: 3px;
}
li#categoryFour, li#categoryFour a
{
  width: 55px;
  margin-right: 3px;
}
li#categoryFive, li#categoryFive a
{
  width: 54px;
}


li#categoryOne a span, li#categoryTwo a span, li#categoryThree a span, li#categoryFour a span, li#categoryFive a span
{
  color: lime;
  margin-left: -999em;
}

#mainnavi h2
{
  left: -999em;
  position: absolute;
}

#mainnavi li ul
{
  background-color: #FFFFFF;
  border-bottom: 1px solid #7f7f7f;
  border-right: 1px solid #7f7f7f;
  height: auto;
  left: -999em;
  margin: 0pt;
  position: absolute;
  width: 152px;
}
#mainnavi li li
{
  border-color: #cfcfcf;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  text-indent: 10px;
  width: 150px;
}
#mainnavi li li a:hover
{
  color: #a11100;
}

#mainnavi li ul a
{
  line-height: 24px;
  width: 140px;
  font-weight: normal;
  color: #000;
}
#mainnavi li:hover ul, #mainnavi li.sfhover ul, #mainnavi li li:hover ul, #mainnavi li li.sfhover ul, #mainnavi li li li:hover ul, #mainnavi li li li.sfhover ul
{
  left: auto;
}

/*hover*/
#mainnavi li:hover, #mainnavi li.sfhover
{
  background: #efefef none repeat scroll 0%;
}
#mainnavi li#categoryOne:hover, #mainnavi li#categoryOne.sfhover
{
  background: transparent url(../../images/master/mainnavi_hover.gif) repeat scroll 0pt;
  width: 112px;
}
#mainnavi li#categoryTwo:hover, #mainnavi li#categoryTwo.sfhover
{
  background: transparent url(../../images/master/mainnavi_hover.gif) repeat scroll -115px 0pt;
  width: 70px;
}
#mainnavi li#categoryThree:hover, #mainnavi li#categoryThree.sfhover
{
  background: transparent url(../../images/master/mainnavi_hover.gif) repeat scroll -188px 0pt;
  width: 63px;
}
#mainnavi li#categoryFour:hover, #mainnavi li#categoryFour.sfhover
{
  background: transparent url(../../images/master/mainnavi_hover.gif) repeat scroll -254px 0pt;
  width: 55px;
}
#mainnavi li#categoryFive:hover, #mainnavi li#categoryFive.sfhover
{
  background: transparent url(../../images/master/mainnavi_hover.gif) repeat scroll -312px 0pt;
  width: 54px;
}


/*selected*/
#mainnavi #categoryOne b, #mainnavi li#categoryOne.sfhover b
{
  background: transparent url(../../images/master/mainnavi_selected.gif) repeat scroll 0pt;
  display: block;
  width: 112px;
}

#mainnavi #categoryTwo b, #mainnavi li#categoryTwo.sfhover b
{
  background: transparent url(../../images/master/mainnavi_selected.gif) repeat scroll -115px 0pt;
  width: 70px;
  display: block;
}

#mainnavi #categoryThree b, #mainnavi li#categoryThree.sfhover b
{
  background: transparent url(../../images/master/mainnavi_selected.gif) repeat scroll -188px 0pt;
  width: 63px;
  display: block;
}
#mainnavi #categoryFour b, #mainnavi li#categoryFour.sfhover b
{
  background: transparent url(../../images/master/mainnavi_selected.gif) repeat scroll -254px 0pt;
  width: 55px;
  display: block;
}
#mainnavi #categoryFive b, #mainnavi li#categoryFive.sfhover b
{
  background: transparent url(../../images/master/mainnavi_selected.gif) repeat scroll -312px 0pt;
  width: 54px;
  display: block;
}

#mainnavi li.categoryOne ul li a:hover, #mainnavi li.categoryTwo ul li a:hover, #mainnavi li.categoryThree ul li a:hover, #mainnavi li.categoryFour ul li a:hover, #mainnavi li.categoryFive ul li a:hover, #mainnavi li.categorySix ul li a:hover, #mainnavi li.categorySeven ul li a:hover
{
  background-image: none;
}

* html ul.mainnavi li
{
  z-index: 1000;
}
/*End of Main Navigation*/

/* Footer */
#footer
{
  color: #cccccc;
  height: 40px;
  width: 100%;
  font-size: 11px;
  background-image: url(../../images/master/footer_bg.gif);
  background-repeat: repeat-x;
}
#footer table
{
  margin-left: auto;
  margin-right: auto;
  width: 770px;
  text-align: left;
  height: 40px;
}
#footer, .push
{
  height: 40px; /* .push must be the same height as .footer */
}
#footer .copyright
{
  color: #cccccc;
}
#footer a
{
  color: #ccc;
  text-decoration: none;
}
#footer a:hover
{
  text-decoration: underline;
}

.content
{
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.content_frame
{
  width: 590px;
  border: 0;
  height: auto;
  overflow: hidden;
  min-height: 800px;
}

.tbl_program_search
{
  border: 1px solid #898989;
  border-bottom: 0;
  padding: 10px;
  margin-top: 145px;
  background-image: url(../../images/master/side_widget_shadow.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
}
.tbl_program_search .note
{
  margin-bottom: 10px;
}
.note2
{
  top-bottom: 10px;
  color: #666666;
  font-size: 10px;
}