#page_container {}

  .toolbar { font-family: "MS Trebuchet", Arial, sans-serif; border-bottom:4px solid #EDEDED; text-align: left;
   min-height:16px; font-size:11px; padding: 10px 0 5px 0; width: 100%; color: white; background-color: #2e2e2e; background-image:url(../artwork/admin-stripe.jpg); background-position:bottom; background-repeat:repeat-x; top: 0px; left: 0px; z-index: 10000}
  .toolbar a { /*text-transform: uppercase;*/ color: white; cursor:pointer; border: none; font-size: 9px; text-decoration: none}
  .toolbar a:hover { color:#ff6d00; border: none; text-decoration: none}
  .clear { clear: both; padding-bottom: 10px }
  
  #toolbar_options { float:left; padding-left:8px; width: auto; height: 16px; }
  #toolbar_options ul, #module_icon_list ul, #toolbar_user_options ul { padding: 0px; margin:0px; }
  #toolbar_options li, #module_icon_list li, #toolbar_user_options li { font-size: 9px; float: left; margin: 0 2px; list-style: none; text-transform: uppercase}
  
  #toolbar_user_options { float:right; text-align:right; padding-right:8px; height: 16px}
  
  #loading { width: 150px; display: inline; margin-right: 20px}
  .module_loading {float: left; width: 100%; height: 100%; position: absolute; background-image: url(../artwork/opacity80.png);}
  .module_loading_img {margin: auto auto; background-image: url(../artwork/loading2.gif); background-repeat: no-repeat; background-position: center;
                        height: 132px; width: 32px; }
  
  .container { list-style-type: none; margin: 0; padding: 8px 0 4px 0; min-height:15px;  }
  .container_admin { border: 1px dashed #aaa; padding: 8px 0 4px 0 !important; }
  .container_title { font-family:Arial,Helvetica,sans-serif; font-size:10px; text-transform:uppercase; 
                     text-decoration:underline; padding:0 4px 10px 20px; margin-left:4px;
                     background-image:url(../artwork/icons/container.png); background-repeat:no-repeat;  } 
  
  .module_container { margin-bottom: 10px; }
  .module_container_admin { background-color: none; border: none; padding:0 4px 0 4px;  }
  .truecms2_module_options { z-index:1001; position: absolute; margin-left: -120px; margin-top: 2px}
  .db_modules { width:80px; height:80px; background-repeat:no-repeat; float:left; 
                border:1px solid; padding:2px; margin:4px; cursor:move; }
  
  .move_handle { background-color: #B1F1AC; color: black; cursor: default; 
                 padding:6px; margin:4px 0 4px 0; line-height:normal !important;
                 font-family: Arial, "MS Trebuchet", sans-serif; font-size:9px; text-transform:uppercase;
                 -moz-border-radius:3px;}
  
  .move_handle a { border:none; color:#177A95 !important; text-decoration:underline; font-size: 9px !important;}
  
  .move_handle_options { border:1px solid; position:absolute; width:165px; margin:-1px 0 0 0; z-index:1001 auto; background-color:#FFF; 
                         text-transform: uppercase; font-size:11; padding:0 !important; }
  
  .move_handle_options ul { padding:0 !important; margin:0 !important; }     
  
  .move_handle_options ul li { list-style: none; margin:2px 0 2px 0; padding:0 !important;
                               background:none !important; background-color:#f5f5f5; width:auto !important; }                        
                         
  .move_handle_options li span a { display:block; text-transform:none; cursor:pointer; text-decoration:none; padding:6px; background-position:center right; }
                         
  .move_handle_options li span a:hover { color:white; background-color:#45494A;  }
  
  .module_hover { background-color:#FFF; border:1px dotted; }
  
  .module_options_separator { background-color: #aaa; height: 3px}
  
  .hide_icon { height:10px; background-repeat:no-repeat; 
               border:none; padding:0 6px 0 2px; cursor:pointer; } 
  
  .edit_icon { height:16px; background-image:url(../artwork/icons/edit.png); background-repeat:no-repeat; 
               border:none; padding:0 6px 0 20px; cursor:pointer; } 
  
  .refresh_icon { height:16px; background-image:url(../artwork/icons/refresh.png); background-repeat:no-repeat; 
               border:none; padding:0 6px 0 20px; cursor:pointer; } 						 
  
  .lock_icon { height:20px; background-image:url(../artwork/icons/lock.png); background-repeat:no-repeat; 
               border:none; padding:0 6px 0 20px; } 
  
  .delete_icon { width:16px; height:18px; background-image:url(../artwork/icons/delete.png); background-repeat:no-repeat; 
               border:none;  padding:0 6px 2px 20px; cursor:pointer; } 
  
  .edit_page_icon { height:16px; background-image:url(../artwork/icons/page_edit.png);
                    background-repeat:no-repeat; border:none; padding:2px 6px 5px 20px; cursor:pointer; } 
  
  .administration_toolbar_icon { height:16px; background-image:url(../artwork/icons/cog_edit.png);
                    background-repeat:no-repeat; border:none; padding:2px 6px 5px 20px; cursor:pointer; } 
  
  .edit_template_icon { height:16px; background-image:url(../artwork/icons/article_text.png); 
                        background-repeat:no-repeat; border:none; padding:2px 6px 5px 20px; cursor:pointer; } 
                        
  .add_page_icon { height:16px; background-image:url(../artwork/icons/application_add.png); 
                   background-repeat:no-repeat; border:none; padding:2px 6px 5px 20px; cursor:pointer; } 
    
  .logout_icon {  height:20px; background-image:url(../artwork/icons/delete.png); background-repeat:no-repeat; 
                  border:none;  padding:2px 6px 5px 20px; cursor:pointer; } 
  
  .messages_icon { width:16px; height:20px; background-image:url(../artwork/icons/envelope.png); background-repeat:no-repeat; 
               border:none;  padding:2px 6px 5px 20px; cursor:pointer; } 
  
  .add_icon { width:16px; height:20px; background-image:url(../artwork/icons/plus.png); background-repeat:no-repeat; 
               border:none;  padding:2px 6px 5px 20px; cursor:pointer; } 
  
  .admin_icons { width:16px; height:16px; background-repeat:no-repeat; border:none;  padding:2px 9px 2px 9px; border:1px solid #2e2e2e;  }
  
  .admin_icons:hover { border:1px solid #FFF; }
  
  .image_folder_icon { background-image:url(../artwork/icons/folder_camera.png); padding-left:20px; background-repeat:no-repeat; border:none;  } 
  
  .administration_icon { background-image:url(../artwork/icons/computer_edit.png); padding-left:20px; background-repeat:no-repeat; border:none;  }
  
  .page_manage_icon { background-image:url(../artwork/icons/application_double.png); padding-left:20px; background-repeat:no-repeat; border:none;  }
  
  .module_manage_icon { background-image:url(../artwork/icons/brick.png); padding-left:20px; background-repeat:no-repeat; border:none;  }
  
  .page_edit_end_icon { background-image:url(../artwork/icons/tick.png); background-repeat:no-repeat; border:none; }
  
  .page_edit_enable_drag { background-image:url(../artwork/icons/drag.png); background-repeat:no-repeat; border:none; }
  
  .page_edit_disable_drag { background-image:url(../artwork/icons/cross.png); background-repeat:no-repeat; border:none; }
  
  /*.page_edit_module_add { background-image:url(../artwork/icons/module_add.png); background-repeat:no-repeat; border:none; } */
  
  .page_add_icon { background-image:url(../artwork/icons/application_add.png); background-repeat:no-repeat; border:none; }
  
  .page_edit_icon { background-image:url(../artwork/icons/application_edit.png); 
                   background-repeat:no-repeat; border:none;  }
                   
  .user_add_icon { background-image:url(../artwork/icons/user_add.png); 
                   background-repeat:no-repeat; border:none;  }
                   
  .view_template_icon { background-image:url(../artwork/icons/code.png); 
                        background-repeat:no-repeat; border: none; }
  
  .view_pages_icon { background-image:url(../artwork/icons/application_double.png); 
                        background-repeat:no-repeat; border: none; }
  
  .pictures_icon { background-image:url(../artwork/icons/pictures.png); 
                   background-repeat:no-repeat; border:none; padding-left:20px; }
                   
  .pictures_add_icon { background-image:url(../artwork/icons/image_add.png); 
                   background-repeat:no-repeat; border:none; }
  
  .pictures_add_folder { background-image:url(../artwork/icons/folder_add.png); 
                   background-repeat:no-repeat; border:none; }
                   
  .pictures_delete_folder { background-image:url(../artwork/icons/cross.png); 
                   background-repeat:no-repeat; border:none; }
  
  .image_edit_icon { background-image:url(../artwork/icons/image_edit.png); filter:alpha(opacity=70);-moz-
                     opacity:.70;opacity:.70; background-repeat:no-repeat; border:none; padding:0 0 3px 20px; }
  
  .image_edit_icon:hover { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }									 
                     
  .image_delete_icon { background-image:url(../artwork/icons/image_delete.png); filter:alpha(opacity=70);-moz-
                       opacity:.70;opacity:.70; background-repeat:no-repeat; border:none; padding:0 0 3px 20px;  }
					   
 .image_delete_icon:hover { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }
 
  .image_submit_icon { background-image:url(../artwork/icons/image_add.png); filter:alpha(opacity=70);-moz-
                       opacity:.70;opacity:.70; background-repeat:no-repeat; border:none; padding:0 0 3px 20px;  }
                       
  .image_submit_icon:hover { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }	
  
  /* ICONS FOR GLOBAL USAGE */
  .icon_image_add { background-image:url(../artwork/icons/image_add.png); background-repeat:no-repeat; border:none; }
  .icon_image_remove{ background-image:url(../artwork/icons/image_delete.png); background-repeat:no-repeat; border:none; }
  
  
  .edit_hover div { display:block; }
  .edit_hover div:hover { border-color:red; background-color:#f4fac6; cursor:normal; color:none; }
  .edit_hover div div { border:none; padding:0; display:normal; }
  
  .wisiwig_tab { float:left; width:100px; text-align:center; padding:6px; background-color:#FFF; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; margin-left:4px; margin-top:1px; cursor:pointer;  }
  
  .wisiwig_tab_clicked { float:left; width:100px; text-align:center; padding:6px; background-color:#F5F5F5;  border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid white; margin-left:4px; margin-top:0px; cursor:pointer;  }
  
  /* 
  ADMIN TABS
  */
  
  .admin_tab_container { width:70%; float:left; } 
  .admin_tab_normal { background-color:#1C1C1C; float:right; min-width:50px; margin:10px 3px 0 3px;   }
  .admin_tab_normal a { border-bottom:none; text-transform: none; display:block; padding:7px;
                        font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-weight:bold; }
  .admin_tab_normal a:hover { background-color:#45494A; padding:7px;}
  
  .admin_tab_normal_visited { background-color:#45494A; float:right; min-width:50px; margin:10px 3px 0 3px;   }
  .admin_tab_normal_visited a { border-bottom:none; text-transform: none; display:block; padding:7px;
                        font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; font-weight:bold; }
  
  
  /*
  ADMIN TAB ICONS
  */
  
  .tab_folder_add { background-image:url(../artwork/icons/folder_add.png); }
  
  
  /*
  ADMIN repository
  */
  .img_container { float:left; width:15%; margin:5px; text-align:center; background-color:#717171; padding:6px 6px 6px 6px; }
  div.img_container:hover { background-color:#616161; }
  .image_repository_hover { display:block; width:100%; height:100px; border:2px solid; overflow:hidden;  }
  .image_repository_hover:hover { border-color:#74D829; }
  
  .popup .admin_centar_container { background:none !important; width:780px !important;  }
  .popup .admin_centar_container h2 { border:none !important; }
  .popup .upload_control { background-color:#D5D5D5; padding:5px;}
  
  /* 
  FORM elements 
  */
  
  .txt_box { border:1px solid #aaa; font-family:Arial,Helvetica,sans-serif; font-size:12px;  } 
  .txt_box:focus { border-color:#00CC00; }
  
  .admin_txt_box { border:1px solid #aaa; padding:4px; font-family:Arial,Helvetica,sans-serif; font-size:12px; background-image:none; }
  .admin_txt_box:focus { border-color:#00CC00; }
  
  /*
  OBJECT OPTIONS
  */
  .object_selected {
    background-color:#363535 !important;
  }
  
  /*
  ADMIN STYLE-S
  */
  
  .edit_title { margin:0 0 6px 2px; padding:0 0 3px 0; font-weight: bold; font-size:16px }
  
  #system_container { text-align: left; padding:0px 5px 0px 5px;
                      background-image:url(../artwork/birikina/artwork/logo.png); background-position: bottom right; background-repeat:no-repeat; }
  
  #system_container h1 { margin:0px; padding:0px;  color:#74d829; font-size:16px; }
  #system_container h2 { margin:0 0 6px 2px; padding:0 0 3px 0; color:white; font-size:16px; font-weight:bold !important;
                         font-family:Georgia,Times,"Times New Roman",serif; border: none;
                         background-color: transparent; display: block; line-height: 100%;}
  
  .admin_left_container { float:left; width:23%; margin-right:20px; }
  
  .admin_centar_container { float:left; padding:6px 6px 12px 6px; width:72%; background-image:url(../artwork/black-opacity80.png); }
  
  .admin_centar_container a { font-size:11px; text-transform:none;  } 
  
  .admin_report { float:left; margin-right:20px; background-color:#FEF9AD; padding:8px 6px 8px 6px; margin-bottom:4px; 	
                  color:#6A6A6A; font-size:11px; font-family:Arial,Helvetica,sans-serif; }
  .admin_report a { color:black; border-bottom:1px solid #74D829; text-transform:inherit;  }
  
  .admin_report a:hover { border-bottom-color:#000; }
  
  .admin_nav { background-repeat: no-repeat; border-top:0px solid #454545; margin:0px 0 0px 2px; 
               font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
               font-size: 11px;} 
  
  .admin_nav ul { margin:0px; padding:0px; }
  
  .admin_nav li {	text-transform:none;	list-style-type: none;	color: white;	margin:0px 0 0px 0px; 
                  border-bottom:1px solid #454545;  }
  
  .admin_nav li.separator {border: none}                
  
  .admin_nav li a {	color: #74D829;	display:block; font-weight:bold; text-decoration: none;	border:none; 
                    padding-left:2px; padding-right:6px; font-size: 11px;}
  
  .admin_nav li.separator {  }
  
  .admin_nav li span a { display:block; text-transform:none; cursor:pointer; padding-top:4px; 
                         padding-bottom:4px; background-position:center right; padding-left: 21px}
                         
  .admin_nav li span a:hover { color:white; background-color:#45494A;  }
  
  .selected_a_nav { color:white; background-color:#45494A;  }
  
  .admin_nav li ul li { padding-left:8px;  }
  .visited { font-weight:bold; background-color:black; } 
  
  .admin_next_button { padding:6px; border:none; background-color:#080808; margin:2px 1px 4px 1px;  }
  .admin_next_button:hover { background-color:#000; border:none; }
  
  
  .inline_tooltip { padding:4px 8px; margin:5px 2px 0 2px; background-color:#000; font: bold 11px arial, sans-serif; color:#F5F5F5; } 
  
  /*
  GALLERY
  */
  .gallery_container { width:900px; height:550px; overflow-y:auto;  } 
  .gallery_list_of_images_container { width:100px; height:100px; float:left; display:block; overflow:hidden; padding:8px; }
  
  #truecms_gallery_admin { width:875px; height:505px;  margin-right:10px; }
  #truecms_gallery_admin h2 {
	font-size:18px !important;
	font-weight:normal !important;
	margin:0 !important;
	padding:10px 0 !important;
  }
  #truecms_gallery_folders { width:250px; float:left; border-bottom:1px solid #f2f2f2; margin-right:12px; font-size:12px !important; overflow-y:auto; height:505px; }
  #truecms_gallery_folders ul { margin:0 !important; padding:0 !important; }
  #truecms_gallery_folders ul li { }
  #truecms_gallery_folders ul li a { display:block; border-bottom:1px solid #f2f2f2; padding: 7px 0 5px 6px; text-decoration:underline; color:#177A95 !important; display:block; }
  #truecms_gallery_folders ul li a:hover { background-color:#e5e5e5; }
  #truecms_gallery_folders ul .selected_a_nav { background-color:#d5d5d5; }
  #truecms_gallery_list_images { width:600px; min-height:478px; float:left; border-left:1px solid #d5d5d5; padding-left:10px;  }
  
  #truecms_gallery_list_images h2 {
	padding:0 0 18px 0;
  }
  
  .truecms_gallery_add_files a { padding-top:3px !important; }
  .truecms_gallery_info { border: 1px solid rgb(221, 221, 221); padding: 10px; background-color: rgb(238, 238, 238); margin-right: 12px; }
  .truecms_gallery_img_container { float:left; width:132px; margin:5px; text-align:center; font-size:12px; background-color:#f2f2f2; border:1px solid #D5D5D5; padding-top:8px; }
  .truecms_gallery_img_container_unselected { background-color:#F5F5F5; }
  .truecms_gallery_img_container_selected { background-color:#D3D3D3; }
  div.truecms_gallery_img_container:hover { background-color:#E3E3E3; }
  .truecms_gallery_options { background-color:#F0F0F0; padding:6px; width:553px; margin:2px 0 10px 5px; border-bottom:2px solid #707070; }
  .truecms_gallery_img_controls { background-color:#E3E3E3 !important; border-top:1px solid #D5D5D5; text-align:right; padding:4px; margin-top:2px; }
  
  .truecms_gallery_fileimage { display:block; width:100%; height:100px; overflow:hidden; }
  .truecms_gallery_filename { color:#333; padding:2px 0; width:98%; margin-top:7px; height:20px; overflow:hidden; }
  .gallery_icon { padding:0 0 3px 20px; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
                  font-size:12px; color:#177A95 !important; text-decoration:underline; }
  .gallery_icon:hover { text-decoration:none; }
  
  /*
  TREE like structs
  */
  
  .tree { list-style-type: none; margin: 0; padding: 5px 0 0 5px; min-height:12px; }
  
  /* ADMIN NAV EDITING */
  
  ul.admin_edit_nav {
    border: 0px solid #45494A; width: 500px; padding: 5px 0 5px 0; margin: 5px 0 5px 0;
  }
  ul.admin_edit_nav li ul {
    width: auto; padding-left: 40px;
  }
  ul.admin_edit_nav li{  
    padding: 4px 0 0 4px; font-size: 12px; color: black; border-top: 1px solid #ccc;
  }
  ul.admin_edit_nav a.url {
    font-style: italic;  color: #ff6d00;
  }
  ul.admin_edit_nav a.url:hover
  {
    text-decoration: underline;
  }
  ul.admin_edit_nav span.name
  {
    color: white;
  }
  ul.admin_edit_nav li div.move_h
  {
    float: left; cursor: move; width: 25px; vertical-align: bottom; background-repeat: no-repeat; height: 16px;
    background-image: url(../artwork/icons/move.gif);
  }
  ul.admin_edit_nav li div.move_h_not
  {
    float: left; cursor: move; width: 25px; vertical-align: bottom; background-repeat: no-repeat; height: 16px;
  }
  ul.admin_nav_hover {
    border: 1px dashed #ddd;
  }
  div.public_button
  {
    display: inline; cursor: pointer; vertical-align: bottom;
  }
  div.private_button
  {
    display: inline; cursor: pointer; vertical-align: bottom;
  }
  
  div.admin_delete_page
  {
    display: inline; color: white; cursor:pointer; margin-right: 4px; font-size: 11px;
  }
  
  /*
  AUTOCOMPLETER
  */
  
  .autocompleter_div ul
  {
    list-style-type: none; background-color:white; border:1px solid #888888; color:black; margin:0;
    padding:0; position:absolute; width:200px;
  }
  .autocompleter_div ul li
  {
    min-height: 15px; border-bottom: 1px solid #eee; padding: 4px; cursor: default;
  }
  .autocompleter_div ul li:hover
  {
    background-color: #EAF2FB;
  }
  
  /*SLIDER*/
    div.slider { width:100px; margin:10px 0; background-color:#ccc; height:10px; }
    div.slider div.handle { width:10px; height:15px; background-color:#f00; cursor:move; }
  /*
  TABLE VIEW UL
  */
  
  .table_view
  {
    list-style-type: none; margin: 0; padding: 0px; line-height: 130%;
  }
  .table_view li
  {
    border-bottom: 1px solid orange; padding: 4px; color: #ccc;
  }
  .table_view li:hover
  {
    color: white;
  }
  
  .table_view_options
  {
    float: right; background-color: white; border: 1px solid #ddd; padding: 4px;
    margin-right:20px; top: -22px; position: absolute;
  }
  .table_view_options a
  {
    color: #555 !important; text-decoration: none !important;
  }
  .table_view_options a:hover
  {
    text-decoration: underline !important;
  }
  .normal_color li
  {
    border-bottom: 1px solid #ddd; padding: 4px; color: #555;
  }
  .normal_color li:hover
  {
    color: green;
  }
  
  .hover_gray:hover
  {
    background-color: #f7f7f7;
  }
  
  
  /* ADMIN FORMS */
  
  .form_edit input
  {
    background-color: #444 !important;
    border: 1px solid #666 !important;
    color: white !important;
    font-weight: normal !important;
  }
  
  /*
  BUTTON
  */
  
  
  a.button {
      border:none; cursor:pointer; text-transform:none;	margin-top:4px;
      background: transparent url('../artwork/buttons/button-right.png') no-repeat scroll top right;

      color: #444; display: block; float: left; font: bold 11px arial, sans-serif; color:#404040 !important;

      height: 24px; margin-right: 6px; padding-right: 11px; /* sliding doors padding */ text-decoration: none !important;

  }

  

  a.button span {

      background: transparent url('../artwork/buttons/button-left.png') no-repeat;

      display: block; line-height: 13px; padding: 5px 0 6px 12px;

  } 

  

  a.button:hover {

      background: transparent url('../artwork/buttons/button-right-hover.png') no-repeat scroll top right;

  }

  

  a.button:hover span {

      background: transparent url('../artwork/buttons/button-left-hover.png') no-repeat;

      line-height: 13px;  padding: 5px 0 6px 12px;

  } 
  
  /*
   popup support
  */
  div.popup {
    max-width: 1000px; background-image: url('../artwork/popup_bg.png'); text-align: left;
    padding: 8px; /* The following properties should not be changed */ position: fixed;
	font-family: Arial, Helvetica, sans-serif !important;
  }
  div.popup_tip h2 { color: black !important }
  div.popup_tip {
    position: absolute !important;
    max-width: 600px; border: 1px solid #ddd; background-color: white; color: black !important;
    padding: 8px; /* The following properties should not be changed */
  }
  
  #popup {
    padding: 10px 10px 5px 10px; text-align: left;
  }
  
  #popup_overlay {
    background-color: whitesmoke;
    /* The following properties should not be changed */
    position: fixed; top: 0; left: 0; width: 100%; height: 500px;
  }
  
  .popup_toolbar
  {
    padding: 1px 0 5px 9px; color: white; font-weight: bold;
  }
  
  span.popup_link, a.popup_link {
    cursor: pointer; border-bottom: 1px dotted;
  }
  
  .popup_draghandle {
    width: 100%; background-color: #91d559;
  }
  .popup_content {
     background-color: white;
  }
  .popup_closebox {
    cursor: pointer;
  }
  .popup_confirm_closebox {
    cursor: pointer;
  }
  .popup_yes {
    padding: 6px; width: auto; float: right; margin-right: 16px; background-color: #91d559;
    border: 1px solid #81e549; color: white; font-weight: bold;
  }
  .popup_no {
    padding: 6px; width: auto; float: right; margin-right: 16px; background-color: #ddd;
    border: 1px solid #bbb; color: #555;
  }
  #popup_confirm_content {
    background-color: white;
  }
  #popup_confirm_body { 
    padding: 10px; min-width: 400px;
  }
  #popup_confirm_bottom
  {
    clear: both; width: 100%; height: 100%; display: block; background-color: #eee; text-align: right;
    padding: 10px 0 6px 0; border-top: 1px solid #bbb;
  }
  
  /* select box ajax */
  
  div.autocomplete {
    position:absolute; width:400px; background-color:white; border:1px solid #ccc; margin:0px;
    padding:0px; text-align:left; max-height:200px; overflow:auto; font-size: 11px; z-index:10000;
  }
  div.autocomplete ul {
    list-style-type:none; margin:0px; padding:0px;
  }
  
  div.autocomplete ul li {
    padding: 8px; list-style-type:none; display:block; margin:0; cursor:pointer; color: #666; border-bottom: 1px solid #ddd;
  }
  div.autocomplete ul li.ajax_optionbox_separator 
  {
    cursor: default; background-color: #444; color: white; padding: 8px; font-style: italic;
  }
  div.autocomplete ul li.ajax_optionbox_separator_none
  {
    cursor: default; background-color: #444; color: white; padding: 1px; font-style: italic;
  }
  div.autocomplete ul li.ajax_optionbox_separator_end 
  {
    cursor: default; padding: 0px;
  }
  div.autocomplete ul li:hover { 
    background-color: #EAF2FB;
  }
  div.autocomplete ul li.ajax_optionbox_separator:hover { 
    background-color: #444;
  }
  div.autocomplete ul li.ajax_optionbox_separator_end:hover {
    background-color: #444;
  }
  div.autocomplete ul li.ajax_optionbox_separator_none:hover {
    background-color: #444;
  }
  
  .combo /* look&fell of scriptaculous select box*/
  {
    display : inline; text-align:left;  background-color:transparent;
    background: url('../artwork/bg_select.jpg') right center !important; cursor: pointer; border:1px solid #ccc;
    color:#999;  padding: 4px !important; vertical-align: middle; width: 150px;
  }
  
  .combo:focus {
    border:1px solid #555 !important;
  }
  
   /* end of select box ajax */
   
  .opacity
  {
    opacity: 0.6;
  }
  
  
  /* SCAL floating calendar */
  #calendar-container
  {
    z-index: 1004;
  }
  

  /*to get round corners*/
  

  b.rtop{display:block;background: transparent;}

  b.rtop b{display:block; height: 1px; overflow: hidden; }

  b.r1{margin: 0 5px}

  b.r2{margin: 0 3px}

  b.r3{margin: 0 2px}

  b.rtop b.r4{margin: 0 1px;height: 2px}
  
  b.gray_corner b {
    background: #eee;
  }

  b.green_corner b {
    background: #91D559;
  }
  b.white_corner b {
    background: white;
  }

  /*Styles for date picker*/

  

  .floating{

    background-color: White;

    margin:0px;

    border:1px solid #bfcdd4;

    font-family: Arial;

    font-size:12px;

    width:219px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */

    display:block;

    padding:0px;

    min-height:175px;

  }

  .floating:hover{

    cursor:pointer;

  }

  .floating .calwrapper{

    display:block;

  }

  .floating .calweekswrapper{

    display:block;

    border: solid 1px White;

  }

  .floating .calheader{

    display: block;

    width:100%;

    text-align:center;

    color:#CF6228;

    font-size:13px;

    font-weight: bold;

    background-color: #EEF3F6;

    padding-bottom: 2px;

  }

  .floating .caltitle{

    width:auto;

    margin-left:auto;

    margin-right:auto;

    text-align:center;

  }

  .floating .calcontrol{

    font-weight: bold;

    width:20px;

    background: transparent no-repeat center center;

  }

  

  .floating .calcontrol:hover{

  }

  .floating .calclose{

    float:right;

    display:block;

    background-image: url(../artwork/icons/close.jpg);

  }

  .floating .calprevmonth{

    float:left;

    /*background-image: url(images/calendar/month-previous.jpg);*/

  }

  .floating .calnextmonth{

    float:right;

    /*background-image: url(images/calendar/month-next.jpg);*/

  }

  .floating .calnextyear{

    float:right;

    /*background-image: url(images/calendar/year-next.jpg);*/

  }

  .floating .calprevyear{

    float:left;

    /*background-image: url(images/calendar/year-previous.jpg);*/

  }

  .floating .daybox{

    float:left;

    background-color: white;

    border:1px solid white;

    width:25px;

    padding:2px;

    color:black;

    text-align:center;	

  }

  .floating .dayboxvalue{

    display: none;

  }

  .floating .dayboxname{

    border: 1px solid #EEF3F6;

    background-color: #EEF3F6;

    color:#6190AA;

  }

  .floating .dayboxsunday{

    background-color: White;

    border: 1px solid White;

  }

  .floating .dayboxsaturday{

    background-color: White;

    border: 1px solid White;

  }

  .floating .daybox:hover{

  }

  .floating .dayboxname:hover{

  }

  .floating .dayinmonth{

    color:#6190AA;

  }

  .floating .dayoutmonth{

    color:gray;

  }

  .floating .dayselected{

    background-color: #CF6228;

    color: White;

  }

  .floating .daycurrent{

    border:1px solid #e8eef7;

  }

  .floating .weekbox{

    width:100%;

    min-height:21px;

    display:block;

    margin-top:3px;

    background-color: #EEF3F6;

  }

  .floating .endweek{

    float:left;

  }

  .floating .weekboxname{

    background-color: #EEF3F6;

  }
  
  /* tinymce */
  
  body#tinymce a[rel=inlinemp3]
  {
    padding-left: 20px; background-image: url(../artwork/icons/play.png); background-repeat: no-repeat
  }
  body#tinymce
  {
    padding: 0; margin: 0; background: none;
  }
  .mceLayout
  {
    position:relative; z-index: 1000;
  }
  
/* -----------------------------------------------
	www.swfupload.org
	Description: Common Screen Stylesheet for SWFUpload Demos
	Updated on:  May 1, 2008
----------------------------------------------- */


/* -- Form Styles ------------------------------- */

div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;

}

input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


#btnSubmit { margin: 0 0 0 155px ; }


.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.swf_message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.swf_red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.swf_green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.swf_blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 13px;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 5px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 12px;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
  color:#000;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}