div.ui-datepicker {
 font-size:11px;
}
body {
#background-image:url('/images/topbit.png');
background-repeat: no-repeat;
background-position: right top;
font-family: "arial";
}
#login_form table {
  font-size:8pt;
}

#list_section {
  border:1px solid; border-radius:5px; padding:2px; background-color:#F5F5F5;
}
.wraplong {
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */

    -ms-word-break: break-all;
    word-break: break-all;

 /* Non standard for webkit */
     word-break: break-word;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

.catstyle {
   width: 190px;
}
.title_area {
   text-align:center;
}
.title_text {
   font-size:16pt;
   font-weight: bold;
   color: black;
}
.menu_area {
   text-align:right;
   background-color:black;
   color: white;
   font-size: 10pt;
   height:32px;
}
.menu_area a:link,
.menu_area a:visited,
.menu_area a:active,
.menu_area a:hover {
   color: white;
   #text-decoration: underline;
   text-decoration: none;
}
.menu_link {
   font-size:10pt;
   font-weight: bold;
}
.menu_title {
   text-align:left;
}


/* main-menu-top */
#main-menu-top,
#main-menu-top:hover
{
  font-size: 0.9em;
  width:3em; color:black; background-color:white; background:white; float:right; border:0;
}
#main-menu-top li ul, 
#main-menu-top ul, 
#main-menu-top ul:hover, 
#main-menu-top li ul:hover, 
#main-menu-top li a:hover, 
#main-menu-top li a {
  width:14em; color:black; background-color:white;background:white;
}
#main-menu-top li,
#main-menu-top li:hover {
  color:white; background-color:white;background:white;
}

/* main-menu */
#main-menu,
#main-menu:hover
{
  width:3em; color:white; background-color:black;background:black; float:right; border:0;
}
#main-menu li ul, 
#main-menu ul, 
#main-menu ul:hover, 
#main-menu li ul:hover, 
#main-menu li a:hover, 
#main-menu li a {
  width:16em; color:white; background-color:black;background:black;
}
#main-menu li,
#main-menu li:hover {
  color:white; background-color:black;background:black;
}

#menu-menu a:link,
#menu-menu a:visited,
#menu-menu a:active,
#menu-menu a:hover {
   color: white;
   #text-decoration: underline;
   text-decoration: none;
}



.bigprint1 {
  font-size:14pt;
}
.bigprint2 {
  font-size:12pt;
}
.list_empty {
   background-color: #FAFAFA;
}
.list_header {
   background-color: #BABABA; font-weight:bold;
}

.mediumspace {
   border-spacing: 10px;
}

.list_row_odd {
   background-color: #FFFFFF;
}
.list_row_even {
   background-color: #F0F0F0;
}

.button-xsmall {
   font-size: 5pt;
}
.button-small {
   font-size: 8pt;
}
.button-large {
   font-size: 12pt;
}
.button-xlarge {
   font-size: 16pt;
}
.button-blue {
   color: #000000 !important;
   color: rgba(0,0,0,1);
   *color: #000000;
   background-color:#FFFFFF;
   font-weight:bold;
   border-radius: 10px;
   text-shadow: 0;

   background: -webkit-linear-gradient(rgb(170,210,255), rgb(70,90,255)); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(rgb(170,210,255), rgb(70,90,255)); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(rgb(170,210,255), rgb(70,90,255)); /* For Firefox 3.6 to 15 */
   background: linear-gradient(rgb(170,210,255), rgb(70,90,255)); /* Standard syntax */

   background-image: -webkit-linear-gradient(rgb(170,210,255), rgb(70,90,255)); /* For Safari 5.1 to 6.0 */
   background-image: -o-linear-gradient(rgb(170,210,255), rgb(70,90,255)); /* For Opera 11.1 to 12.0 */
   background-image: -moz-linear-gradient(rgb(170,210,255), rgb(70,90,255)); /* For Firefox 3.6 to 15 */
   background-image: linear-gradient(rgb(170,210,255), rgb(70,90,255)); /* Standard syntax */
}
.button-blue:hover,.button-blue:focus {
   background: -webkit-linear-gradient(rgb(180,220,255), rgb(80,100,255)); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(rgb(180,220,255), rgb(80,100,255)); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(rgb(180,220,255), rgb(80,100,255)); /* For Firefox 3.6 to 15 */
   background: linear-gradient(rgb(180,220,255), rgb(80,100,255)); /* Standard syntax */

   background-image: -webkit-linear-gradient(rgb(180,240,255), rgb(80,100,255)) !important; /* For Safari 5.1 to 6.0 */
   background-image: -o-linear-gradient(rgb(180,240,255), rgb(80,100,255)) !important; /* For Opera 11.1 to 12.0 */
   background-image: -moz-linear-gradient(rgb(180,240,255), rgb(80,100,255)) !important; /* For Firefox 3.6 to 15 */
   background-image: linear-gradient(rgb(180,240,255), rgb(80,100,255)) !important; /* Standard syntax */
}

.local-table-width {width: 80%}
.local-rounded-edges {border-radius: 10px}
.no-border {border: 0 !important;}

@media print {
  .print-none, 
  .print-none * {
     display:none !important;
  }
}
.action-button {
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   border:0;
   width:40px;
   height:40px;
   box-shadow:1px 1px 1px #888888;
   vertical-align:middle;
   cursor:pointer;
}
.action-button-small {
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   border:0;
   width:30px;
   height:30px;
   box-shadow:1px 1px 1px #aaaaaa;
   vertical-align:middle;
   cursor:pointer;
}
.action-button-tiny {
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   border:0;
   width:22px;
   height:22px;
   box-shadow:1px 1px 1px #aaaaaa;
   vertical-align:middle;
   cursor:pointer;
}
.search-button {
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px;
   border:0;
   width:30px;
   height:30px;
   box-shadow:1px 1px 1px #aaaaaa;
   vertical-align:middle;
   cursor:pointer;
}
.main-menu-button {
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
   border:0;
   width:40px;
   height:40px;
   vertical-align:middle;
   cursor:pointer;
}