html {
   background-color: #E5E5E5;
}
body {
   font-family: Arial,Helvetica,Sans-serif;
   font-size:12px;
   margin: 0px;
}

#loading{
				display: none;  
        position: absolute;  
        top: 50px;  
        background: url("ajax-loader.gif");
        background-position: center;
        background-repeat:no-repeat;
        width: 100%;  
        height: 100%;  
        text-indent: -9999em;
}

#header { padding-left:20px;}
.rowheader { padding:5px; width:130px; background-color:#cecece; vertical-align:top; }
.rowfield { padding:5px; background-color:#dfdfdf; vertical-align:top; }
a:link, a:visited, a:hover, a:active, h1, h2, h3 { text-decoration:none; }
a { -moz-outline: none; }

ul.form { list-style-type: none; margin: 0; padding: 0; }

tr.heading { color:#fff; background:url("../../img/current-bg.gif"); }

.forminput { width:200px; }

/* Menus */

ul.menu { width: 100%; height: 43px; background: url("../../img/menu-bg.gif") top left repeat-x; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul.menu li { display: block; float: left; margin: 0 10px; }
ul.menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul.menu li a:hover { color: #333; }
ul.menu li a.current{ color: #FFF; background: url("../../img/current-bg.gif") top left repeat-x; padding: 8px 15px 0; }

   /** Nice looking "new" submenu style. **/
   ul.submenu {
      background:none repeat scroll 0 0 #333333;
      border-bottom:2px solid #000000;
      border-top:2px solid #333333;

      font-family:Arial,sans-serif;
      font-size:13px;
      height:25px;
      list-style-type:none;
      padding:0;
   }

   ul.submenu li{
      float:left;
      margin:0;
   }

   ul.submenu li a {
      color:#FFFFFF;
      display:block;
      line-height:25px;
      padding:0 10px;
      text-decoration:none;
   }

   ul.submenu li a:hover {
      background:none repeat scroll 0 0 #555555;
      border-bottom:2px solid #444444;
   }

.submenu {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
  background-color: #f2f1ee;
  border-bottom: none;
  border-bottom-width: 5px;
  background-image: url("../../img/boxbar-background.png");
  font-size: 13px;
}

.submenu li.first a, .submenu ul li.first {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
}

.submenu ul li.first {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
}

.submenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.submenu ul li {
  float: left;
}

.submenu ul li a:link, .submenu ul li a:visited, .submenu ul li a:hover, .submenu ul li a:active {
  text-decoration: none;
}

.submenu ul li a:hover, .submenu ul li a:active {
  text-decoration: underline;
}

.submenu ul li.active, .submenu ul li.active a:hover {
  background-color: #fff;
}


.submenu ul li a {
  display: block;
  padding: 10px 15px;
}

.block {
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   border-radius: 9px;
   -moz-border-radius-bottomleft: 9px;
   -webkit-border-bottom-left-radius: 9px;
   -moz-border-radius-bottomright: 9px;
   -webkit-border-bottom-right-radius: 9px;
   -moz-border-radius-topleft: 9px;
   -webkit-border-top-left-radius: 9px;
   -moz-border-radius-topright: 9px;
   -webkit-border-top-right-radius: 9px;
   padding-top: 0px;
   background: #fff;

   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
   margin-bottom: 20px;
}

.block .content {
   padding: 0 15px 15px;
}
.block h1 {
   margin-left: 15px;
   font-size: 22px;
   font-style: normal;
   font-weight: bold;
   text-transform: none;
   letter-spacing: -1px;
   line-height: 1.2em;
   padding: 15px 0;
}

#box .block {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;

  background: #fff;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-bottom-left-radius: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-right-radius: 9px;
}

#box .block h1 {
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;

  background: black;
  color: #fff;

  padding: 10px 23px;
  margin: 0;

}


#content {
    padding: 20px;
}

#tabs { font-size:12px;}

/* pagination */

.pagination {
   padding-bottom: 5px;
}

.pagination a, .pagination span {
  background-color: #f4f4f4;
  background-image: url("/img/button-background.png");
  color: #111;
  text-align: center;
  min-width: 15px;
  margin-right: 5px;
  padding: 6px;
  border: 1px solid #c3c4ba;
}

.pagination em {
  background: #002134;
  color: #fff;
  border: 1px solid #002134;
  font-weight: bold;
}

.pagination a {
  color: #1a1a1a;
  text-decoration: none;
}

.pagination a:hover {
  border: 1px solid #818171;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.pagination a:active {
/*  background-image: url("/img/button-background-active.png"); */
  outline: none;
}
/* pagination */

.pagination a, .pagination span, .pagination em {
  padding: 2px 5px;
  margin-right: 5px;
  display: block;
  float: left;
  border-style: solid;
  border-width: 1px;
}


.pagination a.disabled, .pagination span.disabled {
   color: #818171;
}


/* tables */
.table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.table th {
  padding: 10px;
  font-weight: bold;
  text-align: left;
}

.table th.first {
  width: 30px;
}

.table th.last {
  width: 200px;
}

.table .checkbox {
  margin-left: 10px;
}

.table td {
  padding: 10px;
}

.table td.last {
  text-align: right;
}


.table th {
  background: #eaeaea;
  color: #222;
  font-weight: normal;
}

.table td {
  border-bottom: 1px solid #eaeaea;
}

.table tr.even {
  background: #f8f8f8;
}
