body
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  margin: 1;
}

body.tabPage {
  border-left: solid 1px #000;
}
/*****************************************************
Form Elements
*****************************************************/
select /* drop down lists in forms */
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
}

textarea /* large multi-line text boxes in forms */
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
}

input /* input elements in forms, e.g radio buttons, text boxes, etc. */
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
}


/****************************************************
General Styles
****************************************************/
.time {
  background: #fff;
  font-size: 80%;
}

.clear
{
  clear: both;
}

span.tooltip {
  border: solid 1px #000;
  padding: 3px;
  background: #ffffc0;
  font-size: 90%;
}

.infoBox {
  font-family: Tahoma;
  font-size: 100%;
  border: dotted 1px #999;
  margin: 10px;
  padding: 5px;
  background: #ffffdd;
}

/****************************************************
Form Styling
****************************************************/

fieldset {
    margin: 1em 0;
    border: none;
    /*border-top: 1px solid #ccc;*/
}

legend {
    margin: 1em 0;
    padding: 0 .5em;
    color: #036;
    background: transparent;
    font-size: 1.3em;
    font-weight: bold;
}

label {
    float: left;
    width: 100px;
    padding: 0 1em;
    text-align: right;
}

fieldset div {
    margin-bottom: .5em;
    padding: 0;
    display: block;
}

fieldset div input, fieldset div textarea {
    width: 250px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px;
    color: #333;
}

fieldset div select {
    padding: 1px;
}

div.fm-chk {
  text-align: left;
}
div.fm-chk input {
  width: 10px;
    text-align: left;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px;
    color: #333;
}

div.fm-multi div {
    margin: 5px 0;
}

div.fm-multi input {
    width: 1em;
}

div.fm-multi label {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
}

#fm-submit {
    clear: both;
    padding-top: 1em;
    text-align: center;
}

#fm-submit input {
    border: 1px solid #333;
    padding: 2px 1em;
    background: #555;
    color: #fff;
    font-size: 100%;
}

input:focus, textarea:focus {
    background: #efefef;
    color: #000;
}

    
/* required fields - does not work in IE */
fieldset div.fm-req, fieldset div.fm-chk {
    font-weight: bold;
}

fieldset div.fm-req label:before, fieldset div.fm-chk label:before {
    content: "* "; /* does not work in IE */
}



/****************************************************
Html Editor Pop-up
****************************************************/
#editorBody {
    background-color: #d4d0c8;
    padding: 0;
    margin: 0;
}

.editorTab {
  background: #006;
  padding: 5px 0 0 0;
}

.editorDefaultTab {
  background: url('/planner/ntab1off.gif');
  color: #ccc;
  font-family:Verdana; 
  font-size:10px; 
  font-weight: bold;
  cursor:pointer;
  cursor:hand;
}

.editorSelectedTab {
  background: url('/planner/ntab1.gif');
  font-family:Verdana; 
  font-size:10px; 
  font-weight: bold;
  cursor:pointer;
  cursor:hand;
}

#editorToolbar {
  background: url('/planner/tbarback.gif') repeat-x;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  padding: 3px;
  width: 100%;
}

div.editorSeparator {
  padding: 3px 0 3px 0;
  font-weight: bold;
  text-align: center;
  clear: both;
  color: #666;
}
div.editorSeparator span {
  font-size: 80%;
}

/****************************************************
Calendar Styling
****************************************************/

.toolbar {
  background: url('/planner/tbarback.gif') repeat-x;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 8pt;
  padding: 5px;
  width: 100%;
}

.toolbar img {
  border: 0;
  vertical-align: middle;
}

.toolbar a {
  text-decoration: none;
  color: #000;
  padding: 3px;
}

.toolbar a:hover, a:active, a:visited {
  color: #000;
}

.toolbar .active {
  border: 1px solid #2254b1;
  background: #fee197;
}

/****************************************************
Calendar Styling
****************************************************/
#calHeader {
  background: #31639c;
  color: #fff;
}

#calHeader a {
  font-size: 70%;
  color: #fff;
}

.cal {
  font-size: 95%;
}

.cal a {
  font-size: 11px;
}