/*---FEATURED OPTIONS---*/
  #editfeatstyles { float:right;display:inline-block;border:1px solid #fff;background:#fff url(../css/images/gray_icons_sprite.png) no-repeat -177px -113px;width:14px;height:14px;text-indent:-9999px; }
  #editfeatstyles:hover { background-color:#FFFFBB;border:1px dotted #aaa; }
  #featureoptions  
    {
      display:none;
      width:600px;   
      border:10px solid #ddd;
      margin-bottom:40px;
      padding:10px 10px 30px;
      z-index:99999;      
      -moz-border-radius:5px;
      font-family:'trebuchet ms',helvetica,arial,sans-serif;
      font-size:12px;
    }

/*---CATEGORY STYLES---*/
    #categoryWrapper {  }
    #categoryTreeWrapper { }
    ul.categoryTree { margin:0;padding:0; }
    #leftSidebarPanel .section .content { border:0 none; }
    
    #styleoptions  
    {
      display:none;
      /*position:absolute;
      top:0;left:190px;*/
      background:#fff;
      border:10px solid #ddd;
      width:900px;
      margin-bottom:40px;
      padding:10px 10px 30px;
      font-family:'trebuchet ms',helvetica,arial,sans-serif;
      font-size:12px;
      z-index:99;
      -moz-border-radius:5px;
    }
      #styleoptions h2 
      {
        background:#D8E7F6;
        border:1px solid #ADBFD6;
        padding:4px 6px;
        font-size:21px;
        font-weight:normal;
        font-family:'trebuchet ms',helvetica,arial,sans-serif;
        -moz-border-radius:5px;
      }
    #categoryWrapper { position:relative; }
    #editcatstyles { position:absolute;bottom:-20px;right:0px;display:inline-block;border:1px solid #fff;background:#fff url(../css/images/gray_icons_sprite.png) no-repeat -177px -113px;width:14px;height:14px;text-indent:-9999px; }
    #editcatstyles:hover { background-color:#FFFFBB;border:1px dotted #aaa; }
    
    .close 
    {
      position:absolute;
      bottom:0px;right:10px;
    }
      .close a 
      {
        display:block;
        background:#D8E7F6;
        border:1px solid #ADBFD6;
        padding:5px;
        -moz-border-radius:3px;
        text-transform:uppercase;
        text-decoration:none;       
      }
    
    .colorpicker { z-index:999999; }
    
    /*default styles for all versions*/
    ul.categoryTree li 
    {
      border:1px solid #ccc;
      background:#333;      
      color: #fff;
      width:150px;
      margin:-1px 0 0;
      list-style:none;
    }
    ul.categoryTree li a 
    {
      background:#333;      
      color: #fff;
      padding: 0.5em;
      text-decoration:none;
    }
    ul.categoryTree li a:hover,ul.categoryTree li a.current { background-color:#aaa; }
    
    /*version 1: flyout menu*/
    ul#flyout li 
    {
      position:relative;
      z-index:100;
    }
    ul#flyout a 
    {
      display: block;
    }    
    ul#flyout li ul  
    {
      display:none;
      position:absolute;
      top:0;left:150px;
      z-index:99;
    }
    ul#flyout li ul li 
    {
      width:0px;
    }    
    ul#flyout li ul a 
    {
      border-left:0 none;
    }  
    ul#flyout .arrow 
    {
      position:absolute;
      top:0;right:0;
      width:16px;
      padding-left:0;padding-right:0;
    }
    /*end version 1*/
    
    /*version 2: accordion*/
    ul#accordion, ul#accordion ul {
		  list-style-type:none;
      margin: 0;
      padding: 0;
      width: 150px;
			}
    ul#accordion a {
		  display: block;
      text-decoration: none;
			}
		
    ul#accordion li 
    {
      border-left:0 none;border-right:0 none;border-bottom-width:0;
		  margin-top: -1px;
      width:150px;
			}
    ul#accordion li ul li a {
		  background: #ccc;
      color: #000;
			}
    
    ul#accordion li ul li li a {
		  padding-left: 30px;
      font-size:10px;
			}
		
    ul#accordion li ul li a:hover {
		  background: #aaa;
		  border-left: 5px #000 solid;
    }
    
    ul#accordion li ul li li a:hover {
		  padding-left: 25px;
    }
		
    .code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
    .code code { display: block; padding: 3px; margin-bottom: 0; }
    .code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
    .indent1 { padding-left: 1em; }
    .indent2 { padding-left: 2em; }
  /*end version 2*/
  
  .colorpick { line-height:28px;width:400px; }
  .colorpick input { display:inline-block;float:right;width:100px;height:20px;border:1px solid #999;cursor:pointer; }
  .colorpick input[type="hidden"] { display:none; }
  .swatch { display:inline-block;float:right;margin:0 5px;width:22px;height:22px;border:1px solid #999;cursor:pointer; }
  
  .fontpick { line-height:28px;width:300px; }
  #fontsize { height:20px; }
  #fontstyle a { cursor:pointer;color:#000;padding:3px; }
  
  /*jQuery dialog*/
  .ui-dialog { position: relative; padding: .2em; width: 300px; }
  .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; font-size:14px;  }
  .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
  .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
  .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
  .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
  .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
  .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
  .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
  .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
  .ui-draggable .ui-dialog-titlebar { cursor: move; }

  /*jQuery UI tabs*/
  .ui-tabs { padding: .2em; zoom: 1; }
  .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
  .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
  .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
  .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
  .ui-tabs .ui-tabs-hide { display: none !important; }

  
  /*version 3: horizontal flyout menu*/
  /*  ul#hzflyout li 
    {
      display:inline-block;
      width:150px;      
      margin:-1px 0 0;
      border:1px solid #ccc;
      list-style:none;
      background:#333;
      position:relative;
      z-index:100;
    }
    ul#hzflyout a 
    {
      display: block;
      text-decoration: none;	
    }    
    ul#hzflyout li a {
		background: #333;
      color: #fff;
      padding: 0.5em;
			}
    ul#hzflyout li ul  
    {
      position:relative;
      z-index:99;
    }
    ul#hzflyout li ul li ul
    {
      position:absolute;
      top:0px;left:150px;
      z-index:99;
    }
    ul#hzflyout li a:hover,ul#hzflyout li a.current { background-color:#fff; }
    ul#hzflyout .arrow 
    {
      position:absolute;
      top:0;right:0;
      width:16px;
      padding-left:0;padding-right:0;
    }*/
  /*end version 3*/
  
/*---END CATEGORY STYLES---*/