html{height:100%;}
body {height:100%; margin:0; padding:0; min-width: 980px; /* 2x (LC fullwidth + CC padding) + RC fullwidth */ background-color:#fff; font-family:Arial, Helvetica, sans-serif;font-size: 12px;color:#2c2c2c;}
#container {min-height:100%; padding-left: 205px;    /* LC fullwidth */ padding-right: 150px;   /* RC fullwidth + CC padding */  margin-bottom:-56px;   /* F fullheight */ overflow: hidden; position:relative; z-index:1; }
    #header { height:85px; margin-left:-205px; margin-right:-150px; background-color:#c9c9c9; position:relative; z-index:2; background:url(header_bg.png) repeat-x top center; }
    #container .column {float: left; position: relative; margin-top:-5px;   /* H overlap */ padding-bottom: 20056px;  /* X + F.fullheight + padding-bottom */ margin-bottom: -20000px;  /* X */ }
    #center { padding: 0 0;       /* CC padding */ width: 100%;}
        #content{ padding:20px 37px 0 27px; }
    #left { width: 205px;           /* LC width */ padding: 0;             /* LC padding */ right: 205px;           /* LC fullwidth + CC padding */ margin-left: -100%;  background:url(menu_action_bg.png) repeat-y top left;   /* background LC */}
    #right {width: 148px;           /* RC width */ padding: 0 0 0 2px;       /* RC padding */ margin-right: -150px;   /* RC fullwidth + CC padding */ background:url(menu_language_bg.png) repeat-y top right; /* background RC */}
#footer { height:56px; clear:both; background-color:#c9c9c9; position:relative; z-index:2; background:url(footer_bg.png) repeat-x top center; }
  
/* Content */
    h1,h2,h3{ margin:0; padding:0 0 0 20px; }
    h1{font-size:32px; font-weight:bold;}
    h2{padding-left:20px; font-size:22px; font-weight:bold;}
    h3{padding-left:20px; font-size:16px; font-weight:bold; color:#6b7078;}
    h2 a{margin-left:6px; font-size:11px; text-decoration:underline; color:#506798;}
    h2 a:visited{color:#506798;}
    h2 a:hover{text-decoration:none; color:#506798;}
    div{position:relative;}
    form, fieldset {border:none; margin:0; padding:0;}
    .clearfix{clear:both; font-size:1px;}
    .hdivider{display:block; font-size:1px; width:100%; height:3px; margin:21px 0 21px 0; background-color:#c6cbd3;}
    .f_left  {float:left;}
    .f_right {float:right;}

    .button.g               {font-size:13px; padding:12px 0 13px 8px; height:16px; margin:0; background:url(button_g_left.png) no-repeat left top; font-weight:bold; color:#2c2c2c; text-decoration:none; cursor:pointer;}
    .button.g span          {padding:12px 17px 14px 6px; margin:0; background:url(button_g_right.png?nc=201901311200) no-repeat right top;}
    .button.g:visited       {color:#2c2c2c;} 
    .button.g:hover         {background-image:url(button_g_left_hover.png); color:#103073;}
    .button.g:hover span    {background-image:url(button_g_right_hover.png?nc=201901311200); color:#103073;}
    .button.g.disabled              {color:#969696;}
    .button.g.disabled:hover        {background-image:url(button_g_left.png); color:#969696;}
    .button.g.disabled:hover span   {background-image:url(button_g_right.png?nc=201901311200); color:#969696;}

    .togglebase                   {background-image:url(toggle_back.png); background-position:top left; width:146px; padding:0; height:34px; line-height:34px; margin:0;}
    .togglebutton.l               {background:url(toggle_l.png) no-repeat left top;font-size:13px; padding:0; width: 73px; height:36px; margin:0; font-weight:bold; color:#2c2c2c; text-decoration:none; cursor:pointer;}
    .togglebutton.l span          {padding:0; margin:0; width:73px; height:36px; line-height:36px; float:left;text-align:center;}
    .togglebutton.l:visited       {color:#2c2c2c;} 
    .togglebutton.l:hover         {background-image:url(toggle_l_hover.png); color:#103073;}
    .togglebutton.l:hover span    {color:#103073; text-align:center;}
    .togglebutton.l_active               {font-size:13px; padding:0; width: 73px; height:36px; margin:0; font-weight:bold; color:#2c2c2c; text-decoration:none;text-align:center;}
    .togglebutton.l_active span          {padding:0; margin:0; height:36px; width:73px; line-height:36px;}
    .togglebutton.l_active:visited       {color:#2c2c2c;} 
    
    .togglebutton.r               {background:url(toggle_r.png) no-repeat right top;font-size:13px; padding:0; width: 73px; height:36px; margin:0; font-weight:bold; color:#2c2c2c; text-decoration:none; cursor:pointer;}
    .togglebutton.r span          {padding: 0; margin:0; width: 73px; height: 36px; line-height: 36px; float:right; text-align:center;}
    .togglebutton.r:visited       {color:#2c2c2c;} 
    .togglebutton.r:hover         {background-image:url(toggle_r_hover.png); margin-right: -3px;color:#103073;}
    .togglebutton.r:hover span    {color:#103073; text-align:center;}
    .togglebutton.r_active               {font-size:13px; padding:0; width: 73px; height:36px; margin:0; font-weight:bold; color:#2c2c2c; text-decoration:none;text-align:center;}
    .togglebutton.r_active span          {margin:0; width: 73px;line-height:36px;}
    .togglebutton.r_active:visited       {color:#2c2c2c;} 

    .select.b                             {margin:-9px 0 0 0; height:41px; float:left; background:url(select_left.png) no-repeat left top;}
    .select.b .text                       {z-index:1; padding:9px 0 10px 6px; margin:0 0 0 8px; cursor:pointer; text-align:left; background:url(select_right.png) no-repeat right top; font-size:11px; color:#fff; font-weight:bold;}
    .select.b .options                    {visibility:hidden; z-index:2;  float:left; clear:both; margin:-6px 0px 0 0px; padding:5px 0 0 0; border:1px solid #464749; border-top:0; background:#000;}
    .select.b .options .list              {background:#000000; border-top:1px solid #464749; margin:-3px 0 0 0; padding:4px 0 4px 0;}
    .select.b .options .option            {padding:4px 44px 4px 14px; cursor:pointer; color:#fff;}
    .select.b .options .option:hover      {background-color:#464749;}
    
    .select_label                       {float:left; line-height:41px; margin-right:10px;}
    .select.g                           {padding:0 0 0 0; height:41px; float:left; background:url(select_g_left.png) no-repeat left top; cursor:pointer;}
    .select.g .text                     {z-index:1; padding:12px 0 13px 6px; margin:0 0 0 8px; cursor:pointer; text-align:left; background:url(select_g_right.png?nc=201901311200) no-repeat right top; font-size:13px; font-weight:bold;}
    .select.g .options                  {text-align: left;visibility:hidden; z-index:2; float:left; clear:both; margin:-7px 2px 0 2px; padding:8px 0 0 0; border:1px solid #c6cbd3; border-top:0; background:url(select_g_right.png?nc=201901311200) no-repeat left -34px;}
    .select.g .options .list            {background:#FFFFFF; margin:-3px 0 0 0; padding:4px 0 4px 0; height:auto; overflow-x:hidden; overflow-y:auto;}
    .select.g .options .option          {padding:4px 44px 4px 14px; cursor:pointer; white-space:nowrap;}
    .select.g .options .option:hover    {background-color:#e4e4e4;}
    .select.g .options .option_disabled {padding:4px 44px 4px 14px; white-space:nowrap; color:silver;}
    
    .select.g.ftp                       {width:300px;}
    .select.g.ftp .text                 {width:248px; height:41px; line-height:41px; padding-bottom:0; padding-top:0; padding-right:44px; overflow:hidden; text-overflow:ellipsis;}
    .select.g.ftp .options              {width:300px;}

    #AccountMenu{padding:0 29px 0 30px; color:#b7b7b7; height:80px; font-size:11px; }
    #AccountMenu .logo{margin-bottom:-30px;}
    #AccountMenu .title{font-size:17px;color:#FFFFFF;}
    #AccountMenu .details{float:right; height:43px; margin-top:27px; padding:0; list-style-type:none;}
    #AccountMenu .details li{float:left; padding-top:8px;}
    #AccountMenu .details a{padding:0 0 0 20px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
    #AccountMenu .details a:visited{color:#FFFFFF; }
    #AccountMenu .details a:hover{text-decoration:underline; }
    #AccountMenu .details .text {}
    #AccountMenu .details .divider{margin:2px 22px 0 22px; display:inline; color:#414141; font-size:1px; padding:23px 0 0 0; background-color:#414141;}
    #AccountMenu .details .signout{margin:-9px 0 0 22px;}
    #AccountMenu .details .button{font-size:11px; float:left; padding:9px 0 10px 8px; height:31px; margin:0; background:url(button_left.png) no-repeat top left; font-weight:normal; color:#FFFFFF;}
    #AccountMenu .details .button span{ padding:9px 11px 10px 3px; margin:-9px 0 -9px 0; background:url(button_right.png?nc=201901311200) no-repeat top right; }
    #AccountMenu .details .button:visited {color:#FFFFFF;}
    #AccountMenu .details .button:hover{ text-decoration:none; background-image:url(button_left_hover.png);}
    #AccountMenu .details .button:hover span{ background-image:url(button_right_hover.png?nc=201901311200);}

    #alert_ftp table td { padding-right:30px;}

    #ActionMenu{width:205px; float:left; padding:0 0 38px 0; color:#242424; font-weight:bold; font-size:15px;}
    #ActionMenu .title{border-bottom:1px solid #d2d6dd; width:135px; height:38px; line-height:38px; padding:0 29px 0 27px; font-weight:normal; font-size:13px;}
    #ActionMenu a{ background:#e8e9ed url(menu_action_bullet.png) no-repeat 29px 14px; text-decoration:none;  border-top:1px solid #eff0f2; border-bottom:1px solid #d2d6dd; width:145px; height:38px; line-height:36px; padding:0 4px 0 42px; display:block; float:left; color:#242424; }
    #ActionMenu a:visited{color:#242424;}
    #ActionMenu a.selected{background:#d6e0ee url(menu_action_bullet_selected.png) no-repeat 29px 14px; border-top:1px solid #e2e9f3; color:#103073; }
    #ActionMenu a:hover{background-color:#d6e0ee;}
    #ActionMenu img{float:left;margin-top:13px;}

    #LanguageMenu{padding-top:9px; font-size:11px; font-weight:bold;}
    #LanguageMenu a{text-decoration:none; height:28px; line-height:28px; padding:0 0 0 14px; display:block; color:#2c2c2c; }
    #LanguageMenu a:visited{color:#2c2c2c;}
    #LanguageMenu a:hover{background:url(menu_language_hover.png) repeat-y left top;}
    #LanguageMenu a.selected, #LanguageMenu a.selected:hover{background:url(menu_language_selected.png) repeat-y left top;}
    #LanguageMenu a.disabled{color:#969696; cursor:default;}
    #LanguageMenu a.disabled:hover {background:none;}

    #AboutWCMS{padding:0 30px 0 30px; height:56px; line-height:58px; overflow:hidden; font-weight:bold;}
    #AboutWCMS span{padding:0 14px 0 0;}
    #AboutWCMS img{margin:19px 0 0 0; float:right;}
    
    #OrderSearch {padding-left: 20px; padding-bottom: 20px;}
    
    .line                       {height:35px; margin:0; background:url(input_line_left.png) no-repeat left top;}
    .line .text                 {height:25px; margin:0 0 0 5px; padding:5px 4px 5px 4px; background:url(input_line_right.png?nc=201901311200) no-repeat right top;}
    .line .text input           {width:100%; height:25px; line-height:25px; float:left; outline-width:0; margin:0; padding:0px 0 0px 0; border:0; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#2c2c2c;}
    .line.focus                 {background-image:url(input_focus_line_left.png);}
    .line.focus .text           {background-image:url(input_focus_line_right.png?nc=201901311200);}
    .line.modified              {background-image:url(input_modified_line_left.png);}
    .line.modified .text        {background-image:url(input_modified_line_right.png?nc=201901311200);}
    .line.saved                 {background-image:url(input_saved_line_left.png);}
    .line.saved .text           {background-image:url(input_saved_line_right.png?nc=201901311200);}
    .line.error                 {background-image:url(input_error_line_left.png);}
    .line.error .text           {background-image:url(input_error_line_right.png?nc=201901311200);}
    
    .line.categoryname           {width:300px; float:left; margin-left:14px; margin-right:-300px;}
    .line.template.categoryname  {display:none;}

    .line_from                  {height:31px; margin:-35px 0 0 50%; padding:4px 0 0 0; left:20px; background:url(/Content/translate_line_left.png) no-repeat left 4px; color:#7c7d7e; clear:right;}
    .line_from .left            {height:26px; margin:0px 20px 0 11px; padding:1px 1px 1px 0; background:url(/Content/translate_line_right.png?nc=201901311200) no-repeat right top;}
    .line_from .left div        {height:16px; overflow:hidden; padding:5px 7px 5px 5px; margin:0; white-space:nowrap;}
    .line_from .copy            {display:none; width:22px; height:22px; position:absolute; right:38px; top:7px; background:url(/Content/copy_active.png) no-repeat top left; cursor:pointer;}
    .line_from.hover            {color:#2c2c2c; background-image:url(translate_line_left_hover.png);}
    .line_from.hover .left      {background-image:url(translate_line_right_hover.png?nc=201901311200);}
    .line_from.hover .copy      {display:block;}

    .textarea                       {height:73px; margin:0; background:url(input_medium_left.png) no-repeat left top;}
    .textarea .text                 {height:63px; margin:0 0 0 5px; padding:5px 4px 5px 4px; background:url(input_medium_right.png?nc=201901311200) no-repeat right top;}
    .textarea .text textarea        {width:100%; height:63px; float:left; resize:none; overflow:auto; outline-width:0; margin:0; padding:0; border:0; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#2c2c2c;}
    .textarea.focus                 {background-image:url(input_focus_medium_left.png);}
    .textarea.focus .text           {background-image:url(input_focus_medium_right.png?nc=201901311200);}
    .textarea.modified              {background-image:url(input_modified_medium_left.png);}
    .textarea.modified .text        {background-image:url(input_modified_medium_right.png?nc=201901311200);}
    .textarea.saved                 {background-image:url(input_saved_medium_left.png);}
    .textarea.saved .text           {background-image:url(input_saved_medium_right.png?nc=201901311200);}
    .textarea.error                 {background-image:url(input_error_medium_left.png);}
    .textarea.error .text           {background-image:url(input_error_medium_right.png?nc=201901311200);}

    .textarea_from                  {height:70px;margin:-73px 0 0 50%; padding:3px 0 0 0; left:20px; background:url(translate_medium_left.png) no-repeat left 3px; color:#7c7d7e;}
    .textarea_from .left            {height:66px; margin:0 20px 0 11px; padding:1px 1px 1px 0; background:url(translate_medium_right.png?nc=201901311200) no-repeat right top;}
    .textarea_from .left div        {height:62px; overflow:auto; padding:2px 7px 2px 5px; margin:0;}
    .textarea_from .copy            {display:none; width:22px; height:22px; position:absolute; right:42px; top:5px; background:url(copy_active.png) no-repeat top left; cursor:pointer;}
    .textarea_from.hover            {color:#2c2c2c; background-image:url(translate_medium_left_hover.png);}
    .textarea_from.hover .left      {background-image:url(translate_medium_right_hover.png?nc=201901311200);}
    .textarea_from.hover .copy      {display:block;}

    .largetextarea                  {height:305px; margin:0; background:url(input_long_left.png) no-repeat left top;}
    .largetextarea .text            {height:301px; margin:0 0 0 5px; padding:4px 4px 4px 0px; background:url(input_long_right.png?nc=201901311200) no-repeat right top;}
    .largetextarea .text textarea   {width:100%; height:297px; float:left; resize:none; overflow:auto; outline-width:0; margin:0; padding:0; border:0; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#2c2c2c;}
    .largetextarea.focus            {background-image:url(input_focus_long_left.png);}
    .largetextarea.focus .text      {background-image:url(input_focus_long_right.png?nc=201901311200);}
    .largetextarea.modified         {background-image:url(input_modified_long_left.png);}
    .largetextarea.modified .text   {background-image:url(input_modified_long_right.png?nc=201901311200);}
    .largetextarea.saved            {background-image:url(input_saved_long_left.png);}
    .largetextarea.saved .text      {background-image:url(input_saved_long_right.png?nc=201901311200);}
    .largetextarea.error            {background-image:url(input_error_long_left.png);}
    .largetextarea.error .text      {background-image:url(input_error_long_right.png?nc=201901311200);}
    
    .largetextarea_from                 {height:305px; margin:-305px 0 0 50%; padding:3px 0 0 0; left:20px; background:url(translate_long_left.png) no-repeat left 3px; color:#7c7d7e;}
    .largetextarea_from .left           {height:301px; margin:0 20px 0 11px; padding:1px 1px 1px 0; background:url(translate_long_right.png?nc=201901311200) no-repeat right top;}
    .largetextarea_from .left div       {height:297px; overflow:auto; padding:2px 7px 2px 5px; margin:0;}
    .largetextarea_from .copy           {display:none; width:22px; height:22px; position:absolute; right:42px; top:5px; background:url(copy_active.png) no-repeat top left; cursor:pointer;}
    .largetextarea_from.hover           {color:#2c2c2c; background-image:url(translate_long_left_hover.png);}
    .largetextarea_from.hover .left     {background-image:url(translate_long_right_hover.png?nc=201901311200);}
    .largetextarea_from.hover .copy     {display:block;}


    .translate_from                     {z-index:2; float:right;}
    .translate_from_label               {float:left; line-height:41px; margin-right:10px;}
    #translate_from                     {padding:0 0 0 0; height:41px; float:left; background:url(select_g_left.png) no-repeat left top; cursor:pointer;}
    #translate_from_label               {z-index:1; padding:12px 0 13px 6px; margin:0 0 0 8px; cursor:pointer; text-align:left; background:url(select_g_right.png?nc=201901311200) no-repeat right top; font-size:13px; font-weight:bold;}
    #translate_from_options             {visibility:hidden; z-index:2; margin:-7px 2px 0 2px; padding:8px 0 0 0; border:1px solid #c6cbd3; border-top:0; background:url(select_g_right.png?nc=201901311200) no-repeat left -34px;}
    #translate_from_options .options    {background:#FFFFFF; margin:-3px 0 0 0; padding:4px 0 4px 0;}
    #translate_from_options .option     {padding:4px 36px 4px 14px; cursor:pointer;}

    .thumbnail              {width:78px; height:78px; margin:0; padding:4px; background:url(/Content/photo_medium.png) no-repeat left top; }
    .updateimage            {margin:0;}
    .thumbnail_container    {width:86px; height:120px; z-index: 12; overflow:hidden;}
    
/* ManageTextList */
    .toggle  {float:right; display:inline; width:20px; height:20px; margin:0 19px 0 0; cursor:pointer; text-align:center;}
    .toggle_e       {background:url(toggle_e.png) no-repeat left top;}
    .toggle_e:hover {background-image:url(toggle_e_h.png);}
    .toggle_c  {background:url(toggle_c.png) no-repeat left top; text-align:center;}
    .toggle_c:hover {background-image:url(toggle_c_h.png);}
    .toggle_all {float:right; margin:9px 19px 0 0; font-size:11px; font-weight:bold; color:#506798;}
    .toggle_all:visited {color:#506798}
    .toggle_all:hover {text-decoration:none;}
    .toggle_everything {float:right; margin:9px 19px 0 0; font-size:11px; font-weight:bold; color:#506798;} 
    .toggle_everything:visited {color:#506798} 
    .toggle_everything:hover {text-decoration:none;} 

    .translate                          {}
    .translate h2                       {margin-bottom:16px;}
    .translate .main                    {clear:both; margin:0 0 34px 0;}
    .translate .source                  {padding:12px 0 13px 0; margin-bottom:5px; background-color:#f5f7f8; border:1px solid #e6ebed; clear:both;}
    .translate .source .toggle_wrapper  {display:none; margin:8px 60px 0 20px;}
    .translate .area                    {width:100%;}
    .translate .line,
        .translate .textarea            {margin:0 37% 0 26%;}
    .translate h4                       {margin:12px 0px -35px 0; color:#6B7078; font-weight:normal;display:block; width:26%; height:30px; position:relative; padding-top:5px;}
    .translate .line_from               {margin:-35px 0 0 63%;}
    .translate .textarea_from           {margin:-73px 0 0 63%;}
    
/* Account */
    #auth_body                  {background: none;}
    #auth_container             {background: none; background-color: #A0A9B6; min-height:100%; padding-left: 205px;    /* LC fullwidth */ padding-right: 150px;   /* RC fullwidth + CC padding */ margin-bottom:-56px;   /* F fullheight - H overlap */ overflow: hidden; position:relative; z-index:1;}
    #auth_center                {margin: 40px auto 0 auto; width:380px; padding:36px 0px 0px 0px; /* height of header + padding top */background: url(logon_bg_top.png) no-repeat top left;}
    #auth_center_content        {padding:0 40px 34px 40px; min-height:270px; background: url(logon_bg.png) no-repeat bottom left;}
    #auth_center h1             {font-size:26px; color:#2c2c2c; padding:0 0 20px 0; margin:0;}
    #auth_center .line          {margin:0 -3px 0 -3px;}
    #auth_center .line input    {font-size:18px; font-weight:bold;}
    #auth_center .button        {margin-left:-3px; margin-top:20px;}
    #auth_center .button span   {padding-left:26px; padding-right:37px;}

    #auth_status                {padding: 5px 8px 5px 8px; min-height:40px; line-height:20px; margin:0 0 5px 0;  }
    #auth_strength              {margin-top:6px;}
    #strength_bar               {height: 11px; margin-top:6px; background-image:url(strength_0.png);}
    #strength_text              {padding:2px 20px 2px 0; color:#2b5ab2;}
    #strength_help              {padding:3px 18px 2px 0; background:url(alert_help.png) no-repeat right 2px; cursor:pointer;}
    #auth_strength_explanation      {position:absolute; left:310px; top:60px; width:282px; height:86px; line-height:18px; padding:0 0 0 10px; background:url(/Content/strength_expl_left.png) no-repeat left top; display:none;}
    #auth_strength_explanation div  {height:74px; padding:8px 10px 4px 8px; background:url(strength_expl_right.png?nc=201901311200) no-repeat right top;}

    .auth_label                 {padding: 10px 0 5px 0; color:#6b7078; font-size:11px;}
    .auth_label.password        {margin-top:8px;}
    .auth_label.remember        {margin-top:8px;}
    .auth_remember              {font-size:12px; color:#2c2c2c;}
    .auth_status_info           {border: 1px solid #e6ebed; background-color: #f5f7f8;}
    .auth_status_warn           {border: 1px solid #e7de5b; background-color: #fffeee;}
    .auth_status_error          {border: 1px solid #e71c1c; background-color: #fff3f3;}
    
    #auth_noaccess_container        {height:312px;}
    .auth_noaccess.alert             {width:298px; height:162px; top:0; left:50%; margin-left:-150px; background-color: #F6F7F9;}
    .auth_noaccess.alert .message    {padding:21px 21px 16px 71px; font-size:13px; line-height:18px;}
    .auth_noaccess.alert .message #title {font-weight:bold;}
    .auth_noaccess.alert .message h2 {padding-left:0; padding-bottom:11px;float: none;}
    .auth_noaccess.alert .message .button    {margin-top:17px; margin-right:10px;}
    .auth_noaccess.alert.error .message      {background:url(/Content/icon_error.png) no-repeat 10px 10px;}
    .auth_noaccess.alert.error .message a:visited{color:#506798;}
    .auth_noaccess.alert.error .message a:hover{text-decoration:none; color:#506798;}   

    #strength_bar.strength_1    {background-image:url(strength_1.png);}
    #strength_bar.strength_3    {background-image:url(strength_3.png);}
    #strength_bar.strength_5    {background-image:url(strength_5.png);}
    #strength_bar.strength_7    {background-image:url(strength_7.png);}

/* ManageItemList/ManageItemView */
    .filter_on                      {z-index:2; float:right;}

    h2 img                          {margin:2px 6px 0 -26px; float:left; cursor:pointer;}
    div[class*="button"]+h2         {padding-top:3px;}
    .orderaction+h2                 {padding-top:3px;}
    .orderaction                    {width:68px; height:27px; margin:2px 8px 0 0; padding:4px; float:right;}
    .orderaction img                {margin-right:6px; cursor:pointer;}
            
    .listview                       {width:100%; float:left; display:inline; padding:10px 0 25px 0;}
    .listview table                 {float:left; background-color:#f5f7f8; border:1px solid #e6ebed; height:60px; margin-bottom:5px; width:100%; padding:0; cursor:pointer; color:#6b7078;}
    .listview table td              {vertical-align:middle; text-align:center; border-left:1px solid #e6ebed;}
    .listview table td:first-child  {border-left:0;}
    .listview table td.title        {text-align:left; width:auto; padding-left:20px;}
    .listview table td.title        {text-align:left; width:auto; padding-left:20px;}
    .listview table td.title h3     {margin:0 0 3px 0; padding:0; color:#2c2c2c; font-size:14px;}
    .listview table td.title span   {color:#da0000;}
    .listview table td.title h2     {color:#2c2c2c; font-size:16px;}
    .listview table td.title h2 span{color:#2c2c2c; font-size:16px;}
    .listview table td.status       {width:85px; max-width:85px;}
    .listview table td.status img[src*="status_"] {margin-top:2px;}
    .listview table td.status img[src*="type_"] { margin-left:7px; margin-bottom:6px;}
    .listview table td.property     {width:99px; max-width:99px;}
    .listview table td.sortvalue    {width:66px; max-width:66px;}
    .listview table td.context      {width:99px; max-width:99px;}
    .listview table td.order        {width:75px; max-width:75px; padding-left:5px; padding-right:5px;}
    .listview table td.pdf          {width:65px; max-width:65px;}
    .listview table td.actions      {width:115px; max-width:137px; text-align:left; padding-left:22px; cursor: default; }
    .listview table td.actions.center {text-align:center; padding-left:10px; padding-right:10px;}      
    .listview table td.actions img  {visibility:hidden; margin-right:6px; margin-top:5px;}
    .listview table.hover           {background: url(item_line_gradient.png) repeat-x center top; border-color:#bdc3cb;}
    .listview table.hover td        {border-color:#d7dce0;}
    .listview table.hover td.actions img.visible  {visibility:visible; cursor: pointer;}
    .listview table.nopointer       {cursor:default;}
    
    .listview_navigation            {color:#6b7078; clear:both; padding:10px 0px 10px 0px; float:none; width:100%; clear:both;}

    .listview_title                 {float:left;padding-top: 2px; width:33%;}
    
    .listview_filter                {padding-left:20px;}
    
    .listview_url                   {padding:0px 0px 0px 20px;float:left;padding-top: 10px; width:33%;}
    .listview_url a                 {font-size:14px; color:#6b7078; text-decoration:none;}
    .listview_url a:visited         {color:#6b7078;}
    .listview_url a:hover           {color: #506798;}
        
    .listview_paging                {float:right; clear:right; text-align:center; line-height:27px; font-weight:bold; margin-top:15px; display:inline;}
    .listview_paging span           {float:left; width:10px; height:28px; margin-left:5px; margin-top:0px;}
    .listview_paging a              {float:left; width:28px; height:28px; margin-left:5px; margin-top:0px; text-decoration:none; background:url(/Content/action.png) no-repeat left top; color:#6b7078;}
    .listview_paging a:visited      {color:#6b7078;}
    .listview_paging a:hover        {background-image:url(action_hover.png); color:#2c2c2c;}
    .listview_paging a.selected     {background-image:url(action_hover.png); color:#2c2c2c;}
    .listview_paging .prev          {background-image:url(action_left.png);}
    .listview_paging .prev:hover    {background-image:url(action_left_hover.png);}
    .listview_paging .next          {background-image:url(action_right.png?nc=201901311200);}
    .listview_paging .next:hover    {background-image:url(action_right_hover.png?nc=201901311200);}
    
    .listview_paging+.listview_url  {margin-top:20px; float:left;}
    .clearfix+.listview_paging      {margin-top:-10px; margin-bottom:30px;}
    
    .listview.hidden table {display:none;}
        
/* Item detail */
    .itemdetail                          {padding-bottom:16px;}
    .itemdetail h2                       {margin-bottom:8px; font-size:16px;}
    .itemdetail h3                       {font-size:14px; margin-bottom:0px;}
    .itemdetail h3:first                 {margin-top:0px;}
    .itemdetail .main                    {clear:both; padding:10px 0 0 0;}
    .itemdetail .source                  {padding:8px 0 7px 0; margin:0 0 5px 0; background-color:#f5f7f8; border:1px solid #e6ebed; clear:both;}
    .itemdetail .source .toggle_wrapper  {margin:0px 60px 7px 20px;}
    .itemdetail .area                    {width:100%;}
    .itemdetail a                       {z-index: 2;margin-left:6px; font-size:11px; font-weight: bold; text-decoration:underline; color:#506798; cursor:pointer;}
    .itemdetail a:visited               {color:#506798;}
    .itemdetail a:hover                 {text-decoration:none; color:#506798;}
    .itemdetail .button.g               {padding:0px 0 0px 8px; height:41px; margin:0;}
    .itemdetail .button.g span          {float:left; min-width:94px; text-align:center;}
    .itemdetail div[class*="button"]+h2         {padding-top:19px;}

    .htmlarea                       {height:305px; margin:0; background:url(input_long_left.png) no-repeat left top;}
    .htmlarea .text                 {height:297px; margin:0 0 0 5px; padding:4px 4px 4px 0px; background:url(input_long_right.png?nc=201901311200) no-repeat right top;}
    .htmlarea .text textarea        {width:100%; height:297px; float:left; resize:none; overflow:auto; outline-width:0; margin:0; padding:0; border:0; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#2c2c2c;}
    .htmlarea.focus                 {background-image:url(input_focus_long_left.png);}
    .htmlarea.focus .text           {background-image:url(input_focus_long_right.png?nc=201901311200);}
    .htmlarea.modified              {background-image:url(input_modified_long_left.png);}
    .htmlarea.modified .text        {background-image:url(input_modified_long_right.png?nc=201901311200);}
    .htmlarea.saved                 {background-image:url(input_saved_long_left.png);}
    .htmlarea.saved .text           {background-image:url(input_saved_long_right.png?nc=201901311200);}
    .htmlarea.error                 {background-image:url(input_error_long_left.png);}
    .htmlarea.error .text           {background-image:url(input_error_long_right.png?nc=201901311200);}

    .htmlarea_from                  {height:301px; margin:-305px 0 0 50%; padding:3px 0 0 0; left:20px; background:url(translate_long_left.png) no-repeat left 3px; color:#7c7d7e;}
    .htmlarea_from .left            {height:297px; margin:0 20px 0 11px; padding:1px 1px 1px 0; background:url(translate_long_right.png?nc=201901311200) no-repeat right top;}
    .htmlarea_from .left div        {height:293px; overflow:auto; padding:2px 7px 2px 5px; margin:0;}
    .htmlarea_from .copy            {display:none; width:22px; height:22px; position:absolute; right:42px; top:5px; background:url(copy_active.png) no-repeat top left; cursor:pointer;}
    .htmlarea_from.hover            {color:#2c2c2c; background-image:url(translate_long_left_hover.png);}
    .htmlarea_from.hover .left      {background-image:url(translate_long_right_hover.png?nc=201901311200);}
    .htmlarea_from.hover .copy      {display:block;}
                        
    .itemdetail .inputborder              {margin-left:-3px;}
    .itemdetail .line,
        .itemdetail .textarea,
        .itemdetail .largetextarea,
        .itemdetail .htmlarea            {margin:6px 50% 0 0px;}
    .itemdetail .select.g                {margin:6px 0 0 1px;}       
    .itemdetail .multiselect          {line-height:18px;}
    .itemdetail .multiselect label  {padding-left:6px;}
    .itemdetail .multiselect input[type="checkbox"]:first-child   {margin-top:4px;}
    .itemdetail .source.itemtype .line,
        .itemdetail .source.itemtype .line+.textarea,
        .itemdetail .source.itemtype .line_from+.textarea   {margin-left:105px;} /* distance to itemtype image */      
    .itemdetail .source.related   {padding-top:8px;} /* related to toggle_wrapper bottom padding */
    .itemdetail .source.related .toggle_wrapper {padding-top:7px;}
    .itemdetail .source.related span {font-size:14px;}
    .itemdetail .source.related .property {width:120px; float:right; padding:15px 15px 15px 15px; margin:-9px; border:1px solid #e6ebed;}
    .itemdetail .actions      {width:115px; float:right; text-align:left; padding-left:22px; padding-top:8px; z-index:10;}
    .itemdetail .actions img  {visibility:hidden; margin-right:6px; margin-top:0px; cursor:pointer;}
    .itemdetail .source.hover {background:url(/Content/item_related_gradient.png) repeat-x center top; border-color:#bec4cc;}
    .itemdetail .source.hover .actions img {visibility:visible}
    .itemdetail .source.related .actions {text-align:right; padding-right:2px; padding-top:0;}
    .itemdetail .source.hover.related .property {border-color:#bec4cc;}
    
    .itemdetail .thumbnail          { margin-top:8px;}
    .itemdetail .thumbnail+.area            {margin-top:-95px;}
    .itemdetail .thumbnail_container+.area  {margin-top:-119px;}
    .itemdetail .updateimage        {z-index: 2; margin-top:8px;}
    .itemdetail .updatestatus        {z-index: 2; margin-top:0px;}
    
    .itemdetail .itemtype_help              {position:absolute; z-index:100; left:82px; top:108px; padding:3px 18px 2px 0; background:url(/Content/icon_info_small.png) no-repeat right 2px; cursor:pointer;}
    .itemdetail .itemtype_explanation      {position:absolute; z-index:100; left:112px; top:74px; margin:0; width:282px; height:86px; line-height:18px; padding:0 0 0 10px; background:url(/Content/strength_expl_left.png) no-repeat left top; display:none;}
    .itemdetail .itemtype_explanation div  {height:74px; padding:8px 10px 4px 8px; background:url(/Content/strength_expl_right.png) no-repeat right top;}
    .itemdetail .sortvalue                  {float:right; z-index:100; margin-top:-9px; margin-bottom:-32px;}
    .itemdetail .sortvalue .select_label    {padding-top:5px;}
    
    .itemstatus             {height:74px; margin:18px 0 18px 0; background:url(/Content/item_status_right_background.png?nc=201901311625) no-repeat right top;}
    .itemstatus .wrapper    {width:100%; height:74px; padding:0px; float:left; margin-left:-3px; background:url(/Content/item_status_left.png?nc=201901311625) no-repeat left top;}
    .itemstatus .display    {height:55px; width:167px; padding:29px 24px 4px 24px; margin-right:-5px; float:right; background:url(/Content/item_status_right.png?nc=201901311625) no-repeat right top;}
    .itemstatus .display .icons {float:right; margin-top:-9px;}
    .itemstatus .display .icons img[src*="type_"] { margin-left:10px; margin-bottom:6px;}
    .itemstatus .edit                           {padding:4px 0px; margin:0; vertical-align:middle; height:74px;}
    .itemstatus .edit .pdate                    {padding:0 20px;}
    .itemstatus .edit .pdate .line              {float:left; width:120px; margin:1px 0 0 -3px;}
    .itemstatus .edit .pdate .pdate_label       {float:left; margin-right:10px; margin-top:10px;}
    .itemstatus .edit .divider                  {margin:10px 0; color:#bdc3cb; font-size:1px; padding:43px 0 0 0; background-color:#bdc3cb;}
    .itemstatus .edit .status                   {float:none; margin:0px 6px 0 0px; padding:0 20px;}
    .itemstatus .edit .status input             {margin:-3px 4px 0 0;}
    .itemstatus .edit .status .released         {float:left; margin: 2px 20px 2px 0; white-space: nowrap;}
    .itemstatus .edit .status .translated       {float:left; margin: 2px 0; min-width:120px;}
        
        
    .tabs       {z-index:101;}
    .tabs .list {padding-bottom:20px;}
    .tabs .wrapper {height:43px; padding-left:19px; z-index:2; width:100%; float:left; z-index:2}
    .tabs .tab          {float:left; margin-right:5px; height:43px; width:142px; padding-top:15px; text-align:center; cursor:pointer; font-size:15px; font-weight:bold; background:url(/Content/tab.png) no-repeat left top;}
    .tabs .tab.inactive {color:#646464; background:url(/Content/tab_inactive.png) no-repeat left top;}
    .tabs .edit span    {padding-left:22px; background:url(/Content/icon_edit.png) no-repeat left top;}
    .tabs .edit.inactive span    {background-image:url(/Content/icon_edit_inactive.png);}
    .tabs .preview span    {padding-left:22px; background:url(/Content/icon_preview.png) no-repeat left top;}
    .tabs .preview.inactive span    {background-image:url(/Content/icon_preview_inactive.png);}
    .tabs .line {background-color:#8e9197; height:1px; z-index:1; margin-top:-1px; width:100%; float:left;}
    .tabs .translate_from   {margin-top:-2px; margin-bottom:-39px; z-index:4;}
        
    .back           {color:#103073; font-size:14px; padding-left:10px; margin-left:19px; text-decoration:none; background:url(/Content/back_bullet.png) no-repeat left 4px;}
    .back:visited   {color:#103073;}
    .back:hover     {color:#103073; text-decoration:underline;}
    .back+h1        {margin-top:8px;}        
        
    .itempreview        {display:none;}
    .itempreview iframe {width:100%; margin:0 0 16px 0; padding:0; overflow:scroll;}        
        
 
/* Dialogs */
    #modal_overlay                  {width:100%; position:absolute; top:0; left:0; text-align:center; z-index:10; background-color:#FFF; filter:alpha(opacity=1); opacity: 0.01;}
    .modal_dialog                   {position:absolute; top:0; left:0; background-color:#fff; z-index:11; display:none;}
        
    .modal_dialog .button.g         {margin-top:15px;}
    .modal_dialog .button.g span    {float:left; min-width:94px; text-align:center; margin:-12px 0 0 0;}
        
    .modal_dialog.browser           {width:412px; height:673px; padding:26px 43px 36px 43px; top:0; left:50%; margin-left:-249px; background:url(/Content/popup_browser_background.png) no-repeat left top;}
    .modal_dialog .close            {position:absolute; top:16px; right:20px; cursor:pointer;}
    .modal_dialog #browser_title    {height:40px; z-index:5;}
    .modal_dialog #browser_title h2 {padding:0; margin:0; padding-left:9px; padding-right:10px; float:left; margin-top:10px;}
    .modal_dialog .hdivider         {margin-top:11px; margin-bottom:20px;}
    .modal_dialog #browser_filter   {z-index:4; float:left; width:100%; margin-bottom:16px; display:block; min-height:41px;}
    .modal_dialog #filter_type      {float:right; margin-right:10px; z-index:2; display:none;}
    .modal_dialog #refresh_filter   {float:left; padding-top: 12px;margin-left:10px; z-index:2; display:none;}
    .modal_dialog #filter_sortvalue {float:left; margin-left:10px; z-index:2; display:none;}
    .modal_dialog #filter_action    {float:left; margin-top:3px; display:none;}
    .modal_dialog .browser .button.g        {margin-top:11px;}
    .modal_dialog .loading          {} 
    .modal_dialog .loading img      {margin:100px auto 0 auto; display:block;}
    .modal_dialog #refresh_filter a{font-size:11px; font-weight: bold; text-decoration:underline; color:#506798;}
    .modal_dialog #refresh_filter a:visited{color:#506798;}
    .modal_dialog #refresh_filter a:hover{text-decoration:none; color:#506798;}
    .modal_dialog .thumbnail:hover    { background-image:url(/Content/photo_medium_focus.png);}
    .modal_dialog .thumbnail.error        { background-image:url(/Content/photo_medium_error.png); cursor: default;}
    .modal_dialog .thumbnail.error:hover  { background-image:url(/Content/photo_medium_error.png); cursor: default;}
    .modal_dialog .icon          { width:38px; height:38px; margin:0; padding:4px 5px 5px 4px; background:url(/Content/photo_small.png) no-repeat left top; }
    .modal_dialog .icon:hover    { background-image:url(/Content/photo_small_focus.png);}
    .modal_dialog .icon.error        { background-image:url(/Content/photo_small_error.png);}
    .modal_dialog .icon.error:hover  { background-image:url(/Content/photo_small_error.png);}    
    .modal_dialog .itembrowser              {width:418px; height:340px; float:left; z-index:1; padding:4px 5px 4px 4px; margin:0 0 0 -3px; background:url(/Content/popup_browser_list.png) no-repeat left top;}
    .modal_dialog .itembrowser .itemlist    {width:418px; height:303px; overflow:auto; z-index:1;}
    .modal_dialog .itembrowser.long         {height:397px; background-image:url(/Content/popup_browser_list_long.png);}
    .modal_dialog .itembrowser.long .itemlist   {height:360px;}
    .modal_dialog .itembrowser .title       {width:398px; height:15px; z-index:2; padding:11px 10px 11px 10px; margin-bottom:0px; font-style:italic; background:url(/Content/popup_browser_list_header.png) no-repeat left top;}
    .modal_dialog .itembrowser table        {background-color:#f5f7f8; border:1px solid #e6ebed; width:390px; margin:5px 5px 5px 4px;}
    .modal_dialog .itembrowser table td     {text-align:left; vertical-align:middle; height:25px;}
    .modal_dialog .itembrowser tr td:first-child        {width:10px;}
    .modal_dialog .itembrowser table.hover              {background: url(/Content/item_line_gradient.png) repeat-x center top; border-color:#bdc3cb;}
    .modal_dialog .itembrowser table.hover td           {border-color:#d7dce0;}
    .modal_dialog .itembrowser .name        {font-weight:bold;}
    .modal_dialog .itembrowser .sortvalue   {width:50px;}
    .modal_dialog .itembrowser .property    {width:120px;}
    .modal_dialog .itembrowser .context     {width:120px;}
    .modal_dialog .itembrowser .toggleitem  {width:30px;text-align:center;}
    .modal_dialog .itembrowser .toggleitem .toggle {margin:5px 0 5px 5px;float:left;}
    .modal_dialog .listitem                             {cursor: pointer;}
    .modal_dialog .itembrowser .listitemsublist         {background-color:#f5f7f8; border:1px solid #e6ebed; width:390px; margin:5px 5px 5px 4px; clear:both;}
    .modal_dialog .itembrowser .listitemsublist table   {border:0; margin:0;}
    .modal_dialog .itembrowser .listitemsublist .listitem              {border:1px solid #e6ebed; width:381px; margin:5px 5px 5px 4px;}
    .modal_dialog .itembrowser .listitemsublist .listitem .name        {font-weight: normal;}
    .modal_dialog .itembrowser .listitemsublist       {}
    .modal_dialog .itembrowser .listitemsublistitem   {width: 86px; padding:4px; display:inline; float:left;}
    .modal_dialog .itembrowser .filesize              {text-align: center; width: 86px; font-weight: normal;}
    .modal_dialog .itembrowser .toggle_wrapper        {display:none;}

    .modal_dialog .itembrowser input[type="checkbox"]   {margin:0; padding:0;}
    .modal_dialog .itembrowser .image                   {border-color:#d7dce0; width:86px; height: 86px;cursor:pointer;}
    .modal_dialog .itembrowser .filedate                {color: #f5f5f5;}

    .modal_dialog .basketbrowser                {width:418px; height:113px; float:left; z-index:1; padding:4px 5px 4px 4px; margin:13px 0 0 -3px; background:url(/Content/popup_browser_basket.png) no-repeat left top;}
    .modal_dialog .basketbrowser .basketlist    {width:100%; height:113px; overflow:auto; z-index:1;}
    .modal_dialog .basketbrowser table          {background-color:#f5f7f8; border:1px solid #e6ebed;width:390px; margin:5px 5px 5px 4px;}
    .modal_dialog .basketbrowser table td       {text-align:left; vertical-align:middle; height:25px;}
    .modal_dialog .basketbrowser table.hover    {background: url(/Content/item_line_gradient.png) repeat-x center top; border-color:#bdc3cb;}
    .modal_dialog .basketbrowser table.hover td {border-color:#d7dce0;}
    .modal_dialog .basketbrowser .name          {font-weight:bold; padding-left:5px;}
    .modal_dialog .basketbrowser .sortvalue     {width:70px;}
    .modal_dialog .basketbrowser .context       {width:120px;}
    .modal_dialog .basketbrowser .image         {border-color:#d7dce0; width:47px; height:47px;cursor:pointer;}
    .modal_dialog .basketbrowser .listitemsublistitem {width:47px; height:47px; margin:4px; display: inline; float:left;}
    .modal_dialog .basketbrowser .filedate      {color: #a5a5a5;}

    .modal_dialog.alert             {width:458px; top:0; left:50%; margin-left:-229px; background:url(/Content/popup_message_bottom.png) no-repeat left bottom;}
    .modal_dialog.alert .message    {padding:20px 43px 0px 105px; margin:0 0 40px 0; font-weight:bold; font-size:13px; line-height:18px;}
    .modal_dialog.alert .message .monospace {font-family:  Courier New, Courier, Monospace; letter-spacing: 1px;}
    .modal_dialog.alert .message h2 {padding-left:0; padding-bottom:11px;float: none;}
    .modal_dialog.alert .message .button    {margin-top:17px; margin-right:10px;}
    .modal_dialog.alert.info .message       {background:url(/Content/icon_info.png) no-repeat 35px 39px;}
    .modal_dialog.alert.confirm .message    {background:url(/Content/icon_alert.png) no-repeat 35px 39px;}
    .modal_dialog.alert.error .message      {background:url(/Content/icon_error.png) no-repeat 35px 39px;}
    .modal_dialog.alert.error .message a:visited{color:#506798;}
    .modal_dialog.alert.error .message a:hover{text-decoration:none; color:#506798;}
    .modal_dialog.alert .top        {height:20px; width:458px; background:url(/Content/popup_message_top.png) no-repeat left top;}
    .modal_dialog.alert .middle     {background:url(/Content/popup_message_middle.png) repeat-y left top;}

/* Custom Html Editor */
    .html_editor {z-index:10; height:26px; width:100%; background:url(/Content/html_toolbar.gif) repeat-x left top;}
    .html_editor .popup_hyperlink { position:absolute; top:25px; padding:4px; background-color:#F6F7F9; font-size:8pt; border:solid 1px #999999; display:none;}
    .html_editor .popup_hyperlink input {font-size:8pt;}
    .html_editor a {width:24px; height:24px; float:left; margin:1px 0 1px 0; background:url(/Content/html_buttons.gif) }

/* Instructions classes */
    .video {text-align: center; padding-top: 30px;}

/* Overruling classes */
.template                    {display:none;}
.disabled                    {color: #969696;}
.disabled.line .text input   {color: #969696;}