@charset "utf-8";
/* CSS Document */

html, body
{
    height:100%;
    width:100%;
    margin:0;padding:0;
}
    
body
{
    font-family:Arial, Helvetica, sans-serif;background-color:#fff;font-size:12px;color:#333; /* font-family:Segoe UI; */
}

.defaultText { width: 250px;margin-right:5px; height:19px;border:1px solid #C0C0C0; }
.defaultTextActive { color: #999; }
    
form, input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size:16px;margin:0;padding:0;}
form:focus, input:focus, textarea:focus, select:focus {outline:none;}
input.textfield        {border:1px solid #808080;height:20px;margin:3px 0px;box-sizing:border-box;padding:0 4px;}
select                 {border:1px solid #808080;height:20px;margin:3px 0px;}
textarea               {border:1px solid #808080;margin:3px 0px;box-sizing:border-box;padding:0 4px;}
input[type=text]       {height:25px;box-sizing:border-box;padding:0 4px;}
input[type="radio"]    {margin:3px 0px 0px 0px;}
input[type="checkbox"] {}
input[type="button"].nostyle, input[type="button"].nostyle:hover, input[type="button"].nostyle:focus {
                            height:auto !important;background:ButtonFace !important;color:ButtonText !important;border:2px outset ButtonFace !important;padding:1px 6px 1px 6px !important;
                            font-family:Arial, "sans-serif" !important;font-size:12px !important;font-weight:normal !important;font-smooth:never !important;-webkit-font-smoothing:none !important;
                            border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;
                            text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;
                            }
input[type="button"].nostyle:active {border-style:inset !important;-webkit-appearance:push-button !important;}

a, a:link, a:visited   {color:#2865BA;text-decoration:underline;}
a:hover                {text-decoration:none;}

.clear_div      {clear:both;}

.level0_shell     {width:100%;min-width:1000px;height:100%;}
.header_shell     {width:100%;height:101px;}
.iHeader_shell    {width:100%;height:43px;}
.footer_shell     {width:100%;height:27px;height:25px \9;background:url(footer_bg.jpg) repeat-x;padding-top:2px \9;}  /*  \9 denotes IE 8 & 9 hack */
.body_shell       {width:100%;min-width:1000px;position:absolute;top:101px;left:0px;}

.custBg_shell     {width:100%;min-width:1000px;padding-top:101px;background:#fff;overflow:hidden;}

.body_shell_table            {width:100%;table-layout:fixed;}
.body_shell_table td         {vertical-align:top;}
.bodyCol_folderList          {width:100%;background:none;}
.bodyCol_msgList             {width:100%;background:none;}
.bodyCol_message             {width:100%;background:none;}
.bodyCol_message.compose_content_td {background:#F0F0F0;}
.bodyCol_calendar            {width:100%;height:100%;background:url(col_calendar.jpg) repeat-x #DBDBDB;overflow:auto;}
.bodyCol_botView             {background:none;}
.bodyCol_botView_msgList     {height:250px;width:100%;overflow:hidden;background:none;}
.bodyCol_botView_message     {width:100%;background:none;}
.bodyCol_contactsList        {overflow:hidden;background:none;}
.bodyCol_contactsDetails     {width:100%;font-size:11px;background-color:transparent;background:url(bg_grey_transparent.png);_background:#F0F0F0;}
.bodyCol_options             {background:none;}
.bodyCol_optionsList         {width:250px;}
.bodyCol_splitter_vertical   {width:6px;background:url(splitter_vertical_bg.jpg) repeat-y;cursor:w-resize;}
.bodyCol_splitter_horizontal {width:100%;height:6px;background:url(splitter_horizontal_bg.jpg) repeat-x;cursor:s-resize;}

.bodyCol_shell                {height:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
.bodyCol_shell_inner          {overflow:hidden;padding:5px 3px 5px 3px;}
.bodyCol_msg_shell            {overflow:auto;-webkit-overflow-scrolling:touch;}
.bodyCol_msg_shell_outter     {padding:3px;}
.bodyCol_msg_shell_inner      {overflow:visible;padding:7px;}
.bodyCol_folderList_shell     {padding:5px 3px 5px 3px;-moz-user-select:none;}
.bodyCol_calendar_shell       {width:100%;background:url(col_calendar_bg.jpg) repeat-x #DBDBDB;white-space:nowrap;}
.bodyCol_calendar_shell_inner {width:180px;margin:0 auto;padding-top:20px;}
.bodyCol_calendar_shared      {width:100%;}

.tv_branch_shell                        {height:16px;padding:2px 0px;white-space:nowrap;}
.tv_branch_shell img                    {position:relative;top:-2px;margin:0;padding:0;}
.bodyCol_folderList_shell ul            {margin:0;padding:0;list-style-type:none;white-space:nowrap;}
.bodyCol_folderList_shell ul li         {margin:0;padding:0;clear:both;white-space:nowrap;margin:5px 0px 5px 0px;}
.bodyCol_folderList_shell ul li ul      {width:100%;margin:5px 0px 7px 21px;white-space:nowrap;}
.bodyCol_folderList_shell ul li ul li   {white-space:nowrap;}
.bodyCol_folderList_shell a,
.bodyCol_folderList_shell a:link,
.bodyCol_folderList_shell a:visited,
.bodyCol_folderList_shell a:hover       {height:16px;text-decoration:none;color:#333;white-space:nowrap;}
.bodyCol_folderList_shell span          {height:16px;background:none;border:transparent 1px solid;_border:1px white solid;padding:0px 3px;margin-left:3px;white-space:nowrap;cursor:pointer;}
.bodyCol_folderList_shell span:hover    {height:16px;border:1px solid #C8C8C8;background-color:#FFFBE1;white-space:nowrap;}
.bodyCol_folderList_shell span.selected {height:16px;border:1px solid #C8C8C8;background-color:#EAF4FB;padding:0px 3px;white-space:nowrap;cursor:pointer;}
.bodyCol_folderList_item                {white-space:nowrap;}


.bttn_shell_centered       {width:100%;margin:0 auto;height:21px;padding-top:15px;}
.bttn_float_left           {float:left;font-size:11px;color:#333;margin-right:5px;white-space:nowrap;cursor:pointer;-moz-user-select:none;}
.bttn_float_left_fixed     {width:150px;}
.bttn_float_right          {float:right;font-size:11px;color:#333;margin-left:5px;white-space:nowrap;cursor:pointer;-moz-user-select:none;}
.bttn_float_left_disabled  {float:left;font-size:11px;color:#838383;margin-right:5px;white-space:nowrap;cursor:default;-moz-user-select:none;}
.bttn_float_right_disabled {float:right;font-size:11px;color:#838383;margin-left:5px;white-space:nowrap;cursor:default;-moz-user-select:none;}

.bttn_float_right a, .bttn_float_right a:visited, 
.bttn_float_left a, .bttn_float_left a:visited                      {display:inline-block;height:18px;font-size:0;color:#333 !important;text-decoration:none !important;}
.bttn_float_left_disabled a, .bttn_float_left_disabled a:visited,
.bttn_float_right_disabled a, .bttn_float_right_disabled a:visited  {display:inline-block;height:18px;font-size:0;color:#838383 !important;text-decoration:none !important;}

.bttn_left                 {float:left;height:21px;background:url(toolbar_bttn_left.gif) no-repeat;padding:3px 0px 0px 7px;white-space:nowrap;overflow:hidden;}
.bttn_left_fixed           {width:140px;overflow:hidden;}
.bttn_right                {float:right;width:3px;height:21px;background:url(toolbar_bttn_right.gif) no-repeat;white-space:nowrap;overflow:hidden;}
.bttn_txt                  {float:left;font-size:12px;color:#333;padding-right:10px;white-space:nowrap;cursor:pointer;-moz-user-select:none;}
.bttn_icon_add             {float:left;width:14px;height:16px;background:url(icon_folderList_tools_pack.gif) no-repeat -210px 0px;padding-right:5px;}
.bttn_icon_attachments     {float:left;width:14px;height:16px;background:url(icon_msgList_pack.png) no-repeat -147px 0px;padding-right:5px;}
.bttn_icon_up              {float:left;width:14px;height:16px;background:url(icon_folderList_tools_pack.gif) no-repeat -231px 0px;padding-right:2px;}
.bttn_icon_down            {float:left;width:14px;height:16px;background:url(icon_folderList_tools_pack.gif) no-repeat -252px 0px;padding-right:2px;}
.bttn_icon_logout          {float:left;width:16px;height:16px;background:url(icon_toolbar_blue_pack.png) no-repeat 0px 0px;padding-right:2px;}
.bttn_icon_print           {float:left;width:16px;height:16px;background:url(icon_msgList_pack.png) no-repeat -210px 0px;padding-right:5px;}
.bttn_icon_delete          {float:left;width:16px;height:16px;background:url(icon_msgList_pack.png) no-repeat -231px 0px;padding-right:5px;}
.bttn_icon_download        {float:left;width:16px;height:16px;background:url(icon_download.png) no-repeat 0px 0px;padding-right:4px;}
.bttn_icon_saveToStorage   {float:left;width:16px;height:16px;background:url(icon_folderList_pack.png) no-repeat  -42px 0px;padding-right:4px;}
.bttn_float_left:hover     .bttn_left  {background-position:0px -26px;color:#999;}
.bttn_float_left:hover     .bttn_right {background-position:0px -26px;}
.bttn_float_left:active    .bttn_left  {background-position:0px -78px;color:#000;}
.bttn_float_left:active    .bttn_right {background-position:0px -78px;}
.bttn_float_left:focus     .bttn_left  {background-position:0px -78px;}
.bttn_float_left:focus     .bttn_right {background-position:0px -78px;}
.bttn_float_right:hover    .bttn_left  {background-position:0px -26px;color:#999;}
.bttn_float_right:hover    .bttn_right {background-position:0px -26px;}
.bttn_float_right:hover    .bttn_txt   {color:#999;}
.bttn_float_right:active   .bttn_left  {background-position:0px -78px;color:#000;}
.bttn_float_right:active   .bttn_right {background-position:0px -78px;}
.bttn_float_right:focus    .bttn_left  {background-position:0px -78px;color:#000;}
.bttn_float_right:focus    .bttn_right {background-position:0px -78px;}

.dropDown_shell_left     {float:left;min-width:150px;position:relative;top:-1px;background:url(dropDown_bg.png) repeat-y #2B4E71;border:1px solid #2B4E71;z-index:12000;display:none;visibility:hidden;overflow:hidden;_position:absolute;*width:170px;_left:0px;_top:27px;} /*   *targets IE7 only */
.dropDown_shell_search   {top:0px;left:23px;}
.dropDown_shell_left ul  {width:100%;margin:0;padding:0;list-style-type:none;color:#fff;}
.dropDown_shell_left li  {height:16px;margin:0;padding:0;margin:0px 5px;padding:5px 0px 5px 20px;white-space:nowrap;cursor:pointer;}
.dropDown_shell_right    {float:right;min-width:150px;position:relative;top:-1px;background:url(dropDown_bg.png) repeat-y #2B4E71;border:1px solid #2B4E71;z-index:12000;display:none;visibility:hidden;overflow:hidden;*position:absolute;*width:170px;*right:3px;*top:23px;} /*   *targets IE7 only */
.dropDown_shell_right ul {width:100%;margin:0;padding:0;list-style-type:none;color:#fff;}
.dropDown_shell_right li {height:16px;margin:0;padding:0;margin:0px 5px;padding:5px 0px 5px 20px;white-space:nowrap;cursor:pointer;}
.dropDown_item           {cursor:pointer;}
.dropDown_item:hover     {background:#83A4BC;}
.dropDown_shell_right.addressBook {position:absolute;top:108px;right:36px;}
.dropDown_shell_right#dropDown_import {top:-106px;}

.login_bg		     {width:100%;height:100%;display:table;overflow:hidden; }
.login_bg_old                {width:100%;height:100%;display:table;overflow:hidden;
                             background:linear-gradient(to bottom, #FAFAFA, #DDDDDD); /* W3C */
                             background:-moz-linear-gradient(top, #FAFAFA, #DDDDDD); /* FF3.6+ */
                             background:-webkit-linear-gradient(top, #FAFAFA, #DDDDDD); /* Chrome10+,Safari5.1+ */
                             background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#DDDDDD)); /* Chrome,Safari4+ */
                             background:-ms-linear-gradient(top, #FAFAFA, #DDDDDD); /* IE10+ */
                             background:-o-linear-gradient(top, #FAFAFA, #DDDDDD); /* Opera 11.10+ */
                             filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#DDDDDD', GradientType=0) !important; /* IE7-9 */
                             _background:#DDDDDD; /* IE6 */
                            }
.login_shell                {font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue", Arial,"sans-serif";margin:0 auto;width:100%;display:table-cell;vertical-align:top;}
.login_shell_old                {font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue", Arial,"sans-serif";margin:0 auto;width:100%;display:table-cell;vertical-align:middle;}
.login_shell input, .login_shell select {font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue", Arial,"sans-serif";height:29px;font-size:16px;color:#555;background:#F5F5F5;margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-shadow:1px 1px 1px rgba(255,255,255,0.7);-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.7);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.7);box-shadow:0px 1px 1px rgba(255,255,255,0.7);-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.7);-moz-box-shadow:0 1px 1px rgba(255,255,255,0.7);border:1px solid #969696;padding:4px 7px 4px 7px;margin-bottom:7px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.login_shell select         {width:100%;padding:4px 7px 4px 2px;}
.login_shell input:disabled, .login_shell textarea:disabled, .login_shell select:disabled  {color:#A2A2A2;border-color:#ccc;background:#F0F0F0;}
.login_shell input:focus, .login_shell select:focus, .login_shell textarea:focus {background:#fff;outline:0;border:1px solid #0193CF;box-shadow:none;}
.login_shell input[type="radio"]    {width:auto !important;height:auto !important;border:0;background:none;padding:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.login_shell input[type="checkbox"] {width:auto !important;height:auto !important;border:0;background:none;margin:2px 0 0 0;padding:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.login_shell input.textfield        {width:100%;}
.login_shell .options_form_table    {color:#333 !important;font-size:12px !important;}
.login_panel                {position:relative;width:99%;overflow:hidden;background:#fff;border:1px solid #bbb;margin:0 auto;padding:20px;box-shadow:1px 0px 8px rgba(0,0,0,0.3);-moz-box-shadow:1px 0px 8px rgba(0,0,0,0.3);-webkit-box-shadow:1px 0px 8px rgba(0,0,0,0.3);}
.login_panel_backup         {position:relative;width:98%;overflow:hidden;background:#fff;border:1px solid #bbb;margin:0 auto;padding:20px;box-shadow:1px 0px 8px rgba(0,0,0,0.3);-moz-box-shadow:1px 0px 8px rgba(0,0,0,0.3);-webkit-box-shadow:1px 0px 8px rgba(0,0,0,0.3);}
.login_panel_mailstat       {position:relative;width:750px;overflow:hidden;background:#fff;border:1px solid #bbb;margin:0 auto;padding:20px;box-shadow:1px 0px 8px rgba(0,0,0,0.3);-moz-box-shadow:1px 0px 8px rgba(0,0,0,0.3);-webkit-box-shadow:1px 0px 8px rgba(0,0,0,0.3);}
.login_panel_backupedit     {position:relative;width:550px;overflow:hidden;background:#fff;border:1px solid #bbb;margin:0 auto;padding:20px;box-shadow:1px 0px 8px rgba(0,0,0,0.3);-moz-box-shadow:1px 0px 8px rgba(0,0,0,0.3);-webkit-box-shadow:1px 0px 8px rgba(0,0,0,0.3);}
.login_panel_login          {position:relative;width:318px;overflow:hidden;background:#fff;border:1px solid #bbb;margin:0 auto;padding:10px;box-shadow:1px 0px 8px rgba(0,0,0,0.3);-moz-box-shadow:1px 0px 8px rgba(0,0,0,0.3);-webkit-box-shadow:1px 0px 8px rgba(0,0,0,0.3);}
.login_panel h1             {width:100%;font-size:16px;color:#333;font-weight:600;line-height:100%;border-bottom:1px solid #bbb;margin:0;padding:0;margin-bottom:20px;padding-bottom:7px;}
.login_panel_left           {float:left;width:100px;height:330px;display:table;overflow:hidden;margin-right:20px;text-align:center;}
.login_panel_left_inner     {width:220px;height:330px;overflow:hidden;display:table-cell;vertical-align:middle;text-align:center;}
.login_panel_left_inner img {max-width:220px;max-height:330px;width:expression(this.width>220?'220px':true);height:expression(this.height>330?'330px':true);}
.login_panel_right          {float:left;width:900px;height:700px;overflow:auto;margin-right:20px;margin-left:20px;}
.login_panel_right_mailstat {float:left;width:700px;height:800px;overflow:auto;margin-right:20px;margin-left:20px;}
.login_panel_right_backup   {float:left;width:99%;height:800px;overflow:auto;margin-right:20px;margin-left:20px;}
.login_panel_right_backupedit {float:left;width:500px;height:auto;overflow:auto;margin-right:20px;margin-left:20px;}
.login_panel_right_sslupedit {float:left;width:500px;height:auto;overflow:auto;margin-right:20px;margin-left:20px;}
.login_panel_right_login    {float:left;width:315px;height:420px;overflow:none;margin-right:7px;margin-left:7px;}
.login_panel_right_fehler   {color:red;}
.login_lang_table           {height:80%;width:100% !important;table-layout:fixed;margin:0;padding:0;border-spacing:0;border-collapse:collapse;border:0;margin:10px 0;}
.login_lang_table_login     {width:50% !important;table-layout:fixed;margin:0;padding:0;border-spacing:0;border-collapse:collapse;border:0;margin:10px 0;}
.login_lang_table td        {width:50%;line-height:180%;}
.login_lang_table_mid       {width:10px !important;}
.login_lang_talbe input     {width:100% !important;}
.login_remember_checkbox            {margin:0 0 20px 0;}
.login_remember_checkbox label      {font-size:12px;color:#333;margin:0;padding:0;padding-left:5px;*padding-left:0px;position:relative;top:-3px;}
.login_bttn_shell           {width:100%;margin:10px 0;}
.login_foot_nav             {position:absolute;bottom:20px;width:370px;cursor:pointer;}
.login_foot_nav a, .login_foot_nav a:visited {font-size:11px;color:#333;text-decoration:none;}
.login_foot_nav a:hover     {color:#333;text-decoration:underline;}
.login_copyright            {margin:0 auto;width:450px;font-size:11px;color:#666;padding:7px 0px;}
.login_copyright a,         .login_copyright a:visited {text-decoration:none;color:#666;}
.login_copyright a:hover    {text-decoration:underline;}
.login_secretQuestions_shell        {margin:20px 0;overflow:hidden;}
.login_shell .bttn          {min-width:65px !important;}

.backup_table_mail			{font-size:15px; height:80%;width:97% !important;margin:10;padding:10;border-spacing:10;border-collapse:collapse;border:0;margin:10px 0;}
.backup_table_edit			{font-size:15px; height:80%;width:95% !important;margin:10;padding:10;border-spacing:10;border-collapse:collapse;border:0;margin:10px 0;}

.rotate-image 				{
-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.table.alarm				{color: #c02537;}

th.rotate {
  /* Something you can count on */
  height: 70px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(0px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 0px;
}
th.rotate > div > span {
  /* border-bottom: 1px solid #ccc; */ 
  padding: 0px 30px;
}

.bttn_shell         {display:inline-block;width:auto;margin-right:1px;height:26px;border:1px solid #969696;overflow:hidden;
                     border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
                     background:linear-gradient(to bottom, #F0F0F0, #C8C8C8); /* W3C */
                     background:-moz-linear-gradient(top, #F0F0F0, #C8C8C8); /* FF3.6+ */
                     background:-webkit-linear-gradient(top, #F0F0F0, #C8C8C8); /* Chrome10+,Safari5.1+ */
                     background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0F0F0), to(#C8C8C8)); /* Chrome,Safari4+ */
                     background:-ms-linear-gradient(top, #F0F0F0, #C8C8C8); /* IE10+ */
                     background:-o-linear-gradient(top, #F0F0F0, #C8C8C8); /* Opera 11.10+ */
                     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#C8C8C8', GradientType=0); /* IE7-9 */
                     _background:#C8C8C8; /* IE 6 */
                     background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;
                     box-shadow:0px 1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px #fff;
                     -webkit-box-shadow:0 1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px #fff;
                     -moz-box-shadow:0 1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px #fff;
                     -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none;
                    }
.bttn_shell:hover,  .bttn_shell:focus, .bttn_shell:active {
                     border:1px solid #0193CF !important;cursor:pointer;
                     background:linear-gradient(to bottom, #FFFFFF, #E3E3E3); /* W3C */
                     background:-moz-linear-gradient(top, #FFFFFF, #E3E3E3); /* FF3.6+ */
                     background:-webkit-linear-gradient(top, #FFFFFF, #E3E3E3); /* Chrome10+,Safari5.1+ */
                     background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E3E3E3)); /* Chrome,Safari4+ */
                     background:-ms-linear-gradient(top, #FFFFFF, #E3E3E3); /* IE10+ */
                     background:-o-linear-gradient(top, #FFFFFF, #E3E3E3); /* Opera 11.10+ */
                     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3', GradientType=0); /* IE7-9 */
                     _background:#E3E3E3; /* IE 6 */
                     background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;
                    }
.bttn_shell:active  {background:#E1E1E1;box-shadow:inset 0px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);}
.bttn               {display:inline-block;width:auto !important;text-decoration:none !important;color:#333 !important;font-size:13px;min-width:60px;height:20px;padding:3px 10px;text-align:center;}
.bttn:hover         {text-decoration:none !important;color:#333 !important;}

.bttn_shell.blue, .bttn_shell.blue:hover, .bttn_shell.blue:focus, .bttn_shell.blue:active 
                    {border:1px solid #026A98 !important;
					 float:left;
					 margin-right:7px;margin-left:7px;margin-top:7px;margin-bottom:7px;
                     background:linear-gradient(to bottom, #3C86D1, #215589); /* W3C */
                     background:-moz-linear-gradient(top, #3C86D1, #215589); /* FF3.6+ */
                     background:-webkit-linear-gradient(top, #3C86D1, #215589); /* Chrome10+,Safari5.1+ */
                     background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3C86D1), to(#215589)); /* Chrome,Safari4+ */
                     background:-ms-linear-gradient(top, #3C86D1, #215589); /* IE10+ */
                     background:-o-linear-gradient(top, #3C86D1, #215589); /* Opera 11.10+ */
                     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C86D1', endColorstr='#215589', GradientType=0); /* IE7-9 */
                     _background:#02618F; /* IE 6 */
                     background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;
                     box-shadow:inset 0px 2px 0px rgba(255,255,255,0.3);
                     -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3);
                     -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3);
                    }
.bttn_shell.blue .bttn {color:#fff !important;text-shadow:1px 1px 0px rgba(0,0,0,0.6);-webkit-text-shadow:1px 1px 0px rgba(0,0,0,0.6);-moz-text-shadow:1px 1px 0px rgba(0,0,0,0.6);}
.bttn_shell.blue:hover, .bttn_shell.blue:focus {
                     background:linear-gradient(to bottom, #42C1FF, #146DC6); /* W3C */
                     background:-moz-linear-gradient(top, #42C1FF, #146DC6); /* FF3.6+ */
                     background:-webkit-linear-gradient(top, #42C1FF, #146DC6); /* Chrome10+,Safari5.1+ */
                     background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#42C1FF), to(#146DC6)); /* Chrome,Safari4+ */
                     background:-ms-linear-gradient(top, #42C1FF, #146DC6); /* IE10+ */
                     background:-o-linear-gradient(top, #42C1FF, #146DC6); /* Opera 11.10+ */
                     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#42C1FF', endColorstr='#146DC6', GradientType=0); /* IE7-9 */
                     _background:#1B7DAC; /* IE 6 */
                     background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;
                    }
.bttn_shell.blue:active {background:#2083D5;box-shadow:inset 0px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);}

/* Standardise White-Space wrapping across all browsers  */
.wrapped {
	/* white-space: pre;           /* CSS 2.0 */
	/* white-space: pre-wrap;      /* CSS 2.1 */
	/* white-space: pre-line;      /* CSS 3.0 */
	/* white-space: -pre-wrap;     /* Opera 4-6 */
	/* white-space: -o-pre-wrap;   /* Opera 7 */
	/* white-space: -moz-pre-wrap; /* Mozilla */
	/* white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

/*
 *	STYLES for our resizalbe layout panes...
 */

/*
 *	COMMON LAYOUT PANE FORMATTING
 */
.pane ,				/* outer pane class */
.ui-layout-pane {	/* inner pane class */
	padding: 0; /* alignment & padding is on the inner-divs */
	overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}


/*
 *	OUTER-LAYOUT PANE FORMATTING
 */
.pane-north ,
.pane-south ,
.pane-west ,
.pane-east {
	overflow: hidden;
}

.pane-north 
{
	border-bottom:	none;
}

.pane-north .content ,
.pane-south .content 
{
	text-align: center;
}

.pane-center 
{
	/*padding: 15px; /* for padding between inside content and outer pane */
	padding: 0px; /* no inner padding for center pane */
}


/*
 *  OUTER LAYOUT RESIZERS & TOGGLERS
 */
.resizer-west-dragging ,
.resizer-west-open:hover	{ background: url(splitter_vertical_left.gif) repeat-y center; }
.resizer-east-dragging ,
.resizer-east-open:hover	{ background: url(splitter_vertical_right.gif) repeat-y center; }

.resizer-west-open	{ background: url(splitter_vertical_left.gif) repeat-y center; }
.resizer-east-open	{ background: url(splitter_vertical_right.gif) repeat-y center; }

.resizer-north-open { background: url(splitter_horizontal_up.gif) repeat-x center;}
.resizer-south-open { background: url(splitter_horizontal_down.gif) repeat-x center;}

/*
.resizer-west-open ,
.resizer-east-open {
	background-color: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.resizer-west-open:hover ,
.resizer-east-open:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
*/

.resizer-dragging 
{
	/* see draggable.opacity option
	opacity: 0.5;
	filter: alpha(opacity=50);
	*/
}

.resizer-dragging-limit	{ background: #FF3300 !important; }

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
* html .resizer-west-open	{ background: url(splitter_vertical_left.gif) repeat-y center !important; }
* html .resizer-east-open	{ background: url(splitter_vertical_right.gif) repeat-y center !important; }
* html .resizer-west-open ,
* html .resizer-east-open 
{
    /*
	opacity: 0.1 !important;
	filter: alpha(opacity=10) !important;
    */
}


/*
 *	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
 */
.resizer-west-closed ,
.resizer-east-closed {
	background: url(splitter_collapsed_bg_vertical.gif) 0 0 repeat-y;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.resizer-north-closed, .resizer-south-closed 
{
    background: url(splitter_collapsed_bg_horizontal.gif) 0 0 repeat-x;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}

/*
.resizer-west-closed:hover ,
.resizer-east-closed:hover {
	background-position: -21px 0px;
}
*/

/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed		{ background: url(splitter_collapsed_arrows.gif) no-repeat -18px 0px;}
.toggler-west-closed:hover	{ background-position: -18px -21px; }
.toggler-east-closed		{ background: url(splitter_collapsed_arrows.gif) no-repeat -60px 0px;}
.toggler-east-closed:hover	{ background-position: -60px -21px; }
.toggler-north-closed		{ background: url(splitter_collapsed_arrows.gif) no-repeat -42px 3px;}
.toggler-north-closed:hover	{ background-position: -42px -18px; }
.toggler-south-closed		{ background: url(splitter_collapsed_arrows.gif) no-repeat 0px 3px;}
.toggler-south-closed:hover	{ background-position: 0px -18px; }


.bttn_scroll_pgUp   {width:35px;height:35px;position:absolute;top:0px;background:url(scroll_pgUp.jpg) no-repeat 0px 0px;}
.bttn_scroll_up     {width:35px;height:35px;position:absolute;top:35px;background:url(scroll_up.jpg) no-repeat 0px -3px;}
.bttn_scroll_down   {width:35px;height:35px;position:absolute;bottom:35px;background:url(scroll_down.jpg) no-repeat 0px 3px;}
.bttn_scroll_pgDown {width:35px;height:35px;position:absolute;bottom:0px;background:url(scroll_pgDown.jpg) no-repeat 0px 0px;}

.divScrollable
{
	overflow: auto;
	background-repeat:repeat-y;
	font-size:11px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

.divScrollableContent
{
	padding: 5px;
}



/* Browser Specific Hacks */

/* Targets IE11 only */
_:-ms-fullscreen, :root input[type="button"].nostyle {border:1px outset ButtonFace !important;padding:2px 6px 2px 6px !important;font-size:16px !important;font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue", Arial,"sans-serif" !important;}
_:-ms-fullscreen, :root #btnAttach  {float:left !important;}

/* Targets IE10 and below (all IE)*/
input[type="button"].nostyle, input[type="button"].nostyle:hover, input[type="button"].nostyle:focus {border:1px outset ButtonFace\9 !important;padding:4px 6px 2px 6px\9 !important;font-size:12px\9 !important;font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue", Arial,"sans-serif"\9 !important;}
#btnAttach  {float:left\9 !important;}

/* Targets IE8 only*/
@media \0screen 
{
    #FileUploader           {border:1px solid !important;}
}

/* Targets IE6, IE7 only */
.bttn_shell         {*float:left;*display:inline;*margin-right:5px;}
.login_foot_nav     {*left:260px;}
.login_shell        {*margin-top:120px;}
#FileUploader       {*border:1px solid !important;}

/* Targets Firefox only */
@-moz-document url-prefix() 
{
    input[type="button"].nostyle, input[type="button"].nostyle:hover, input[type="button"].nostyle:focus {
        border:1px solid #707070 !important;padding:0px 6px 0px 6px !important;font-size:12px !important;
        font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue", Arial,"sans-serif" !important;
        border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
        background:linear-gradient(to bottom, #F2F2F2, #CFCFCF) !important; /* W3C */
        background:-moz-linear-gradient(top, #F2F2F2, #CFCFCF) !important; /* FF3.6+ */
        background:-webkit-linear-gradient(top, #F2F2F2, #CFCFCF) !important; /* Chrome10+,Safari5.1+ */
        background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#CFCFCF)) !important; /* Chrome,Safari4+ */
        background:-ms-linear-gradient(top, #F2F2F2, #CFCFCF) !important; /* IE10+ */
        background:-o-linear-gradient(top, #F2F2F2, #CFCFCF) !important; /* Opera 11.10+ */
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#CFCFCF', GradientType=0) !important; /* IE7-9 */
        _background:#CFCFCF !important; /* IE 6 */
    }
    .options_form_table input[type="radio"] {margin:2px 0px 3px 0px !important;}
    .options_form_txt   {padding:4px 10px 0px 5px !important;}
    .optionsPanel_table h2  {padding:0px !important;}
    .options_shared_bottom_right    {padding-top:4px !important;}
}

/* Targets Chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    input[type="button"].nostyle            {font-family:Arial, "sans-serif" !important;font-weight:normal !important;}
    input[type="button"].nostyle:hover      {font-family:Arial, "sans-serif" !important;font-weight:normal !important;}
    input[type="button"].nostyle:active     {font-family:Arial, "sans-serif" !important;font-weight:normal !important;}
    input[type="button"].nostyle:focused    {font-family:Arial, "sans-serif" !important;font-weight:normal !important;}
    input[type="button"].nostyle:visited    {font-family:Arial, "sans-serif" !important;font-weight:normal !important;}
}

.table-header-rotated {
  border-collapse: collapse;
  .csstransforms & td {
    width: 30px;
  }
  .no-csstransforms & th {
    padding: 5px 10px;
  }
  td {
    text-align: center;
    padding: 10px 5px;
    border: 1px solid #ccc;
  }
  .csstransforms & th.rotate {
    height: 140px;
    white-space: nowrap;
    // Firefox needs the extra DIV for some reason, otherwise the text disappears if you rotate 
    > div {
      transform: 
        // Magic Numbers
        translate(25px, 51px)
        // 45 is really 360-45
        rotate(315deg);
      width: 30px;
    }
    > div > span {
      border-bottom: 1px solid #ccc;
      padding: 5px 10px;
    }
  }
  th.row-header {
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
  }
}



.ver th {
   text-align: left; vertical-align: top;
}
.ver th span {
   writing-mode: vertical-rl;
  -webkit-text-orientation: sideways;
  text-orientation: sideways
}
.labeled {
	font-style: normal;
   -ms-writing-mode: tb-rl; 
   writing-mode: vertical-rl; 
   transform:rotate(0deg);
}