body
{
  font-size: 11px;
}

span.label
{
  font-weight: bold;
  text-align: right;
  font-size: 90%;
  white-space: nowrap;
  overflow: hidden;
  width: 15em;
  float: left;
  padding-right: 1em;
}

div.formdata
{ 
  float: left;
}

div.formrow
{
    width: 99%;
    float: left;
}

br.clr
{
  clear: left;
}

TD.label
{ 
  background-color:lightgray; 
  font-weight:bold; 
  text-align:right; 
  font-size: 80%; 
  white-space: nowrap; 
}

TD.labelc
{ 
  background-color:lightgray; 
  font-weight:bold; 
  text-align:center; 
  font-size: 80%; 
  white-space: nowrap; 
  }

TD.labell
{ background-color:lightgray; 
  font-weight:bold; 
  text-align:left; 
  font-size: 80%; 
  white-space: nowrap; 
}

A.delete
{ 
  color:red;
}

A.delete:visited
{ 
  color:red;
}

A.delete:active
{ 
  color:red;
}

A.create
{ 
  color:orange;
}

A.create:visited
{ 
  color:orange;
}

A.create:active
{ 
  color:orange;
}

A.menu:hover
{ 
  font-weight:bold;
}

SPAN.grey
{ 
  background-color:#dcdcdc;
}

SPAN.notice
{ 
  background-color:yellow;
}

DIV.notice
{ 
  background-color:yellow;
}

div.separatehead
{
    background-color: #f3950b;
    -moz-border-radius: 1em;
    font-size: 150%;
    margin: 0.5em;
    padding: 0.5em;
    border: 1px solid black;
    font-color: black;
    width: 80%;
    clear: both;
}

div.imgbox
{
    position: relative;
    float: left;
    width: 180px;
    height: 200px;
    margin: 0px;
    text-align: center;
    border: 1px solid black;
}


div.info {
    background-color: yellow;
    padding: 1em;
    border: 1px solid black;
}

div.error {
    background-color: #ddd;
    border: 1px solid red;
    padding: 1em;
}
SPAN.document
{ 
  background-color:white;
}

.tabbed ul
{ 
  display: inline; 
  margin-left: 0; 
  padding-left: 0; 
}

.tabbed ul li
{ 
  margin-left: 0; 
  margin-bottom: 0; 
  padding: 2px 5px 5px; 
  border: 1px solid #000; 
  list-style: none; 
  display: inline; 
  font-size: 60%; 
  font-family: Verdana, sans-serif; 
  background-color: #eec; 
  -moz-border-radius: 12% 12% 0 0; 
}

.tabbed ul li.active
{ 
  border-bottom: 0px solid #ffc; 
  padding: 5px 5px 5px;
  display: inline; 
  background-color: #fff; 
  }

.grid table
{
  border-collapse: collapse;
}

.grid th,.grid td
{
  border: 1px solid;
  padding: 0;
  margin: 0;
}

.grid th
{
  background-color: lightgray; 
  white-space: nowrap;
}

.grid td
{
  background-color: white;
}

.grid a
{
  text-decoration: none;
}



.llist table
{
  border-collapse: collapse;
  margin: 0px;
  padding 0px;
}

.llist th,.llist td
{
    border-bottom: 1px solid;
    padding: 0px
    padding-left: 3px;
    padding-right: 3px;
    margin: 0px;
}

.llist th
{
  background-color: #fec; 
  white-space: nowrap;
}

.llist td
{
  background-color: white;
}



.fixedTable
{ 
  table-layout:fixed;
}

td.cell
{ 
  padding: 2px 0px 2px 3px;
  margin: 0px;
  border-bottom: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  height: 22px;
  overflow: hidden;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height: 12px;
}

.first
{ 
  border-left:1px solid #b8b8b8;
}

.tableCellHeader
{ 
  padding: 2px 0px 2px 3px;
  margin: 0px;
  text-align: left;
  font-size: 11px;
  border-top: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #cedebd;
}

.link_ct
{
  border: 1px solid silver;
  position:relative;
  height: 100%;
  background-color: #ffffc0;
  overflow: hidden;
  overflow-y: auto;
}

.link_item
{
  height: 18px;
  width: 100%;
  border: 1px solid #a0a0a0;
  background-color: #c4d0ff;
  vertical-align: middle;
  white-space: nowrap;
  cursor: move;
  padding: 2px;
  z-index: 1000;
  overflow: hidden;
}

.link_ct .link_item
{
  margin: 2px;
}

.link_proxy
{
  opacity: 0.4;
  -moz-opacity: 0.4;
  filter: alpha(opacity=40);
}

.link_over
{
  background-color: #ffff60;
}

.link_cover
{
  position: relative;
  border: 1px solid silver;
  float: left;
  width: 310px;
  height: 158px;
  background-color: #ffccdd;
  clear: both;
}

.link_cover_text
{
  position: relative;
  float: left;
  width: 310px;
  height: 0px;
  background-color: #ffccdd;
  clear: both;
  visibility: hidden;
}

#menu {
    position:relative;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    width:100%;
    overflow:hidden;
}

.section {
    border: 1px solid grey;
    padding: 0.5em;
    margin: 0.5em;
    -moz-border-radius: 4px;
}

.mail_commands, .mail_from, .mail_recipients, .mail_subject, .mail_body {
    border-top: 1px dotted orange;
    border-left: 1px dotten orange;
    border-right: 1px dotted orange;
    background-color: #eee;
    width: 90%;
    padding: 0.4em;
}

.mail_commands {
}

.mail_from {
}

.mail_recipients {
    background-color: white;
}

.mail_subject {
}

.mail_body {
    border-bottom: 1px dotted orange;
}


table.mcalendar {
   width: 90%;
   margin: 0px 3em 0px 3em;
   border: 1px solid black;
   border-collapse: collapse;
}

table.mcalendar th {
  background: #ccc;
}

table.mcalendar tr.month th {
  background: #fff;
  font-size: xx-large;
  text-align: center;
  height: 1em;
}

table.mcalendar td {
  height: 10em;
  background: #fff;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid black;
}

table.mcalendar td.day {
  border-left: 1px solid black;
}

table.mcalendar td {
  color: #aaa;
  text-decoration: none;
}


table.mcalendar td.holiday, table.mcalendar td.weekend {
  background: #ddd;
  color: #ccc;
}

table.mcalendar td.today {
  background: #ffc;
}

table.mcalendar td.othermonth {
  background: #999;
  color: #555;
}


table.mcalendar tr.legend th {
  font-family: helvetica, arial, sans-serif;
  font-size: xx-small;
}

ul.note_text {
    margin-left: 0;
    padding-left: 4em;
    text-indent: -1em;
}

/* ----- add selectors here for font sizing ----- */
#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
    background-image: url(../images/arrow_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    left:-12px;
    height:23px;
    width:10px;
    top:-3px;
}

#JT_arrow_right{
    background-image: url(../images/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    height:23px;
    width:11px;
    top:-2px;
}

#JT {
    position: absolute;
    z-index:100;
    border: 2px solid #CCCCCC;
    background-color: #fff;
}

#JT_copy{
    padding:10px 10px 10px 10px;
    color:#333333;
}

.JT_loader{
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
    height:12px;
}

#JT_close_left{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
}

#JT_close_right{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
}

#JT_copy p{
    margin:3px 0;
}

#JT_copy img{
    padding: 1px;
    border: 1px solid #CCCCCC;
}

.jTip{
    cursor:help;
}

.date_accept {
    background: white;
    color: black;
}

.date_error {
    background: lightgray;
    color: red;
}

.qeditfield {
    border: 1px dotted blue;
    display: inline;
    min-height: 4px;
}

.qeditform {
    border: 1px dotted green;
    min-height: 4px;
}

.qeditfield:hover {
    cursor: pointer;
}

.qeditform:hover {
    cursor: pointer;
}

.llist {
    border-collapse: collapse;
}
.llist_header {
    padding: 0 0.5em;
    text-align: left;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.llist_row td+td {
    border-left: 1px solid #CCC;
    text-align: center;
}
.llist_cell {
    border-bottom: 1px solid #CCC;
    padding: 0 0.5em;
}

input.delete {
    border-color: red;
}
input.save {
    border-color: green;
}

table.queue {
    border-spacing: 20px;
    
}

#dynamic_info {
    position: relative;
    overflow: hidden;
    height: 90px;
    width: 400px;
}

.info_scroll {
    position: absolute;
    top: 100px;
    left: 5px;
    height: 85px;
    width: 390px;
}