/* ============================================================ */
/* Defaults                                                     */
/* ============================================================ */
html
{ 
  background-color            : #fff;
}
input,textarea,select,table
{
  font-family                 : verdana,arial,helvetica,sans-serif;
  font-size                   : 10px;
  font-variant                : normal;
}
form
{
  margin                      : 0;
  padding                     : 0;
}
body
{
  margin                      : auto;
  padding                     : 0;
  font-family                 : verdana,arial,helvetica,sans-serif;
  font-size                   : 11px;
  background-color            : #fff;
}
code
{ 
  font-size                   : 11px;
}
#popupbody
{ 
  background-color            : #fff;
}
div
{
  text-align                  : left;
}
a
{
  text-decoration             : none;
  color                       : #2222ff;
}
a:hover
{
  text-decoration             : underline;
  background-color            : #ffddee;
}
/*
a:hover img
{
  background-color            : #fff;
}
*/
a img
{ 
  border-style : none;
}
.editdel
{ 
  margin : 0 ! important;
  margin-right : 3px  ! important;
  padding:0 ! important;
  display:inline ! important;
  clear : none;
  float : none;
}

/* ============================================================ */
/* Main document components                                     */
/* "site" and "content" are for main positioning                */
/* Page is composed of "prolog", "main", and "epilog"           */
/* ============================================================ */
#site
{
  width                       : 800px;
}
#maincp
{
  position                    : fixed;
  top                         : 0;
  left                        : 50%;
  width                       : 800px;
  height                      : 102px;
  margin                      : 0 0 0 -400px;
  background-color            : #fff;
  z-index                     : 5; 
}
.maincp-nbm
{
  height                      : 74 ! important;
}
.maincp-ie
{
  position                    : absolute ! important;
}
.maincp-ie-nbm
{
  height                      : 74 ! important;
  position                    : absolute ! important;
}
#content
{
  position                    : absolute;
  top                         : 105;
  left                        : 50%;
  width                       : 800px;
  margin                      : 0 0 0 -400px;
  background-color            : #fff;
}
.nbm
{ 
  top                         : 77 ! important;
}

#main
{
  clear                       : both;
  width                       : auto;
  background-color            : #fff;
}
#popup #main
{ 
  width : auto;
}
#epilog
{
  clear : both;
  background-color : #fff;
  padding-top : 4px;
  padding-bottom : 4px;
}
#popup
{ 
  margin                      : 0 auto;
  width                       : auto;
  background-color            : #fff;
}

/* ============================================================ */
/* Other components, may be used in a variety of places.        */
/* ============================================================ */
#maincp .nav
{
   height : 24px;
   font-size          : 10px;
   padding : 0 ! important;
   margin : 0 ! important;
   padding-left : 10px;
   margin-bottom : 0px;
}
#maincp .welcome
{
   height : 20px;
   font-size         : 10px;
   font-weight       : bold;
   float : right;
   text-align : right;
   padding : 0;
   margin : 0;
   padding-top : 3px;
   padding-right : 20px;
   color : black;
}
#maincp .nav a
{
   width : 80px;
   float : left;
   text-align : center;
   padding : 0;
   margin : 0;
   margin-left : 5px;
   margin-top : 3px;
   padding-top : 3px;
   padding-bottom : 4px;
   background-color : white;
   border : 1px solid #ccc;
   border-bottom-style : none;
   letter-spacing : 0.05em;
/*   background-image : url(images/tabbg.gif);
   background-position : bottom;
   background-repeat : repeat-x;*/
}
#maincp .nav a.current
{
/*   background-color : #eeffee;*/
   border-bottom-style : none;
   font-weight        : bold;
   letter-spacing : 0.15em;
   background-image : none;
}
#maincp .nav a.logout
{
   color : #ff6666;
}

#maincp .inner
{
/*   background-color : #eeffee;*/
   border : 1px solid #ccc;
   width   : 800px;
   height  : 50px;
   font-size : 10px;
   padding : 0px;
   padding-left : 4px;
   margin-top : 0px;
}

#maincp .inner .miniform
{
  float : left;
  display : block;
  margin : 4px 4px 2px 0px;
  font-variant : small-caps;
}
#maincp .inner .linkgroup
{
}
#maincp .inner .linkgroup a
{
  float: left;
  display : block;
  padding : 1px 4px 2px 4px;
}
#maincp .inner .links
{
  padding-top : 10px;
  padding-left : 20px;
}
#maincp .inner .links a
{
  float : left;
  display : block;
  margin : 1px 4px 2px 14px;
}
#maincp .inner .linkblock
{
  float : left;
  clear : none;
  margin-top : 4px;
  margin-left : 5px;
  padding-top : 2px;
  padding-left : 4px;
  padding-right : 2px;
  border-top : 1px solid #cceecc;
  border-left : 4px solid #bbddbb;
  font-variant : small-caps;
}
#maincp .inner form
{
  float : left;
  clear : none;
  margin-left : 5px;
  padding-top : 2px;
  padding-left : 4px;
  padding-right : 2px;
  padding-bottom : 5px;
  border-top : 1px solid #cceecc;
  border-left : 4px solid #bbddbb;
  font-variant : small-caps;
}
.miniform input, .miniform select
{
  border : 1px solid #333;
}
#maincp .inner .miniform label
{
  display : block;
  padding-left : 2px;
}
#maincp .inner .miniform .number
{
  width : 3em;
}
#maincp .inner .miniform .terms
{
  width : 8em;
}
#maincp .inner a.edit
{ 
    display : block;
    float : right;
    clear : right;
    margin : 4px 4px 0px 2px;
    padding : 2px;
    background-color : #fff;
    border : 1px solid #ccc;
    width : 16px;
}
#maincp .inner a.edit:hover
{ 
    background-color  : #ffddee;
}
#maincp .inner .edit img
{ 
    padding : 0;
    margin : 0;
}
.docindex
{ 
  margin-top : 0.6em;
  margin-left : 1em;
}
.doctitle
{ 
   float: left;
   padding-left : 0.5em;
   padding-right : 1.5em;
   font-weight : bolder;
}
.docpage
{ 
   float: left;
   color : #363636;
   padding-left : 0.5em;
   padding-right : 0.5em;
}
.docpage-current
{ 
   font-weight : bolder;
   float: left;
   color : #363636;
   padding-left : 0.5em;
   padding-right : 0.5em;
}
div.crumbs
{ 
  padding: 3px 0px 3px 3px;
  float: left;
  font-size : 10px;
}
div.crumbsep
{ 
  padding : 0px 2px 0px 4px;
}
div.crumbsright
{ 
  float: right;
  font-size : 10px;
  padding-bottom : 1px;
}
/* ============================================================ */
/* Components for main page content                             */
/* ============================================================ */
#page
{
   margin : 3px;
   background-color : #fff;
}
#page .page-title, #page .page-subtitle, #page .notice, #page .bookmarks, #page .page-body, #page #localcp, #page .pagebar, #letter .letterbar, #page .followups, #page .massaction, #page .page-related, table.browse 
{
   width : 783px; 
}
#popup #page .page-title, #popup #page .page-subtitle, #popup #page .notice, #popup #page .bookmarks, #popup #page .page-body, #popup #page #localcp, #popup #page .pagebar, #letter .letterbar, #popup #page .followups, #popup #page .massaction, #popup #page .crumbs, #popup #page .page-related, #popup #page table.browse
{
   width  : 98%;
   margin : 5px 10px 5px 5px;
}
.page-title
{
  float : left;
  font-size  : 18px;
  font-weight : bolder;
  color    :#057705;
  padding: 1px 0px 3px 1px;
  margin-top : 3px;
}
.page-title a
{ 
   font-size   : 10px;
   margin-left : 4px;
}
.page-subtitle
{
  float : left;
  font-size : 12px;
  border-bottom : 1px solid #b6efb6;
  color    :#057705;
  padding: 6px 3px 3px 3px;
  margin-bottom: 2px;
}

.page-subtitle a
{
  color    :#2577cc;
}
.page-related img
{
  vertical-align : top;
}
.page-related
{
  float : left;
  font-size  : 10px;
  border : 1px dotted #7ee57e;
  color    :#057705;
  padding: 1px 0px 3px 8px;
  background-color : #fff;
  margin-top : 5px;
  margin-bottom : 5px;
}
.page-related .listing
{
  color    :#000000;
  font-size  : 11px;
  font-variant: small-caps;
}
.page-related .chunk
{
  display : block;
  float: left;
  margin-right : 6px;
  margin-bottom : 4px;
  padding-left : 2px;
  padding-top : 2px;
  padding-bottom : 2px;
  border-top : 1px solid #ccccee;
  border-left : 4px solid #aaaaff;
  border-right : 1px solid #eeeeee;
}
.page-related .new img
{
  float: right;
  vertical-align : top ! important;
  padding : 0;
  margin : 0;
}
.page-related .chunk a
{ 
  text-decoration : none ;
}
.page-related .listing a.mainlink
{
  font-size  : 10px;
  display : block;
  float: left;
  width : 10em;
  padding : 1px;
  margin-top : 3px;
  margin-right : 2px;
}
.page-related .listing a.btn
{
  font-size  : 10px;
  font-variant: normal;
  width : 2em;
  background-color : transparent;
}
.page-related .listing label
{
  font-size  : 10px;
  font-variant: normal;
  padding-right : 5px;
}

.notice
{
  float : left;
  font-size                   : 10px;
  font-weight                 : bold;
  margin-top : 3px;
  border : 1px solid #7ee57e;
  padding: 4px;
  background-color : #ddeedd;
  color : #054905;
}
.bookmarks
{
  background-color : #efefef;
  padding : 4px;
  padding-right : 0px;
  padding-bottom : 3px;
  margin-bottom : 1px;
  clear : left;
  border-bottom : 1px solid #444;
  border-left : 1px solid #888;
  border-right : 1px solid #888;
}
.bookmarks img
{ 
  border-style : none;
  margin-left : 8px;
}
#localcp
{
  float : left;
  background-color : #eee;
  padding-top : 4px;
  padding-bottom : 6px;
  padding-right : 10px;
  border : 1px solid #9d9;
}
.page-body
{
  float : left;
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  background-color : #fff; 
  line-height : 1.15em;
}
.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 .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;
}
#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 #666;
  margin : 5px;
  padding : 2px;
  background-color : #fff;
  color : #666;
  font-size  : 9px;
  font-style : italic;
  text-align : center;
}

#mainform fieldset
{
    display: block;
    background-color : #ddeedd;
    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: 24em;
}

#mainform .inputs
{
    /* width of label tied to font size */
    /* in this case, it's the wrong size */
    /* so we compensate. */
    width: 24em;
}
#mainform textarea.half, #mainform input.half
{
    width: 12em;
}
#mainform div.comment
{ 
    clear : both;
    float: left;
    display : block;
    width : 72em;
    margin: 0em 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: 24em;
}
#mainform input.double, #mainform textarea.double
{
    width: 48em;
}
#mainform input.triple, #mainform textarea.triple, #mainform file
{
    width: 72em;
}
#mainform input.number
{
    width: 5em;
}
#mainform input.date
{
    width: 7em;
}
#mainform textarea
{
    display: block;
    width: 72em;
}
#mainform textarea.code
{ 
  width                 : 65em;
  font-family           : courier,serif ! important;
  font-size             : 11px;
}

#mainform .inputs input
{ 
    display : inline; 
    width : auto;
}

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

#mainform .calinput
{
width : 20em;
}
#mainform .calinput input
{
  width: 15.0em ! important;
  margin-right : 1.25em;
  float : left;
}
#mainform .calinput img
{
   float : left;
   margin : 0;
   padding : 0;
}
label .calinput
{ 
  width : 22em;
}

#mainform .beforeafter
{
width : 38.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 : 38em;
}

#mainform .tsinput 
{
  width: 38.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: 6.0em ! important;
   float : left;
   margin : 0px;
   margin : 0 0.50em -0.3em 0.50em;
   padding : 0px;
}
label .tsinput
{ 
  width : 24em;
}

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

#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;
  margin-bottom : 3px;
  font-size  : 10px;
}
.littlecp a, #localcp span, #localcp img
{ 
    display : block;
    float : left;
    margin : 0px 6px 0px 3px;
}
#localcp input, #localcp select, #localcp label
{ 
    float : right;
    margin : 0px 5px 0px 4px;
    padding : 0;
}
#localcp label
{ 
    margin : 0em 0em 0em 0.25em ;
}
#localcp label input
{ 
    float : left;
    clear : none;
}
div.littlecp
{ 
  display : block;
  width : 400px;
  clear : none;
 }

.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 : left;
  margin: 6px 0px 3px 0px;
  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 : left;
  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 :20px;
  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;
}
.jobimage-cbox
{ 
   float : left;
   clear : left;
   width : auto;
}
.cbox
{  
  clear : both;
  float : left; 
  margin-left : 15px;
}
.cbox label
{ 
   width : auto ! important;
   margin-top : 0.8em ! important;
}
.cbox input, .jobimage-cbox input
{ 
   display : inline ! important;
   width : auto ! important;
   margin-right : 1em ! important;
}

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

.details .description
{ 
  background-color : #ffffff;
  clear : both;
  margin : 4px 0px 4px 4px;
  padding : 4px 0px 4px 4px;
  border : 1px solid #7ee57e;
  font-weight : bolder;
}
.details .org
{ 
  float : left;
  clear : left;
  margin-left : 4px;
  margin-bottom : 2px;
}
.details .attribs
{ 
  margin : 4px;
  background-color : #eeeeee;
}
.details .attribs-image
{ 
  margin : 4px;
  margin-right : 100px;
  background-color : #eeeeee;
}
.details .attribs table
{ 
  width : 100%;
}
.details .attribs-image table
{ 
  width : 85%;
}
.browse .details .attribs table
{ 
  width : 100%;
}
.details .attribs table td,
.details .attribs-image 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, .attribs-image .key
{ 
  color    :#057705;
  text-align : right;
  background-color : #ffffff;
  padding : 1px;
  vertical-align : top;
}
.attribs .value, .attribs-image .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;
}
.inline
{ 
  float : none ! important;
  display : inline ! important;
}

/* Calendar pages */
.calhead, .caldays
{ 
    width : 770px;
    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 : 770px;
  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 : 104px;
    padding-right : 3px;
    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; 
    z-index : 32767;
    margin : 2px;
    padding : 2px;
}
.datechooser
{ 
   position:relative;
   top:0;
   left:0;
}
.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 4px 5px 2px;
}
.alert
{ 
  color             : #ff0000;
}

.submit input
{ 
  margin : 7px;
}

.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;
}
.attributions
{
    clear: left;
}
.attribution
{
    padding-right : 10px;
}
.jobimage
{ 
    background-color : #ffffff;
    padding : 2px;
    border : 1px solid black;
}
fieldset div.jobimage
{ 
    float : right;
    padding : 2px;
    border : 1px solid black;
    margin : 2px;
}