/*------------------------------------------------------------------------------
  DEFAULT TAG OVERRULES
------------------------------------------------------------------------------*/
  
body
{
/* font */
   font-family         : Verdana, Arial, Helvetica, sans-serif;
   font-size           : 12px;
   
/* text */
   color               : #000000;
   
/* margins */
   margin              : 0px;
}

a:link
{
   color:#000000
}

a:visited
{
   color:#000000
}

a:hover
{
   color:#3c7cb8;
}

/*------------------------------------------------------------------------------
  DEFINES
------------------------------------------------------------------------------*/
  
#container
{
/* border */
   border-top-width    : 1px;
   border-top-style    : outset;
   border-top-color    : #CCCCCC;

   border-left-width   : 1px;
   border-left-style   : outset;
   border-left-color   : #CCCCCC;

   border-bottom-width : 1px;
   border-bottom-style : inset;
   border-bottom-color : #EEEEEE;

   border-right-width  : 1px;
   border-right-style  : inset;
   border-right-color  : #EEEEEE;

/* size */
   width               : 800px;
   height              : 600px;

/* position */
   position            : absolute;
   top                 : 50px;
   left                : 50px;
   
/* z-index */
   z-index             : 0;
}

/*------------------------------------------------------------------------------
  CLASSES - DIV LAYOUT
------------------------------------------------------------------------------*/

.left_color
{
/* background */
   background-color    : #F3D637;
}

.left_layout
{
/* border */
   border-right-width  : 1px;
   border-right-style  : inset;
   border-right-color  : #030671;
}

.left_layout_iframe_top
{
/* size */
   width               : 200px;
   height              : 238px;
   
/* position */
   position            : absolute;
   left                : 0px;
   top                 : 0px;
}

.left_layout_iframe_bot
{
/* size */
   width               : 200px;
   height              : 200px;
   
/* position */
   position            : absolute;
   left                : 0px;
   top                 : 0px;
}

.left_top
{
/* size */
   width               : 200px;
   height              : 80px;
   
/* position */
   position            : absolute;
   left                : 0px;
   
/* z-index */
   z-index             : 1;
}

.left_mid
{
/* size */
   width               : 200px;
   height              : 438px;
   
/* position */
   position            : absolute;
   left                : 0px;
   top                 : 111px;
   
/* z-index */
   z-index             : 1;
}

.left_bot
{
/* size */
   width               : 200px;
   height              : 20px;
   
/* position */
   position            : absolute;
   left                : 0px;
   top                 : 580px;
   
/* z-index */
   z-index             : 1;
}

.right_top
{
/* size */
   width               : 597px;
   height              : 80px;
   
/* position */
   position            : absolute;
   left                : 203px;
   top                 : 0px;
   
/* z-index */
   z-index             : 1;
}

.right_mid
{
/* size */
   width               : 597px;
   height              : 438px;
   
/* position */
   position            : absolute;
   left                : 203px;
   top                 : 111px;
   
/* z-index */
   z-index             : 1;
}

.right_layout_iframe
{
/* size */
   width               : 560px;
   height              : 400px;
   
/* position */
   position            : absolute;
   left                : 0px;
   top                 : 0px;

/* padding */
   padding             : 10px 10px 10px 10px;

/* z-index */
   z-index             : 1;
}

/*------------------------------------------------------------------------------
  CLASSES - TABLES
------------------------------------------------------------------------------*/
.table_header
{
/* background */
   background-color    : #F3D637;
   
/* font */
   font-size           : 12px;
   font-weight         : bold;
}

.table_title
{
/* background */
   background-color    : #FFFFC6;
}
/*------------------------------------------------------------------------------
  CLASSES - BARS
------------------------------------------------------------------------------*/

.menu_bar_layout
{
/* background */
   background-image  : url(../img/menu_bar.gif);
   background-repeat : repeat-x;

/* size */
   height            : 31px;

/* position */
   position          : absolute;
   
/* padding */
   padding-top       : 7px;

/* font */
   font-size         : 12px;
   font-weight       : bold;
   
/* z-index */
   z-index           : 2;
}

.menu_bar_layout a
{
   padding         : 5px 10px 14px 10px;
   text-decoration : none;
}

.menu_bar_large_top
{
/* size */
   width             : 800px;

/* position */
   position          : absolute;
   left              : 0px;
   top               : 80px;
}

.menu_bar_large_bot
{
/* size */
   width             : 800px;

/* position */
   position          : absolute;
   left              : 0px;
   top               : 549px;
}

.menu_bar_small
{
/* size */
   width             : 200px;
}

.menu_bar_large
{
/* size */
   width             : 95%;
}

/*------------------------------------------------------------------------------
  CLASSES - FONT
------------------------------------------------------------------------------*/

.font_black
{
   /* text */
   color : #000000;
}

.font_grey
{
   /* text */
   color : #777777;
}

.font_align_left
{
   /* text */
   text-align   : left;
   padding-left : 5px;
}

.font_align_right
{
   /* text */
   text-align    : right;
   padding-right : 5px;
}

.font_header
{
/* font */
   font-size         : 24px;
   font-weight       : bold;
}

.font_done
{
   /* text */
   color           : #078D40;
   text-decoration : line-through;
}

.font_todo
{
}

.font_todo_urgent
{
   /* text */
   color           : #FF0000;
}