/*
#------------------------------------------------------------------------------#
# 4Step ME                                                                     #
#------------------------------------------------------------------------------#
*/
      body {
         color: #000000;
         padding: 0px 0px 0px 0px;
         margin: 0;
         font-family: verdana;
      }

      /* --------------------------------------- GENERAL -------------------------------------- */

      p           	   { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000;}

      h1				      { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000;}
      h2				      { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000;}
      h3				      { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #000000; text-align: left;}
      h4				      { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color: #000000;}
      h5				      { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color: #000000;}
      h6				      { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000;}

      form			      { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; margin: 0; padding: 0;}
      textarea		      { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background: #FFFFFF;}
      select      	   { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background: #FFFFFF; text-align: center;}
      input       	   { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background: #FFFFFF;}
      table             { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background: #FFFFFF;}

      .file             { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background: #FFFFFF; background-color: #FFFFFF;}
      .opt_center   	   { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background: #FFFFFF; text-align: center;}

      li				      { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000;}
      hr                { border-style: 1px solid; color: #000000;}

      a                 {color: #000000; text-decoration: none;}
      a:link            {color: #000000; text-decoration: none;}
      a:visited         {color: #000000; text-decoration: none;}
      a:hover           {color: #000000; text-decoration: none;}

      #file_list       	{ font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background: #FFFFFF;}
      #package_bg_table {border: white; background-color: red; background: red; border-collapse: collapse;}

      .a_log_in        {
         color: #000000; 
         text-decoration: none;
         display: block;
         width: 40px;
      }

      .a_log_in:hover {
         display: block;
         width: 40px;
         background: #FF0000;
      }

      /* --------------------------------------- TOOLBAR -------------------------------------- */

      #cds_main_toolbar_container {
         overflow: hidden;
         width: 100%;
         height: 42px;
         background: #E9E9E9 url(/__images/bg_admin.png) repeat-x right top;
         margin: 0;
      }

      #cds_main_toolbar {
         width: 75%;
         height: 35px;      

         border: 1px solid #CCCCCC;
         border-right: 2px #8D8D8D solid;
         border-bottom: 2px #8D8D8D solid;

         font-family: Arial, Helvetica, sans-serif; 
         font-size: 8pt; 
         color: #000000;

         background: White;
         text-align: left;
      }

      #cds_toolbar_table {
         width: 948px;
         border: 1px solid gray;
         border-spacing: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         border-collapse: collapse;
      }

      .cls_toolbar_td_control {
         width: 440px;
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 8pt; 
         color: #000000;
      }

      .cls_toolbar_td {
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 8pt; 
         color: #000000;
      }

      .cls_toolbar_td_spacer {
         width: 20px;
      }

      .cls_toolbar_td_heading {
         width: 200px;
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 12pt; 
         font-weight: bold;
         color: #000000;   
         border: 1px solid gray;
         text-align: center;
      }
      
      .cls_menu_control_btn {
         width: 80px;
         height: 16px;
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 7pt; 
         border: 1px solid gray;
         background: #D7D7D7 url(/__images/bg_table_head.png) repeat-x left bottom;
      }

      .cls_toolbar_td_progress {
         width: 150px;
      }

      .cls_progress_bar_active {
         height: 20px;
         width: 200px;
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 10pt; 
         font-weight: bold;
         text-align: center;
         background: #E9E9E9 url(/__images/progress.gif) repeat-x left top;
         border: 1px solid gray;
      }

      .cls_progress_bar_disabled {
         height: 20px;
         width: 200px;
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 10pt; 
         font-weight: bold;
         text-align: center;
         border: 1px solid gray;
      }

      /* ---------------------------------- CONTENT WRAPPERS ---------------------------------- */

      #cds_main_content {
         padding: 5px 5px 5px 5px;
         overflow: hidden;                    
      }

      #cds_main_wrapper {
         width: 100%;
         height: 100%;
         background-color: #00FFFF;
      }

      #cds_main_wrapper_table {
         width: 100%;
         height: 100%;
         border: 0;
         border-style: 0px solid;
         border-spacing: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         border-collapse: collapse;
      }

      #cds_main_menu_wrapper {
         overflow: auto;
         width: 220px;
         height: 100%;
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 6pt; 
         text-align: center;
         margin: 0;
         background: url(/__images/bg_admin.png) right top;
      }

      #cds_main_content_wrapper {
         width: 100%;
         height: 100%;
         background: url(/__images/bg_admin.png) right top;
         vertical-align: top;
      }

      /* ---------------------------------- MENU COLLECTION ----------------------------------- */

      .cls_menu_collection {
         margin: 0 auto;
         width: 180px;
         border: 1px solid #CCCCCC; 
         background: white;
         border-right: 2px #8D8D8D solid;
         border-bottom: 2px #8D8D8D solid;
         padding: 3px 3px 3px 3px;
      }

      .cls_menu_header {
         width: 180px;
         height: 20px;
         background: white;
         font-size: 10pt;
         font-weight: bold;
      }

      .cls_menu_header_text {
         float: left;
         width: 178px;
         height: 20px;
         font-size: 12pt;
         font-weight: bold;
         background: #D7D7D7 url(/__images/bg_table_head.png) repeat-x left bottom;
         border: 1px solid gray;
      }

      .cls_menu_collection_header {
         width: 180px;
         height: 20px;
         background: white;
         font-size: 10pt;
         font-weight: bold;
      }

      .cls_menu_collection_header_text {
         float: left;
         width: 156px;
         height: 20px;
         font-size: 10pt; 
         font-weight: bold;
         background: #D7D7D7 url(/__images/bg_table_head.png) repeat-x left bottom;
         border: 1px solid gray;
      }

      .cls_menu_header_control {
         clear: none;
         height: 16px;
         width: 178px;
         padding-top : 2px;
         padding-bottom: 2px;
         background: white;
         border: 1px solid gray;
      }

      .cls_menu_colapse {
         float: left;
         width: 20px;
         height: 20px;
         font-size: 10pt;
         font-weight: bold;
         background: FFFFFF;
      }

      .cls_colapse_button {
         height: 22px;
         width: 20px;
         margin: 0 0 0 2px;
         border: 1px solid gray;
         background: #D7D7D7 url(/__images/bg_table_head.png) repeat-x left bottom;
      }

      /* ------------------------------------- MENU ITEM -------------------------------------- */

      .cls_menu_item {
         width: 178px;
         background: white;
         text-align: left;
         font-size: 8pt;
         border-bottom: 1px solid;
      }

      .cls_menu_item_container {
         display: block;
         text-align: left;
         margin-left: 0px;
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 8pt; 
         text-decoration: none;
         padding-left: 2px;
         color: #000000;
      }

      .cls_menu_item_container:hover {
         display: block;
         background: #FF0000;
         text-align: left;
         margin-left: 0px;
      }

      .cls_menu_collection_items {
         display: block;
      }

      .cls_menu_collection_items_hidden {
         display: none;
      }

      /* ------------------------------------ MAIN WINDOW ------------------------------------- */

      #cds_main_window_container {
         width: 733px;
         height: 98%;
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 8pt; 
         color: #000000;
         border: 1px solid #CCCCCC;
         background: white;
         border-right: 2px #8D8D8D solid;
         border-bottom: 2px #8D8D8D solid;
         overflow: auto;
         padding-left: 5px;
         padding-top: 5px;
         scrollbar-face-color: #FFFFFF; 
         scrollbar-shadow-color: #CCCCCC; 
         scrollbar-highlight-color: #FFFFFF; 
         scrollbar-3dlight-color: #CCCCCC; 
         scrollbar-darkshadow-color: #FFFFFF; 
         scrollbar-track-color: #CCCCCC; 
         scrollbar-arrow-color: #CCCCCC;
      }

      #cds_main_window {
         width: 705px;
         height: 100%;
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 8pt; 
         background: white;
      }

      #cds_content_heading {
         background: white;
         text-align: left;
      }

      #cds_content {
         width: 705px;
         background: white;
      }

      #cds_ax_message {
         width: 400px;
         height: 50px;
         text-align: left;
         background: white;
         overflow: auto;
         color: #000000;
         scrollbar-face-color: #FFFFFF; 
         scrollbar-shadow-color: #CCCCCC; 
         scrollbar-highlight-color: #FFFFFF; 
         scrollbar-3dlight-color: #CCCCCC; 
         scrollbar-darkshadow-color: #FFFFFF; 
         scrollbar-track-color: #CCCCCC; 
         scrollbar-arrow-color: #CCCCCC;
      }

      #cds_ax_message p {
         color: #FFFFFF;
         font-weight: bold;
         background: #C4151C;
         margin-bottom: 3px;
      }

      #cds_ax_message ul {
         margin-top: 3px;
         margin-left: 15px;
      }

      #cds_ax_message ol {
         margin-top: 3px;
         margin-left: 24px;
      }

      #cds_ax_message li {
         color: #000000;
      }

      /* ----------------------------------- PAGE ELEMENTS ------------------------------------ */

      .page_heading_table {
         border-bottom: 1px solid #63686C;
         width: 100%;
         padding: 0;
         margin: 0;
         border-collapse:  collapse;
      }

      #page_toolbox_container {
         width: 100%;
         background: white;      
      }

      .cls_page_toolbox {
         margin: 0;
         padding: 0;
      }

      #page_toolbox_table {
         width: 100%;
         border: 1px solid gray;
         padding: 2px 2px 2px 2px;
         border-spacing: 2px 2px 2px 2px;
         background: #EEEEEE;
         color: #000000;
      }

      .page_toolbox_button {
         height: 20px;
         border: 1px outset gray;
         font-size: 8pt;
         background: #FFFFFF;
      }

      .page_toolbox_select { 
         font-family: Arial, Helvetica, sans-serif; 
         font-size: 8pt; 
         color: #000000; 
         background: #FFFFFF;
         border: 1px solid gray;
      }

      .content_list_table {
        border:           1px solid #A9A9A9;
        border-collapse:  collapse;
        background-color: #F2F2F2;
        padding:          0;
        margin:           0;         
      }

      .content_list_table th {
        background:      #E9E9E9;
        vertical-align:  middle;
        line-height:     1em;
        margin:          0;
        padding:         3;
        border:          1px solid #999999;
        color:           #000000;
        font-size:       9pt;
        padding-left:    5px;  
      }

      .content_list_table td {
        background:      #FFFFFF;
        vertical-align:  middle;
        line-height:     1em;
        margin:          0;
        padding:         3;
        border:          1px solid #999999;
        color:           #000000;
        font-size:       8pt;
        padding-left:    5px;  
      }

      .content_list_table td.nor {
         text-align:    left;
      }

      .content_list_table td.num {
         text-align:    right;
      }

      .content_list_table td.ind {
         text-align:    center;
      }

      .content_list_table td.fnc {
         text-align:    center;
         padding: 0;
      }

      .content_add_table {
        border:          1px solid #A9A9A9;
        border-collapse: collapse;
        background-color:#F2F2F2;
        padding:         0;
        margin:          0;         
      }

      .content_add_table th {
         height:         23px;
         background:     #E9E9E9;
         vertical-align: middle;
         margin:         0;
         border:         1px solid #A9A9A9;
         color:          #000000;
         font-size:      9pt;
         padding-left:   5px; 
         padding-right:  5px; 
      }

      .content_add_table td {
         height:         23px;
         background:     #FFFFFF;
         vertical-align: middle;
         margin:         0;
         border:         1px solid #A9A9A9;
         color:          #000000;
         font-size:      8pt;
         padding:        0;
         padding-left:   2px; 
      }

      /* ----------------------------------- LOGIN  ------------------------------------ */

      #login_wrap {
         background:       url(/__images/bg01.jpg) no-repeat center;
         border:           1px solid #CECECE;
         width:            700px;
         height:           600px;
         text-align:       center;
         vertical-align:   middle;
      }

      #login_table {
         background:       none;
         height:           600px;
         width:            700px;
         border:           0;
         border-style:     none;
      }

      #login_form {
         width:            210px;
         border:           1px solid #CCCCCC; 
         background:       White;
         border-right:     2px #8D8D8D solid;
         border-bottom:    2px #8D8D8D solid;
         padding:          2px 2px 2px 2px;
         margin:           30px 5px 0px 0px;
      }

/* ############################################################################################# */