/* ============================================================ */
/* Defaults                                                     */
/* ============================================================ */
input,textarea,select,table
{
  font-family                 : verdana,arial,helvetica,sans-serif;
  font-size                   : 10px;
  font-variant                : normal;
}
form
{
  margin                      : 0;
  padding                     : 0;
}
code
{ 
  font-size             : 11px;
}
div
{
  text-align                  : left;
}
a
{
  text-decoration             : none;
  color                       : #2222ff;
}
a:hover
{
  text-decoration             : underline;
  background-color            : #ffddee;
}
a:hover img
{
  background-color            : #ffddee;
}
a img
{ 
  border-style : none;
}
/* ============================================================ */
/* Components for main page content                             */
/* ============================================================ */
.page-title
{
  float : left;
  font-size  : 16px;
  color    :#057705;
  padding: 1px 0px 3px 8px;
}
.page-title a
{ 
   font-size   : 10px;
   margin-left : 4px;
}
.page-subtitle
{
  float : right;
  font-size : 12px;
  border-bottom : 1px solid #b6efb6;
  color    :#057705;
  padding: 6px 3px 3px 3px;
  margin-bottom: 2px;
}

.page-subtitle a
{
  color    :#057705;
}
.page-related
{
  float : right;
  font-size  : 10px;
  border : 1px dotted #7ee57e;
  color    :#057705;
  padding: 1px 0px 3px 8px;
  background-color : #fff;
  margin-top : 5px;
}
.page-related .listing
{
  color    :#000000;
  font-size  : 11px;
  font-variant: small-caps;
}
.page-related .listing a
{
  font-size  : 11px;
}
.page-related .listing a.btn
{
  font-size  : 10px;
  font-variant: normal;
}
.page-related .listing label
{
  font-size  : 11px;
  font-variant: normal;
  padding-right : 5px;
}

.notice
{
  float : right;
  font-size                   : 10px;
  font-weight                 : bold;
  margin-top : 3px;
  border : 1px solid #7ee57e;
  padding: 4px;
  background-color : #ddeedd;
  color : #054905;
}
.bookmarks
{
  float : right;
  margin: 4px;
}
.bookmarks img
{ 
  border-style : none;
  margin-left : 8px;
}
#localcp
{
  float : right;
  padding: 4px;
}
.page-body
{
  float : left;
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  line-height : 1.2em;
}
.page-body p
{
  margin : 5px 0px 0px 5px;
  padding : 0px 0px 0px 0px;
  font-size : 10px;
}
.page-body hr
{ 
   height : 1px;
   border : 1px solid #ddd;
}
.page-body h1
{
  font-size  : 14px;
  font-weight : bolder;
  color    :#057705;
  margin : 5px 0px 0px 5px;
  padding : 0px 0px 0px 0px;
}
.page-body h2
{
  font-size  : 12px;
  font-weight : bolder;
  color    :#057705;
  margin : 5px 0px 0px 5px;
  padding : 0px 0px 0px 0px;
}
.page-body h3
{
  font-size  : 11px;
  font-weight : bolder;
  color    :#057705;
  margin : 5px 0px 0px 5px;
  padding : 0px 0px 0px 0px;
}
.page-body h4
{
  font-size  : 10px;
  font-weight : bolder;
  color    :#057705;
  margin : 5px 0px 0px 5px;
  padding : 0px 0px 0px 0px;
}
.page-body h5
{
  font-size  : 10px;
  font-weight : normal;
  color    :#057705;
  margin : 5px 0px 0px 5px;
  padding : 0px 0px 0px 0px;
}
.page-body h6
{
  font-size  : 10px;
  font-weight : normal;
  font-style : italic;
  color    :#057705;
  margin : 5px 0px 0px 5px;
  padding : 0px 0px 0px 0px;
}
.page-body ul
{
  padding : 0px 0px 0px 0px;
  margin : 0px 0px 0px 20px;
  font-size : 10px;
}
.page-body ul li
{
  list-style-type : disc;
  list-style-position : inside;
}
.page-body ul li ul li
{
  list-style-type : square;
  list-style-position : inside;
}
.page-body ul li ul li ul li
{
  list-style-type : circle;
  list-style-position : inside;
}
.page-body ul li ul li ul li ul li
{
  list-style-type : disc;
  list-style-position : inside;
}

#page
{ 
  margin-left : 1em;
}
#page .nav
{
  float : left;
  background-color : #ddeedd;
  width : 150px;
  font-size              : 11px;
  height : 100%;
  border : 1px solid #7ee57e;
  margin : 2px 0px 20px 0px;
  padding : 0px;
}
#page .nav .welcome
{
  font-weight : normal;
  font-style : italic;
  padding-left : 10px;
  margin-bottom : 4px;
}
#page .nav .hed
{
  font-variant : small-caps;
  background-color : #fff;
  padding-left : 10px;
  font-weight                 : bolder;
}
#page .nav .miniform
{
  clear : both;
  display : block;
  margin : 1px 6px 2px 20px;
}
#page .nav .linkgroup
{
}
#page .nav .linkgroup a
{
  float: left;
  display : block;
  padding : 1px 4px 2px 4px;
}
#page .nav .links a
{
  display : block;
  margin : 1px 4px 2px 14px;
}

.miniform input, .miniform select
{
  border : 1px solid #333;
}
#page .nav .miniform label
{
  display : block;
  padding-left : 4px;
}
#page .nav .miniform .number
{
  width : 3em;
}
#page .nav .miniform .terms
{
  width : 6em;
}
#lastquery
{
  border : 1px solid #7ee57e;
  margin : 4px 4px 7px 4px;
  background-color : #eee;
  color : #999;
  font-size   : 9px;
}
#lastquerysql
{
  margin : 4px;
  display : none;
}
#lastquerylabel
{
  margin : 4px;
  color : #000;
}
#disclaimer
{
  border : 1px solid black;
  margin : 4px;
  background-color : #fff;
  color : #333;
  font-size        : 9px;
  text-align : center;
}

#mainform fieldset
{
	display: block;
    background-color : #ddeedd;
    margin-top : 1em;
    margin-bottom : 1em;
    font-size           : 12px;
    padding-bottom : 1em;
}
#mainform fieldset legend
{
  font-size   : 14px;
  color    :#057705;
    
}
#mainform fieldset.radio
{
	margin: 1em 0 2em 0;
}

#mainform fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#mainform fieldset.radio label
{
	font-weight: normal;
}

#mainform input, #mainform select
{
	display: block;
	width: 20em;
}

#mainform .inputs
{
    /* width of label tied to font size */
    /* in this case, it's the wrong size */
    /* so we compensate. */
	width: 17.5em;
}
#mainform textarea.half, #mainform input.half
{
	width: 10em;
}
#mainform div.comment
{ 
	clear : both;
	float: left;
    display : block;
    width : 60em;
	margin: -1em 1em 0em 0.5em;
	font-style : italic;
	font-weight : 300;
    font-size   : 10px;
    color : #444444;
}
#mainform div.comment code
{ 
	font-style : normal;
	font-weight : normal;
    color : #222222;
}

#mainform textarea.single, #mainform input.single
{
	width: 20em;
}
#mainform input.double, #mainform textarea.double
{
	width: 42em;
}
#mainform input.triple, #mainform textarea.triple, #mainform file
{
	width: 64em;
}
#mainform input.number
{
	width: 5em;
}
#mainform input.date
{
	width: 7em;
}
#mainform textarea
{
	display: block;
	width: 60em;
}
#mainform textarea.code
{ 
  width                 : 60em;
  font-family           : courier,serif ! important;
  font-size             : 11px;
}

#mainform input.submit, #mainform input.button
{
	clear: both;
}
#mainform .inputs input
{ 
    display : inline; 
    width : auto;
}

#mainform label
{
    clear : none;
	float: left;
	display: block;
	padding: 0.5em 1em 1em 1em;
	font-weight: normal;
}

#mainform .calinput
{
width : 17.0em;
}
#mainform .calinput input
{
  width: 12.0em ! important;
  margin-right : 1.5em;
  float : left;
}
#mainform .calinput img
{
   float : left;
   margin : 0px;
   margin : 0 0.75em 2.0em 0.50em;
   padding : 0px;
}
label .calinput
{ 
  width : 19em;
}

#mainform .beforeafter
{
width : 35.0em;
}
#mainform .beforeafter input
{
  width: 12.0em ! important;
  margin-right : 1.5em;
  float : left;
}
#mainform .beforeafter img
{
   float : left;
   margin : 0px;
   margin : 0 0.75em 2.0em 0.50em;
   padding : 0px;
}
label .beforeafter
{ 
  width : 35em;
}

#mainform .tsinput 
{
  width: 35.0em ! important;
  float : left;
}
#mainform .tsinput input
{
  width: 12.0em ! important;
  margin-right : 1.5em;
  float : left;
}
#mainform .tsinput img
{
   float : left;
   margin : 0px;
   margin : 0 4.75em 0em 0.50em;
   padding : 0px;
}

#mainform .tsinput select
{
   width: 5.0em ! important;
   float : left;
   margin : 0px;
   margin : 0 0.50em -0.3em 0.50em;
   padding : 0px;
}
label .tsinput
{ 
  width : 20em;
}

#mainform .timeinput
{
width : 17.0em;
}
#mainform .timeinput input
{
  width: 15.0em;
  float : left;
}
#mainform .timeinput img
{
   float : right;
   margin : 0 -0.2em 1.5em 0;
   padding : 0px;
}
#mainform .timeinput select
{
   width: 5.0em ! important;
   float : left;
   margin : 0px;
   margin : 0 1em 1.5em 0;
   padding : 0px;
}
label .timeinput
{ 
  width : 19em;
}

#mainform .timetotime
{
width : 36.0em;
}
#mainform .timetotime input
{
  width: 15.0em;
  float : left;
}
#mainform .timetotime img
{
   float : right;
   margin : 0 -0.2em 1.5em 0;
   padding : 0px;
}
#mainform .timetotime select
{
   width: 5.0em ! important;
   float : left;
   margin : 0px;
   margin : 0 1em 1.5em 0;
   padding : 0px;
}
label .timetotime
{ 
  width : 36em;
}


#localcp, .littlecp
{ 
  margin-top : 3px ! important;
  font-size  : 10px;
}
#localcp a, .littlecp a, #localcp span, #localcp img
{ 
    display : block;
    float : left;
    margin : 0px 7px 0px 1px;
}
#localcp input, #localcp select, #localcp label
{ 
    float : right;
    margin : 5px 5px 0px 4px;
    padding : 0;
}
#localcp label
{ 
    margin : 0.75em 0.25em 0em 0.25em;
}
div.littlecp
{ 
  display : block;
  width : 400px;
  clear : none;
 }

table.browse
{ 
    width : 720px;
}
.browse
{ 
    background-color : white;
    font-size : 10px;
    font-weight : normal;
}

.browse .even
{ 
    background-color : #eee;
}
.browse .odd
{ 
    background-color : #ddd;
}
.browse .hilite
{ 
    background-color : #fcc;
}
.browse td
{ 
    vertical-align : top;
    padding-left : 4px;
    padding-right : 2px;
}
.browse th
{ 
    font-variant : small-caps;
    text-align : center;
    vertical-align : middle;
    margin-right : 2px;
    border-top : 1px solid #7ee57e;
    border-bottom : 1px solid #7ee57e;
}
.browse th img
{ 
    display : block;
    float : left;
    margin-left: 1px;
    margin-top : 2px;
}
.browse th a:hover
{ 
    background: transparent;
}
table.browse 
{ 
  border-bottom : 1px solid #7ee57e;
}
.sortcoltitle
{ 
    display : inline;
    margin-left: 4px;
}
#showcols
{ 
  margin  : 0;
  padding : 0;
  padding-left : 1em;
  padding-top : 1em;
}
#showcols fieldset
{ 
    float : left;
    background-color : transparent;
    border-style : none;
    padding : 0;
    margin  : 0;
    margin : 1px 8px 2px 0px;
}
#showcols fieldset input
{
    float : left;
    display : block;
    width : auto ! important;
    margin  : 0;
    padding : 0;
}
#showcols fieldset label
{ 
    float : left;
    display : block;
    width : 5em;
    font-weight : normal;
    font-size : 10px;
    margin  : 0;
    padding : 0;
    padding-left : 1em;
    padding-bottom : 1em;
}
.pagebar
{
  font-size   : 10px;
  float : right;
  margin: 6px 3px 3px 5px;
  text-align : center ! important;
}
.pagebar .pages
{ 
  /* The following should center the page links, but doesn't */
  text-align : center ! important;
}
.pages a, .pages b
{ 
   width : 2em;
   margin : 1px 2px 2px 2px;
   border : 1px solid #999;
   background-color : #eee;
   display : block;
   float : left;
}
.pages a:hover
{ 
  background-color : #fcc;
  text-decoration : none;
}
.pages b
{ 
   background-color : #fff;
}
.pagebar .pageprev a img, .pagebar .pageprev img
{ 
  clear : none;
  float : left;
  margin : 3px 4px 4px 0px;
}
.pagebar .pagenext a img, .pagebar .pagenext img
{ 
  clear : none;
  float : right;
  margin : 3px 4px 4px 0px;
}

.letterbar
{
  font-size   : 9px;
  float : right;
  margin: 1px 20px 1px 20px;
  text-align : center ! important;
}
.letterbar .letters
{ 
  text-align : center ! important;
  margin : 1px 2px 2px 1px;
}
.letters a, .letters b, .letters span
{ 
   width : 1.5em;
   margin : 1px 2px 2px 1px;
   border : 1px solid #999;
   background-color : #eee;
   display : block;
   float : left;
}
.letters a:hover
{ 
  background-color : #fcc;
  text-decoration : none;
}
.letters b
{ 
   background-color : #fff;
}


.invisible-input
{ 
   border : none;
   background-color : transparent;
   width : 2em;
}

.dualleft
{ 
  float: left;
  margin-left: 10px;
  width:270px;
  
}
div.dualleft select
{ 
  width:260px ! important;
}
.dualmiddle
{ 
  float: left;
  margin-left :10px;
  margin-top :20px;
  width : 100px;
  
}
div.dualmiddle input
{ 
  text-align : center;
  width : 100px ! important;
}
.dualright
{ 
  float: right;
  margin-right: 10px;
  width:270px;
}
div.dualright select
{ 
  width:260px ! important;
}

.cbox
{  
  clear : both;
  float : left; 
  margin-left : 15px;
  margin-top : 10px;
}
.cbox label
{ 
   width : auto ! important;
   margin-top : 0.8em ! important;
}
.cbox input
{ 
   display : inline ! important;
   width : auto ! important;
   margin-right : 1em ! important;
}

#mainform div.submit input
{
	float : left ;
    margin-right : 2em;
    margin-bottom: 4em;
}
div.details
{ 
  font-size   : 10px ! important;
  width : 680px ! important;
}

.details .description
{ 
  background-color : #ffffff;
  clear : both;
  margin : 4px;
  padding : 4px;
  border : 1px solid #7ee57e;
  font-weight : bolder;
}
.details .org
{ 
  float : left;
  clear : left;
  margin-left : 4px;
}
.details .attribs
{ 
  margin : 4px;
  background-color : #eeeeee;
}
.details .attribs table
{ 
  width : 100%;
}
.browse .details .attribs table
{ 
  width : 100%;
}
.details .attribs table td
{ 
  padding-left : 4px;
  padding-right : 4px;
  font-size   : 10px;
  font-weight : normal;
}
.statbar
{ 
  width : auto;
  clear : none;
  float : right;
  color : #054905;
  text-align : right;
  vertical-align : bottom;
  margin : 0px 20px 5px 0px;
}
.titlebar
{ 
  width : auto;
  clear : left;
  float : left;
  text-align : left;
  font-size : 12px;
  font-weight : bold;
  margin : 2px 2px 2px 6px;
  vertical-align : bottom;
}
.orgname
{ 
   font-weight : bold;
   float : left;
   clear : left;
}
.address, .contact, .phone
{ 
   float : left;
   clear : left;
}
.orgname a
{ 
   font-weight : normal;
   margin-left : 4px;
}
.attribs .key
{ 
  color    :#057705;
  text-align : right;
  background-color : #ffffff;
  padding : 1px;
  vertical-align : top;
}
.attribs .value
{ 
  margin-left : 2em;
  padding : 1px;
  font-weight : bolder;
  background-color : #ffffff;
  vertical-align : top;
}

table.followuptable
{ 
  width : 100%;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background-color : #ffffff;
}
.followuptable td
{ 
  font-size   : 9px;
}
.followuptable .even
{ 
  background-color  : #eeeeff;
}
.followuptable .odd
{ 
  background-color  : #ddddff;
}
img
{ 
background-color  : transparent ! important;
}
#mainform .autowide
{
	width: auto;
}
div.cboxattrib
{  
  clear : both;
  float : left;
  margin-left : 15px;
}
.cboxattrib label
{ 
   display : inline;
   width : auto;
   margin-left : 1em;
}
.cboxattrib input
{
   display : block;
   float : left;
   width : auto  ! important;
   margin-right : 0.5em ! important;
}
.cboxattrib div
{
   display : block;
   float : left;
   margin-right : 1em ! important;
}
.clearer
{ 
  clear : both;
}

/* Calendar pages */
.calhead, .caldays
{ 
    width : 702px;
    font-weight : bold;
    font-variant : small-caps;
    text-align : center;
    vertical-align : middle;
    border-top : 1px solid #7ee57e;
    padding-bottom : 1px;
}
.calhead img.prev
{ 
  margin-top : 4px;
  margin-left : 4px;
  float : left;
}
.calhead img.next
{ 
  margin-top : 4px;
  margin-right : 4px;
  float : right;
}
.calsubmenu
{ 
  width : 702px;
  border-top : 1px solid #7ee57e;
  font-variant : small-caps;
  font-size : smaller;
  text-align : center;
  vertical-align : middle;
}
.calsubmenu span
{ 
  padding-left : 4px;
  padding-right : 4px;
}

.calendar 
{ 
  clear : left;
  background-color : #ffffff;
 }
.calendar td
{ 
  border : 1px solid #999999;
}
.calcell-blank, .calcell-today, .calcell-even, .calcell-odd, .calday
{ 
    width : 93px;
    padding-right : 2px;
    text-align : right;
    vertical-align : top;
}
.calday
{ 
    font-weight : bolder;
    text-align : center;
    background-color : #eeeeff;
}
.calcell-blank
{ 
  background-color : #ffffff;
}
.calcell-today
{ 
  background-color : #ffeeee;
}
.calcell-even
{ 
  background-color : #eeeeee;
}
.calcell-odd
{ 
  background-color : #dddddd;
}
.calcell-jobs
{ 
  text-align : left;
  font-size   : 9px;
  padding : 2px;
}
/* popup container...IE made me do it */
.popup-container
{ 
    position : absolute;
    width : auto ! important;
    background-color : #ff0000;
    z-index : 32767;
}
/* date chooser */
.datechooser
{ 
   position:relative;
   top:0;
   left:0;
/*   top:-145;
   left:90;*/
}
.datechooser-calendar
{ 
   background-color : #ffffff;
   font-size : 10px;
   border : 1px solid #000000;

}
.datechooser-calendar-heading
{ 
   font-size : 11px;
   font-weight : bolder;
}
.datechooser-calendar-heading-minor
{ 
   background-color : #eeeeee;
   border : 1px solid #999999;
}
.datechooser-calendar-dow
{ 
   background-color : #eeeeee;
   border : 1px solid #999999;
   width : 14px ! important;
}
.datechooser-calendar-cell
{ 
   padding : 1px 2px 1px 2px;
   border : 1px solid #999999;
   width : 14px! important;
}
.datechooser-calendar-cell-today
{ 
   padding : 1px 2px 1px 2px;
   background-color : #ffcccc;
   border : 1px solid #999999;
   width : 14px! important;
}
.datechooser-calendar-cell-chosen
{ 
   padding : 1px 2px 1px 2px;
   font-weight : bold;
   border : 1px solid #999999;
   width : 14px! important;
}

.icon
{ 
  clear : none ! important;
  float: right ! important;
  text-align : right ! important;
}
.icon img
{ 
  display : inline ! important;
  margin : 1px 2px 5px 2px;
}

.alert
{ 
  color             : #ff0000;
}

.submit
{ 
  padding : 10px;
}
.submit input
{ 
  margin : 10px;
}

.genericheading
{
  text-align : center;
  background-color : #ddeedd;
  font-size : 11px;
  border : 1px solid #7ee57e;
  margin : 2px 0px 20px 0px;
  padding : 0px;
}

.genericsubheading
{
  text-align : left;
  background-color : #eeffee;
  font-size : 11px;
  border : 1px solid #9af09a;
  margin : 2px 0px 20px 0px;
  padding : 0px;
  padding-left : 2px;
}

.alarm
{ 
  color : #ff2222;
}