/* Body */

body {
  margin-left: 5px;
  margin-right: 5px;;
  margin-top: 0px;
  margin-bottom: 0%;
  padding: 0% 0% 0% 0% ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* Pre */

pre {
  font-family: monospace;
}

/* Message & Error */

.Message {
  color: red;
}

.ActionError {
  color: red;
}

.RequestError {
  color: red;
}

.service_notice {
  background-color: #D99999;
  padding: 5px;
  margin-top: 5px;
  margin-left: 10px;
  width: 500px;
  border: 1px solid red;
}

.service_notice h1 {
 font-size: 16px;
}

/*
 * General styles
 */

a {
  text-decoration: none;
}

a:link {color: #0000FF}     /* unvisited link */
a:visited {color: #0000FF}  /* visited link */
a:hover {
  text-decoration: underline;
}

th {
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
}

form {
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
}

textarea {
}

select {
    color: #000;
}

select option, select optgroup {
    font-size: 100%;
}

img {
  border: 0;
}

img {
  border: 0;
}

dl {
  margin-left: 1em;
}

dt {
  font-weight: bold;
}

fieldset legend {
    font-weight: bold;
    color: black;
}

fieldset ul {
    padding: 0;
}

ul li {
    margin-left: 1.5em;
    padding-left: 0;
}

/*
 * Signup
 */
div.signup_notice {
  margin-top: 10px;
  color: #0095DA;
  font-weight: bold;
}

/*
 * Header
 */

div.BreadCrumbs {
  margin: 0 0;
  font-size: 10px;
}

div.Header {
  margin: 0.5em 0;
  font-size: 15px;
  font-weight:bold;
  border-bottom: 2px solid #ccc;
}

/*
 * TableContainer
 */

div.TableContainer table {
  width: 100%;
}

div.TableContainer div.Body  {
  min-width: 600px;
  /* IE Dynamic Expression to set the width */
  /* This causes other browsers to complain */
  /* width: expression(document.body.clientWidth < 800 ? "600px" : "100%" ); */
}

div.TableContainer div.Body table {
  border-collapse: collapse;
}

div.TableContainer div.Body th {
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 2px 5px;
  font-weight: bold;
  background-color: #C4C8E3;
  white-space: nowrap;
  text-align: left;
}

div.TableContainer div.Body td {
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 2px 5px;
  font-weight: normal;
  border-bottom: 1px solid #C4C8E3;
  white-space: nowrap;
}

/*
 * TableNavigation
 */

table.TableNavigation {
  background: #C4C8E3;
  width: 100%;
}

table.TableNavigation td.Info {
}

table.TableNavigation td.Buttons {
  text-align: right;
  color: grey;
}

table.TableNavigation td.Buttons a {
  text-align: right;
  color: black;
}

/*
 * Navigation
 */

table.TopNavigation td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #333333;
  text-align: center;
  padding: 5px 5px 5px 5px;
  background-color: #0095DA;
}

table.TopNavigation a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 5px 5px 5px;
  background-color: #0095DA;
}

tr.NavigationHeader td {
  text-indent: 5px;
  background-color: #584C74;
  padding-top: 3px;
  padding-bottom: 3px;
}

tr.NavigationHeader td a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
}

tr.Navigation td {
  text-indent: 5px;
  background-color: #0095da;
  padding-top: 3px;
  padding-bottom: 3px;
}

tr.Navigation td a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
}

tr.Navigation td.Active {
  text-indent: 5px;
  background-color: #FFFFFF;
  padding-bottom: 3px;
  padding-top: 3px;
}

tr.Navigation td.Active a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}

tr.SubNavigation td {
  background-position: left;
  text-align: left;
  height: auto;
  width: auto;
  padding-top: 0px;
  padding-left: 8px;
}

tr.SubNavigation td a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #333333;
}

/*
 * Left navigation table
 */

table.Outer  {
    margin: 15px 0px 0px 0px;

    }

table.Outer td.OuterLeft {
  margin: 0px 0px 0px 0px;
  vertical-align:top;
  text-align:left;
  background-color:#EAEAEA;

  }

#SidebarContainer  {
  width:140px;
  height:100%;
  vertical-align:top;
  }

#SidebarContainer a{
  color:#330066;

  }

#Actions {
  margin: 0px 0px 2px 0px;
  padding: 10px 5px 10px 5px;
  background-color:#CCCCCC;

  }

#Actions span.Header{
  margin: 0px 0px 5px 0px;
  font-size:14px;
  font-weight:bold;
  color:white;

  }

#RelatedLinks {
  padding: 10px 5px 10px 5px;
  background-color:#CCCCCC;

  }

#RelatedLinks span.Header{
  margin: 0px 0px 5px 0px;
  font-size:14px;
  font-weight:bold;
  color:white;

  }

/*
 * Message & Error
 */

.Message {
  color: red;
}

.ActionError {
  color: red;
}

.RequestError {
  color: red;
}

/*
 * Search Form
 */

.search_box {
  margin: 8px 0px 4px 4px;
}

.search_box.new {
  margin-bottom: -16px;
}

form.search_form {
  color: #444;
  display: inline;
}

form.search_form input, form.search_form select {
  font-size: 10px;
  color: #444;
}

/*
 * Order By Links
 */

img.order_by_img {
  border: 0px;
}

a.order_by {
  color: #000;
  text-decoration: none;
}

a.order_by:hover {
  color: #fff;
  text-decoration: underline;
}

/*
 *Mass Actions
 */
a.js_action {
  color: #00f;
  cursor: pointer;
}

a.js_action:hover {
  text-decoration: none;
}

div#checkbox_actions {
  font-size: .9em;
  margin-left: 10px;
  margin-top: 5px;
  vertical-align: baseline;
}

input.mass_action_button {
  font-size: .8em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

input.mass_action_checkbox {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 11px;
  height: 11px;
}

/*
 * Junction Form Styles
 */
div.outer_form_box {
  border: 1px solid black;
  text-align: center;
}

table.inner_form_table {
  text-align: left;
  width: 600px
}

table.inner_form_table td {
  padding: 15px;
}

table.light_padding td {
  padding: 5px;
}

table.aa_options {
  background-color: #F5F5F5;
  border: 1px solid #CCC;
  padding-left: 10px;
  margin-left: 10px;

}

/*
 * Last Search Box
 */
div.sub_menu {
  background-color: #0095DA;
  padding: 4px 0px 4px 5px;
  width: 140px;
  margin-top: 10px;
}

div.sub_menu a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #ffffff;
}

div.sub_menu a:hover {
  text-decoration: underline;
}

/*
 * Noscript Tag
 */
noscript span {
  position: absolute;
  left: 50%;
  right: auto;
  margin-left: -300px;
  width: 600px;
  background-color: #f06;
  font-size: 14px;
  color: #000;
  text-align: center;
}

/* DuelingListBoxElement */
.duelingListBox table.layout td{
    vertical-align: middle;
    text-align: center;
}

.duelingListBox .selectTitle {
    padding: .5em 0 .5em 0;
    font-weight: bold;
}

.duelingListBox .text {
    padding: .1em 0 .1em 0;
}

/* --------------------------------------------- */
/* BEGIN buttons */
.btn, .button, .bgButton {
    font-family: 'Verdana', 'Geneva', sans-serif;
    background-image:  url("/image/bgButton.gif");
    background-repeat: repeat-x;
    background-position: left top;
    border-right:1px solid #5C5D61;
    border-bottom:1px solid #5C5D61;
    border-top:none;
    border-left:none;
    font-size: 80%;
    color:#FFFFFF;
    padding:1px 3px 1px 3px;
    cursor:pointer;
    font-weight:bold;
    display:inline;
}

/* END buttons */

/* --------------------------------------------- */
/* BEGIN Icons */
/* general skinnable utility icons */

.helpImage { background-image: url(/image/icon/btn_help.gif);
        width:18px;
        height:16px;
}
.printWinIcon { background-image: url(/image/icon/print_icon.gif);
        width:18px;
        height:16px;
}
.lookupPopup { background-image: url(/image/icon/lookup.gif);
        width:18px;
        height:16px;
}
.groupEventIcon { background-image: url(/image/icon/group_event.gif);
        width:16px;
        height:16px;
}
.doubleArrowUp { background-image: url(/image/icon/double_arrow_up.gif);
        width:24px;
        height:20px;
}
.doubleArrowDwn { background-image: url(/image/icon/double_arrow_dwn.gif);
        width:24px;
        height:20px;
}
.comboIcon { background-image: url(/image/icon/combo.gif);
        width:18px;
        height:16px;
}
.colorIcon { background-image: url(/image/icon/color_icon.gif);
        width:18px;
        height:16px;
}
.downArrowIcon { background-image: url(/image/icon/arrow_dwn.gif);
        width:24px;
        height:20px;
}
.leftArrowIcon { background-image: url(/image/icon/arrow_lt.gif);
        width:24px;
        height:20px;
}
.rightArrowIcon { background-image: url(/image/icon/arrow_rt.gif);
        width:24px;
        height:20px;
}
.upArrowIcon{ background-image: url(/image/icon/arrow_up.gif);
        width:24px;
        height:20px;
}
.datePickerIcon { background-image: url(/image/icon/date_picker.gif);
        width:18px;
        height:16px;
}
.escalatedLarge {
  background-image: url(/image/icon/escalated_lg.gif);
  width:16px;
  height:16px;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: 3px;
}
.escalatedSmall {
  background-image: url(/image/icon/escalated.gif);
  width:16px;
  height:16px;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -2px;
}
.mouseover {
  background-image: url(/image/icon/mouseover_icon.gif);
  width:18px;
  height:16px;
}
/* END Icons */