/* Global reset */
*
{
  margin:                     0;
  padding:                    0;
}

html, body
{
  width:                      100%;
  height:                     100%;
}

body
{
  background-color:           #fff;
}

/***********************************
 *                                 *
 *           TYPOGRAPHY            *
 * Default fonts for HTML          *
 * elements.                       *
 *                                 *
 ***********************************/

body 
{
	font-family:                "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:                  11px;
}

h1
{
  font-size:                  16px;
  font-weight:                bold;
}

h2
{
  font-size:                  15px;
  font-weight:                bold;
}

h3
{
  font-size:                  14px;
  font-weight:                bold;
}

h4
{
  font-size:                  13px;
  font-weight:                bold;
}

h5
{
  font-size:                  12px;
  font-weight:                bold;
}

h6
{
  font-size:                  11px;
  font-weight:                bold;
}

p 
{
	margin-bottom:              0.8em;
	text-align:                 left;
	line-height:                1.4em;
}	

a            { color:#000099; text-decoration: none; border:none;     }
a.link 	     { color:#000099; text-decoration: none; border:none      }
a.visited	   { color:#000099; text-decoration: none; border:none      }
a.hover      { color:#0000ff; text-decoration: underline; border:none }
a.active     { color:#000099; text-decoration: none; border:none      }

/***********************************************************
 * FORM STYLE
 * This style is used to solve some cross-browser
 * difficulties. In some browsers, forms are always padded
 * with some bottom whitespace, unless the FORM tag is
 * supplied with the style defined below.
 ***********************************************************/
 
form
{
  font-family:                inherit;
  font-size:                  100%;
  padding:                    0;
  margin:                     0;
  display:                    inline;
  text-indent:                0px;
  clear:                      none;
}

label
{
  font-weight:                bold;
  padding-bottom:             1px;
}

div.field_title
{
  font-weight:                bold;
  padding-bottom:             1px;
}

div.field_instr
{
  font-style:                 italic;
  font-size:                  90%;
  padding-bottom:             2px;
}

div.error 
{
  color:                      red;
  font-size:                  inherit;
}

/* By default, tables inherit font family, size and color and are left-aligned. */
table
{
  text-align:                 left;
  font-family:                inherit;
  font-size:                  100%;
  color:                      inherit;
}

fieldset
{
  padding:                    8px;
  border:                     solid 1px #ccc;
  margin-bottom:              8px;
}

/* Default style definition for <input> tag. */
input
{
  font-family:                inherit;
  font-size:                  100%;
  font-weight:                normal;
  font-style:                 normal;  
  clear:                      right;
  width:                      99%;
  margin-bottom:              3px;	
  color:                      #333;
  padding:                    2px;
  border:                     solid 1px #41426D;
  background:                 transparent url("input.gif") repeat-x 0 0;  
}

/* Default style definition for <textarea> tag. */
textarea
{
  font-family:                inherit;
	font-size:                  100%;
  clear:                      right;
  width:                      100%;
  height:                     400px;
  margin-bottom:              3px;	
  border:                     solid 1px #41426D;
  background:                 transparent url("input.gif") repeat-x 0 0;  
  padding:                    2px;
  resize:                     none;
}

/* Default style definition for <select> tag. */
select
{
  font-family:                inherit;
	font-size:                  100%;
  clear:                      right;
  width:                      99%;
  margin-bottom:              3px;
  border:                     solid 1px #41426D;
  background:                 transparent url("input.gif") repeat-x 0 0;  
}

option
{
  background:                 #fff;
}

/***********************************
 *                                 *
 *           DBTABLE               *
 *                                 *
 ***********************************/

.table 
{
  width:                      100%;              /* Fills up width of container. */
  padding:                    2px 0px 2px 0px;
}

/* Header columns */
.table th 
{
	padding:                    1px 7px 1px 3px;
  text-align:                 left;
}

.table th.with-content
{
	font-weight:                bold;
	padding:                    1px 7px 1px 3px;
  text-align:                 left;
  background-color:           #eee;
}

/* Row that does not alternate in color. */
.table tr.row td /* you *must* add td here for the padding to have effect. */
{
  background-color:           #fff;
  padding:                    1px;
}

/* Row that alternates in color (color 0) */
.table tr.row0 td /* you *must* add td here for the padding to have effect. */
{
  background-color:           #fff;
  padding:                    1px;
}

/* Row that alternates in color (color 1) */
.table tr.row1 td /* you *must* add td here for the padding to have effect. */
{
  background-color:           #f8f8f8;
  padding:                    1px;
}

.table tr.hover td
{
  background-color:           #F1F5FA;
}

/* Paging arrows and numbers. */
.table .pager
{
  width:                      100%;              /* To fill up the bottom of the table. */
  color:                      #000;
  margin-top:                 3px;
  margin-bottom:              3px;
  font-weight:                bold;
  font-size:                  9px;
}

.table div.pager-spot
{
  float:                      left;
  text-align:                 center;
  width:                      22px;
  height:                     20px;
  background:                 url("icons/resultset/pager_spot.gif") no-repeat 0 0;
  padding-top:                4px;
  margin-right:               2px;
}

.table div.pager-nospot
{
  float:                      left;
  text-align:                 center;
  width:                      22px;
  height:                     20px;
  background:                 url("icons/resultset/pager_nospot.gif") no-repeat 0 0;  
  padding-top:                4px;
  margin-right:               2px;
}

.table .pager a
{
  font-weight:                bold;
  font-size:                  9px;
}

.table .pager-total
{
  color:                      #888;
  vertical-align:             middle;
}

/***********************************
 *                                 *
 *         ERROR OUTPUT            *
 *     Styles for debug output     *
 *                                 *
 ***********************************/
 
div#artemis_error
{
  position:                   absolute;
  left:                       10px;
  top:                        10px;
  border:                     solid 1px #FFA3AE;
  background:                 #FFE3E6;
  filter:                     alpha(opacity=80);
  opacity:                    0.8;
  padding:                    10px;
  z-index:                    9999;
}

/***************************************************
 *                                                 *
 *                     BOXES                       *
 *                                                 *
 ***************************************************/ 

div.box_normal
{
  border:                     solid 1px #B2D7E1;
  background:                 #F2F7F8;
  padding:                    5px;
  margin:                     0 0 10px 0;
}

div.box_warning
{
  font-weight:                bold;
  border:                     solid 1px #ECDA6E;
  background:                 #FFFFE9;
  padding:                    5px;
  margin:                     0 0 10px 0;
}

div.box_error
{
  color:                      #6A0005;
  border:                     solid 1px #DEA3A3;
  background:                 #FFEDE5;
  padding:                    5px;
  margin:                     0 0 10px 0;
  font-weight:                bold;
}

div.box_info
{
  color:                      #294B6E;
  border:                     solid 1px #B2D7E1;
  background:                 #F2F7F8;
  padding:                    5px;
  margin:                     0 0 10px 0;
}

div.box_success
{
  color:                      #386522;
  border:                     solid 1px #9CD580;
  background:                 #EDFFE4;
  padding:                    5px;
  margin:                     0 0 10px 0;
  font-weight:                bold;
}

/***********************************
 *                                 *
 *            DATEBOX              *
 *                                 *
 ***********************************/

div.datebox
{
  border:                     solid 1px green;
  margin-right:               5px;
  color:                      #fff;
}

div.datebox-border
{
  border:                     solid 1px #fff;
}

div.datebox-inner
{
  background:                 green;
  color:                      #fff;
  font-weight:                bold;
  line-height:                1em;
  padding:                    1px;
  text-align:                 center;
}

div.datebox-wday
{
  margin-bottom:              1px;
  font-size:                  10px;
  color:                      #fff;
}

div.datebox-day
{
  font-size:                  16px;
  position:                   relative;
  color:                      #fff;
}

div.datebox-month
{
  color:                      #fff;
}

div.datebox-year
{
  font-size:                  10px;
  color:                      #fff;
}


/***************************************************
 *                                                 *
 *                   DATE PICKER                   *
 *                                                 *
 ***************************************************/ 

/* The wrapper div */
div.datePicker
{
  position:                   absolute;
  min-width:                  24em;
  width:                      24em;
  z-index:                    9999;
  text-align:                 center;
  font:                       900 0.8em/0.8em Trebuchet MS, Arial, Verdana, Sans-Serif;
  background:                 transparent;
  -moz-user-select:           none;
  -khtml-user-select:         none;
}

/* Styles for the static datePickers */
div.staticDP
{
  position:                   relative;
  top:                        5px;
  left:                       0;
}

/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
{
  position:                   absolute;
  background:                 #fff;
  z-index:                    9998;
  padding:                    0;
  border:                     0;
  display:                    none;
  margin:                     0;
}

/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
{
  /*position:relative;*/
  /* Moz & FF */
  display:                    -moz-inline-stack;
  border:                     0 none;
  padding:                    0;
  margin:                     0 0 0 4px;
  background:                 transparent url(cal/cal.gif) no-repeat 50% 50%;
  min-width:                  16px;
  line-height:                1;
  cursor:                     pointer;
  visibility:                 visible;
  text-decoration:            none;
  vertical-align:             middle;
}

/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
{
  width:                      16px;
}

a.date-picker-control
{
  /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
  display:                    inline-block;
}

a.date-picker-control span
{
  display:                    block;
  width:                      16px;
  height:                     16px;
  margin:                     auto 0;
}

/* The next & previous buttons */
div.datePicker th span
{
  display:                    inline;
  padding:                    0;
  margin:                     0;
  color:                      #000;
  text-align:                 center;
  line-height:                1em;
  border-width:               0;
  font-family:                georgia, times new roman, palatino, times, bookman, serif;
  background:                 transparent;
  font-weight:                bold;
  cursor:                     pointer;
}
        
div.datePicker th span.month-display,
div.datePicker th span.year-display
{
  text-transform:             uppercase;
  letter-spacing:             1px;
  font:                       normal 1.2em Verdana, Sans-Serif;
  cursor:                     default;
}

div.datePicker th span.prev-but,
div.datePicker th span.next-but
{
  font-size:                  1.8em;
  cursor:                     pointer !important;
}

div.datePicker th span.today-but
{
  text-align:                 center;
  margin:                     0 auto;
  font:                       normal 1em Verdana, Sans-Serif;
  width:                      100%;
  text-decoration:            none;
  line-height:                1.6em;
  text-transform:             uppercase;
  cursor:                     pointer !important
}

div.datePicker thead th span.fd-disabled
{
  color:                      #aaa;
  cursor:                     default !important;
}

/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
{
  text-align:                 center;
  margin:                     0 auto;
  font:                       900 1em Verdana, Sans-Serif;
  height:                     1.4em;
  width:                      2em;
  text-decoration:            none;
  text-transform:             lowercase;
  line-height:                1.4em;
}

/* The table */
div.datePicker table
{
  position:                   relative;
  margin:                     0;
  padding:                    0;
  border:                     1px solid #ccc;
  background:                 #fff url(cal/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
  text-align:                 center;
  width:                      100%;
  border-spacing:             2px;
  table-layout:               fixed;
  border-collapse:            separate;
}

/* Common TD & TH styling */
div.datePicker table td
{
  border:                     1px solid #ccc;
  padding:                    0;
  text-align:                 center;
  vertical-align:             middle;
  /* Opera requires a line-height bigger than 1em in order to redraw properly */
  line-height:                1.2em;
  cursor:                     pointer;
  background:                 #fff url(cal/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
  width:                      3em;
  height:                     3em !important;
  height:                     2.8em;
  outline:                    none;
}

div.datePicker table th
{
  border:                     0 none;
  padding:                    0;
  line-height:                1em;
  font-weight:                bold;
  color:                      #222;
  text-align:                 center;
  vertical-align:             middle;
}

div.datePicker table td.date-picker-unused
{
  background:                 #fff url(cal/backstripes.gif);
  border-color:               #dcdcdc;
  padding:                    0;
  cursor:                     default !important;
}
div.datePicker table thead th.date-picker-title
{
  width:                      auto;
  height:                     auto;
  padding:                    0.4em 0;
}

/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
{
  text-transform:             lowercase;
  width:                      3em;
}

div.datePicker table th.date-picker-day-header span
{
  display:                    block;
}

/* The "todays date" style */
div.datePicker table td.date-picker-today
{
  background:                 #fff url(cal/bullet2.gif) no-repeat 0 0;
  color:                      rgb(100,100,100) !important;
}

/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
{
  color:                      #333 !important;
  border-color:               #333 !important;
}

/* the "highlight days" style */
td.date-picker-highlight
{
  color:                      #a86666;
}

/* The date "out of range" style */
div.datePicker table td.out-of-range
{
  color:                      #ccc !important;
  font-style:                 oblique;
  background:                 #fcfcfc !important;
  cursor:                     default !important;
}

/* The "disabled days" style */
div.datePicker table td.day-disabled
{
  color:                      #aaa !important;
  background:                 transparent !important;
  cursor:                     default !important;
}

/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
{
  background:                 #fff url(cal/bg_header.jpg) no-repeat 0 0;
  cursor:                     pointer;
  border-color:               #53880E;
  color:                      #53880E;
}