@charset "gb2312";

body 
{
    COLOR: #666666; 
    FONT-SIZE: 12pt;
    font-family: "OpenSans Helvetica Neue", Helvetica, Arial, sans-serif, Microsoft JhengHei, Microsoft YaHei;
}		  
TD.tbltopmenu 
{
    text-align: left;
    vertical-align: top;
    background-color: #A0B1C2;
    height: 1%;
}

div.over100 { overflow: auto; height: 100px; width: 100px; vertical-align: middle}
div.over200 { overflow: auto; height: 100px; width: 200px; vertical-align: middle}		

H1 {COLOR: #000000;}

    a {TEXT-DECORATION: none}
    a:link {COLOR: #FF0000}
    a:visited {COLOR: #FF0000}
    a:active {COLOR: #FF0000}
    a:hover {COLOR: #3300FF;}

    a.sortheading {TEXT-DECORATION: none}
    a.sortheading:link {COLOR: #FFFFFF}
    a.sortheading:visited {COLOR: #FFFFFF}
    a.sortheading:active {COLOR: #FFFFFF}
    a.sortheading:hover {COLOR: #3300FF;}

    a.sun {TEXT-DECORATION: none}
    a.sun:hover {color: #990099;}
    a.sun:link {color: red;}
    a.sun:visited {color: red;}  
    a.sun:active {color: red;}

    a.wkday {TEXT-DECORATION: none}
    a.wkday:hover {color: #990099;}
    a.wkday:link {color: blue;}
    a.wkday:visited {color: blue;}  
    a.wkday:active {color: blue;}

    a.underline {TEXT-DECORATION: underline}
    a.underline:hover {color: #FF0000;}
    a.underline:link {color: yellow;}
    a.underline:visited {color: yellow;}  
    a.underline:active {color: yellow;}

    a.underline_b {TEXT-DECORATION: underline}
    a.underline_b:hover {color: white;}
    a.underline_b:link {color: #999999;}
    a.underline_b:visited {color: #999999;}  
    a.underline_b:active {color: #999999;}

    a.block:link {display: block; width: 100%; height: 100%; color: #FF1810; text-decoration: none; cursor: pointer}
    a.block:visited {display: block; width: 100%; height: 100%; color: #FF1810; text-decoration: none; cursor: pointer}
    a.block:hover  {color: white; background: #FF1810; cursor: pointer}
    a.blockcore:link {display: block; width: 100%; height: 100%; color: #FF1810; text-decoration: none; cursor: pointer}
    a.blockcore:visited {display: block; width: 100%; height: 100%; color: #FF1810; text-decoration: none; cursor: pointer}
    a.blockcore:hover  {color: white; background: #FF1810; cursor: pointer} 


    #topmenu .k-item {COLOR: #585858;}
    
    #w_up    {border-style: solid none none none;border-color: white;border-width: 1px}
    #w_down  {border-style: none none solid none;border-color: white;border-width: 1px}
    #w_down_2  {border-style: none none solid none;border-color: white;border-width: 2px}
    #w_left  {border-style: none none none solid;border-color: white;border-width: 1px}
    #w_left_2  {border-style: none none none solid;border-color: white;border-width: 2px}
    #w_right {border-style: none solid none none;border-color: white;border-width: 1px}
    #w_right_2 {border-style: none solid none none;border-color: white;border-width: 2px}
    #w_all   {border-style: solid solid solid solid;border-color: white;border-width: 1px}
    #w_ld    {border-style: none none solid solid;border-color: white;border-width: 1px}
    #w_rd    {border-style: none solid solid none;border-color: white;border-width: 1px}
    #w_rl    {border-style: none solid none solid;border-color: white;border-width: 1px}
    #w_rdl   {border-style: none solid solid solid;border-color: white;border-width: 1px}
    #w_ud    {border-style: solid none solid none;border-color: white;border-width: 1px}
    #w_udl   {border-style: solid none solid solid;border-color: white;border-width: 1px}
    #w_url   {border-style: solid solid none solid;border-color: white;border-width: 1px}

    #b_up    {border-style: solid none none none;border-color: black;border-width: 1px}
    #b_down  {border-style: none none solid none;border-color: black;border-width: 1px}
    #b_down2 {border-style: none none solid none;border-color: black;border-width: 3px}
    #b_left  {border-style: none none none solid;border-color: black;border-width: 1px}
    #b_right {border-style: none solid none none;border-color: black;border-width: 1px}
    #b_all   {border-style: solid solid solid solid;border-color: black;border-width: 1px}
    #b_udl   {border-style: solid none solid solid;border-color: black;border-width: 1px}
    #b_urd   {border-style: solid solid solid none;border-color: black;border-width: 1px}
    #b_ud    {border-style: solid none solid none;border-color: black;border-width: 1px}
    #b_ld    {border-style: none none solid solid;border-color: black;border-width: 1px}
    #b_rd    {border-style: none solid solid none;border-color: black;border-width: 1px}
    #b_rl    {border-style: none solid none solid;border-color: black;border-width: 1px}
    #b_ul    {border-style: solid none none solid;border-color: black;border-width: 1px}
    #b_ur    {border-style: solid solid none none;border-color: black;border-width: 1px}
    #b_rdl   {border-style: none solid solid solid;border-color: black;border-width: 1px}
    #b_url   {border-style: solid solid none solid;border-color: black;border-width: 1px}
    #b_none   {border-style: none none none none;border-color: black;border-width: 1px}

    #b_all_dot   {border-style: DOTTED DOTTED DOTTED DOTTED;border-color: black;border-width: 1px} 
    #b_down_dot  {border-style: none none DOTTED none;border-color: black;border-width: 1px}
    #g_down_dot  {border-style: none none DOTTED none;border-color: #585858;border-width: 1px} 

    #g_up    {border-style: solid none none none;border-color: #585858;border-width: 1px}
    #g_down  {border-style: none none solid none;border-color: #585858;border-width: 1px}
    #g_down2 {border-style: none none solid none;border-color: #585858;border-width: 3px}
    #g_left  {border-style: none none none solid;border-color: #585858;border-width: 1px}
    #g_right {border-style: none solid none none;border-color: #585858;border-width: 1px}
    #g_all   {border-style: solid solid solid solid;border-color: #585858;border-width: 1px}
    #g_udl   {border-style: solid none solid solid;border-color: #585858;border-width: 1px}
    #g_urd   {border-style: solid solid solid none;border-color: #585858;border-width: 1px}
    #g_ud    {border-style: solid none solid none;border-color: #585858;border-width: 1px}
    #g_ld    {border-style: none none solid solid;border-color: #585858;border-width: 1px}
    #g_rd    {border-style: none solid solid none;border-color: #585858;border-width: 1px}
    #g_rl    {border-style: none solid none solid;border-color: #585858;border-width: 1px}
    #g_ul    {border-style: solid none none solid;border-color: #585858;border-width: 1px}
    #g_ur    {border-style: solid solid none none;border-color: #585858;border-width: 1px}
    #g_rdl   {border-style: none solid solid solid;border-color: #585858;border-width: 1px}
    #g_url   {border-style: solid solid none solid;border-color: #585858;border-width: 1px}

    #s_all   {border-style: solid solid solid solid;border-color: #E7E7E7;border-width: 1px}
    #s_up    {border-style: solid none none none;border-color: #E7E7E7 black black black;border-width: 1px}
    #s_down  {border-style: none none solid none;border-color: #E7E7E7;border-width: 1px}
    #s_ld    {border-style: none none solid solid;border-color: black black #E7E7E7 black black;border-width: 1px}
    #s_rd    {border-style: none solid solid none;border-color: black black #E7E7E7 black;border-width: 1px}
    #s_ul    {border-style: solid none none solid;border-color: #E7E7E7 black black black;border-width: 1px}
    #s_ur    {border-style: solid solid none none;border-color: #E7E7E7 black black black;border-width: 1px}
    #s_rdl   {border-style: none solid solid solid;border-color: black black #E7E7E7 black;border-width: 1px}
    #s_url   {border-style: solid solid none solid;border-color: #E7E7E7 black black black;border-width: 1px}
    #s_up    {border-style: solid none none none;border-color: #E7E7E7;border-width: 1px}
    #border_b_left_#E7E7E7_down {border-style: none none solid solid ;border-color: black #E7E7E7 #E7E7E7 black;border-width: 1px}

    #r_up    {border-style: solid none none none;border-color: red;border-width: 1px}
    #r_down  {border-style: none none solid none;border-color: red;border-width: 1px}
    #r_down2 {border-style: none none solid none;border-color: red;border-width: 3px}
    #r_left  {border-style: none none none solid;border-color: red;border-width: 1px}
    #r_right {border-style: none solid none none;border-color: red;border-width: 1px}
    #r_all   {border-style: solid solid solid solid;border-color: red;border-width: 1px}
    #r_udl   {border-style: solid none solid solid;border-color: red;border-width: 1px}
    #r_urd   {border-style: solid solid solid none;border-color: red;border-width: 1px}
    #r_ud    {border-style: solid none solid none;border-color: red;border-width: 1px}
    #r_ld    {border-style: none none solid solid;border-color: red;border-width: 1px}
    #r_rd    {border-style: none solid solid none;border-color: red;border-width: 1px}
    #r_rl    {border-style: none solid none solid;border-color: red;border-width: 1px}
    #r_ul    {border-style: solid none none solid;border-color: red;border-width: 1px}
    #r_ur    {border-style: solid solid none none;border-color: red;border-width: 1px}
    #r_rdl   {border-style: none solid solid solid;border-color: red;border-width: 1px}
    #r_url   {border-style: solid solid none solid;border-color: red;border-width: 1px}

    #out_but       {border-style: outset;border-color: #EEEEEE;border-width : 3px}
    #inset_border  {border-style: inset; border-color: #EEEEEE;border-width : 1px}
    #outset_border {border-style: outset; border-color: #EEEEEE;border-width : 2px}
    #outset_border_up    {border-style: outset none none none; border-color: #EEEEEE;border-width : 2px}
    #outset_border_down  {border-style: none none outset none; border-color: #EEEEEE;border-width : 2px}
    #outset_border_left  {border-style: none none none outset; border-color: #EEEEEE;border-width : 2px}
    #outset_border_right {border-style: none outset none none; border-color: #EEEEEE;border-width : 2px}
    #outset_border_url {border-style: outset outset none outset; border-color: #EEEEEE;border-width : 2px}
    #outset_border_udl {border-style: outset none outset outset; border-color: #EEEEEE;border-width : 2px}
    #outset_border_rdl {border-style: none outset outset outset; border-color: #EEEEEE;border-width : 2px}
    #outset_border_urd {border-style: outset outset outset none;border-color: #EEEEEE;border-width: 2px}
    #outset_border_rd {border-style: none outset outset none; border-color: #EEEEEE;border-width : 2px}
    #outset_border_ud {border-style: outset none outset none; border-color: #EEEEEE;border-width : 2px}
    #outset_border_ld {border-style: none none outset outset; border-color: #EEEEEE;border-width : 2px}
    #outset_border_ur {border-style: outset outset none none; border-color: #EEEEEE;border-width : 2px}
    #outset_border_ul {border-style: outset none none outset; border-color: #EEEEEE;border-width : 2px}
    #outset_border_rl {border-style: none outset none outset;border-color: #EEEEEE;border-width: 2px}

    #border_THBGColor_left,
    #border_THBGColor_right,
    #border_THBGColor_rl,
    #border_THBGColor_all,
    #border_THBGColor_up,
    #border_THBGColor_ul,
    #border_THBGColor_down,
    #border_THBGColor_ud,
    #border_THBGColor_rd,
    #border_THBGColor_rdl,
    #border_THBGColor_url   {border-color: #9AA1BE; border-width: 1px}

    #border_THBGColor_left  {border-style: none none none solid}
    #border_THBGColor_right {border-style: none solid none none}
    #border_THBGColor_rl    {border-style: none solid none solid}
    #border_THBGColor_all   {border-style: solid solid solid solid}
    #border_THBGColor_up    {border-style: solid none none none}
    #border_THBGColor_ul    {border-style: solid none none solid}
    #border_THBGColor_down  {border-style: none none solid none}
    #border_THBGColor_ud    {border-style: solid none solid none}
    #border_THBGColor_rd    {border-style: none solid solid none}
    #border_THBGColor_rdl   {border-style: none solid solid solid}
    #border_THBGColor_url   {border-style: solid solid none solid}


    #border_TCBGColor_all,
    #border_TCBGColor_rdl  	{border-color: #DEDEDE;border-width : 1px}

    #border_TCBGColor_all   {border-style: solid solid solid solid}
    #border_TCBGColor_rdl  	{border-style: none solid solid solid}


    #border_9AA1BE_left_r_ud   {border-style:  solid none solid solid;border-color: red #9AA1BE red #9AA1BE;border-width: 1px}
    #border_9AA1BE_rl_r_ud     {border-style:  solid solid solid solid;border-color: red #9AA1BE red #9AA1BE;border-width: 1px}
    #border_9AA1BE_left_r_down {border-style:  none none solid solid;border-color: red #9AA1BE red #9AA1BE;border-width: 1px}
    #border_9AA1BE_rl_r_down   {border-style:  none solid solid solid;border-color: red #9AA1BE red #9AA1BE;border-width: 1px}

    #border_9AA1BE_left,
    #border_9AA1BE_right,
    #border_9AA1BE_rl,
    #border_9AA1BE_all,
    #border_9AA1BE_up,
    #border_9AA1BE_ud,
    #border_9AA1BE_down,
    #border_9AA1BE_rdl,
    #border_9AA1BE_url   {border-color: #9AA1BE; border-width: 1px}

    #border_9AA1BE_left  {border-style: none none none solid}
    #border_9AA1BE_right {border-style: none solid none none}
    #border_9AA1BE_rl    {border-style: none solid none solid}
    #border_9AA1BE_all   {border-style: solid solid solid solid}
    #border_9AA1BE_up    {border-style: solid none none none}
    #border_9AA1BE_ud    {border-style: solid none solid none}
    #border_9AA1BE_down  {border-style: none none solid none}
    #border_9AA1BE_rdl   {border-style: none solid solid solid}
    #border_9AA1BE_url   {border-style: solid solid none solid}

    #border1_EEEEEE_all   {border-style: solid solid solid solid;border-color: #EEEEEE;border-width: 1px}
    #border2_EEEEEE_all   {border-style: solid solid solid solid;border-color: #EEEEEE;border-width: 2px}
    #border3_EEEEEE_all   {border-style: solid solid solid solid;border-color: #EEEEEE;border-width: 3px}
    #border5_EEEEEE_all   {border-style: solid solid solid solid;border-color: #EEEEEE;border-width: 5px}

    #border_DEDEDE_rdl {border-style: none solid solid solid; border-color: #DEDEDE;border-width : 1px}
    #border2_DEDEDE_rdl {border-style: none solid solid solid; border-color: #DEDEDE;border-width : 2px}
    #border_FFCC33_all   {border-style: solid solid solid solid;border-color: #FFCC33;border-width: 1px}

    #border_0000FF_all   {border-style: solid solid solid solid;border-color: #0000FF;border-width: 1px}
    #border_0000FF_up    {border-style: solid none none none;border-color: #0000FF;border-width: 1px}
    #border_0000FF_down  {border-style: none none solid none;border-color: #0000FF;border-width: 1px}
    #border_0000FF_left  {border-style: none none none solid;border-color: #0000FF;border-width: 1px}
    #border_0000FF_right {border-style: none solid none none;border-color: #0000FF;border-width: 1px}
    #border_0000FF_udl   {border-style: solid none solid solid;border-color: 0000FF;border-width: 1px}
    #border_0000FF_urd   {border-style: solid solid solid none;border-color: 0000FF;border-width: 1px}
    #border_0000FF_ud    {border-style: solid none solid none;border-color: 0000FF;border-width: 1px}
    #border_0000FF_ld    {border-style: none none solid solid;border-color: 0000FF;border-width: 1px}
    #border_0000FF_rd    {border-style: none solid solid none;border-color: 0000FF;border-width: 1px}
    #border_0000FF_ul    {border-style: solid none none solid;border-color: 0000FF;border-width: 1px}
    #border_0000FF_ur    {border-style: solid solid none none;border-color: 0000FF;border-width: 1px}
    #border_0000FF_rdl   {border-style: none solid solid solid;border-color: 0000FF;border-width: 1px}
    #border_0000FF_url   {border-style: solid solid none solid;border-color: 0000FF;border-width: 1px}

    #border_FF9900_all   {border-style: solid solid solid solid;border-color: #FF9900;border-width: 1px}
    #border_FF9900_up    {border-style: solid none none none;border-color: #FF9900;border-width: 1px}
    #border_FF9900_down  {border-style: none none solid none;border-color: #FF9900;border-width: 1px}
    #border_FF9900_left  {border-style: none none none solid;border-color: #FF9900;border-width: 1px}
    #border_FF9900_right {border-style: none solid none none;border-color: #FF9900;border-width: 1px}
    #border_FF9900_udl   {border-style: solid none solid solid;border-color: FF9900;border-width: 1px}
    #border_FF9900_urd   {border-style: solid solid solid none;border-color: FF9900;border-width: 1px}
    #border_FF9900_ud    {border-style: solid none solid none;border-color: FF9900;border-width: 1px}
    #border_FF9900_ld    {border-style: none none solid solid;border-color: FF9900;border-width: 1px}
    #border_FF9900_rd    {border-style: none solid solid none;border-color: FF9900;border-width: 1px}
    #border_FF9900_ul    {border-style: solid none none solid;border-color: FF9900;border-width: 1px}
    #border_FF9900_ur    {border-style: solid solid none none;border-color: FF9900;border-width: 1px}
    #border_FF9900_rdl   {border-style: none solid solid solid;border-color: FF9900;border-width: 1px}
    #border_FF9900_url   {border-style: solid solid none solid;border-color: FF9900;border-width: 1px}

    #border_009933_all   {border-style: solid solid solid solid;border-color: #009933;border-width: 1px}
    #border_009933_up    {border-style: solid none none none;border-color: #009933;border-width: 1px}
    #border_009933_down  {border-style: none none solid none;border-color: #009933;border-width: 1px}
    #border_009933_left  {border-style: none none none solid;border-color: #009933;border-width: 1px}
    #border_009933_right {border-style: none solid none none;border-color: #009933;border-width: 1px}
    #border_009933_udl   {border-style: solid none solid solid;border-color: 009933;border-width: 1px}
    #border_009933_urd   {border-style: solid solid solid none;border-color: 009933;border-width: 1px}
    #border_009933_ud    {border-style: solid none solid none;border-color: 009933;border-width: 1px}
    #border_009933_ld    {border-style: none none solid solid;border-color: 009933;border-width: 1px}
    #border_009933_rd    {border-style: none solid solid none;border-color: 009933;border-width: 1px}
    #border_009933_ul    {border-style: solid none none solid;border-color: 009933;border-width: 1px}
    #border_009933_ur    {border-style: solid solid none none;border-color: 009933;border-width: 1px}
    #border_009933_rdl   {border-style: none solid solid solid;border-color: 009933;border-width: 1px}
    #border_009933_url   {border-style: solid solid none solid;border-color: 009933;border-width: 1px}

    #border_FF0000_all   {border-style: solid solid solid solid;border-color: #FF0000;border-width: 1px}
    #border_FF0000_up    {border-style: solid none none none;border-color: #FF0000;border-width: 1px}
    #border_FF0000_down  {border-style: none none solid none;border-color: #FF0000;border-width: 1px}
    #border_FF0000_left  {border-style: none none none solid;border-color: #FF0000;border-width: 1px}
    #border_FF0000_right {border-style: none solid none none;border-color: #FF0000;border-width: 1px}
    #border_FF0000_udl   {border-style: solid none solid solid;border-color: FF0000;border-width: 1px}
    #border_FF0000_urd   {border-style: solid solid solid none;border-color: FF0000;border-width: 1px}
    #border_FF0000_ud    {border-style: solid none solid none;border-color: FF0000;border-width: 1px}
    #border_FF0000_ld    {border-style: none none solid solid;border-color: FF0000;border-width: 1px}
    #border_FF0000_rd    {border-style: none solid solid none;border-color: FF0000;border-width: 1px}
    #border_FF0000_ul    {border-style: solid none none solid;border-color: FF0000;border-width: 1px}
    #border_FF0000_ur    {border-style: solid solid none none;border-color: FF0000;border-width: 1px}
    #border_FF0000_rdl   {border-style: none solid solid solid;border-color: FF0000;border-width: 1px}
    #border_FF0000_url   {border-style: solid solid none solid;border-color: FF0000;border-width: 1px}

    #border_009999_all   {border-style: solid solid solid solid;border-color: #009999;border-width: 1px}
    #border_009999_up    {border-style: solid none none none;border-color: #009999;border-width: 1px}
    #border_009999_down  {border-style: none none solid none;border-color: #009999;border-width: 1px}
    #border_009999_left  {border-style: none none none solid;border-color: #009999;border-width: 1px}
    #border_009999_right {border-style: none solid none none;border-color: #009999;border-width: 1px}
    #border_009999_udl   {border-style: solid none solid solid;border-color: 009999;border-width: 1px}
    #border_009999_urd   {border-style: solid solid solid none;border-color: 009999;border-width: 1px}
    #border_009999_ud    {border-style: solid none solid none;border-color: 009999;border-width: 1px}
    #border_009999_ld    {border-style: none none solid solid;border-color: 009999;border-width: 1px}
    #border_009999_rd    {border-style: none solid solid none;border-color: 009999;border-width: 1px}
    #border_009999_ul    {border-style: solid none none solid;border-color: 009999;border-width: 1px}
    #border_009999_ur    {border-style: solid solid none none;border-color: 009999;border-width: 1px}
    #border_009999_rdl   {border-style: none solid solid solid;border-color: 009999;border-width: 1px}
    #border_009999_url   {border-style: solid solid none solid;border-color: 009999;border-width: 1px}

    #border_FFCCCC_all   {border-style: solid solid solid solid;border-color: #FFCCCC;border-width: 1px}
    #border_99CCCC_all   {border-style: solid solid solid solid;border-color: #99CCCC;border-width: 1px}
    #border_EEEEEE_all   {border-style: solid solid solid solid;border-color: #EEEEEE;border-width: 1px}
    #border_CCCCCC_all   {border-style: solid solid solid solid;border-color: #CCCCCC;border-width: 1px}
    #border_99CC66_all   {border-style: solid solid solid solid;border-color: #99CC66;border-width: 1px}

    #border_FFCC66_all   {border-style: solid solid solid solid;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_up    {border-style: solid none none none;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_down  {border-style: none none solid none;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_left  {border-style: none none none solid;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_right {border-style: none solid none none;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_udl   {border-style: solid none solid solid;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_urd   {border-style: solid solid solid none;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_ud    {border-style: solid none solid none;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_ld    {border-style: none none solid solid;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_rd    {border-style: none solid solid none;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_rl    {border-style: none solid none solid;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_ul    {border-style: solid none none solid;border-color: #FFCC66k;border-width: 1px}
    #border_FFCC66_ur    {border-style: solid solid none none;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_rdl   {border-style: none solid solid solid;border-color: #FFCC66;border-width: 1px}
    #border_FFCC66_url   {border-style: solid solid none solid;border-color: #FFCC66;border-width: 1px}

    #border_FFFF00_all   {border-style: solid solid solid solid;border-color: #FFFF00;border-width: 1px}
    #border_FFFF00_url   {border-style: solid solid none solid;border-color: #FFFF00;border-width: 1px}

    #border_CCCC99_all   {border-style: solid solid solid solid;border-color: #CCCC99;border-width: 1px}
    #border_CCCC99_url   {border-style: solid solid none solid;border-color: #CCCC99;border-width: 1px}

    #border_CCCCFF_all   {border-style: solid solid solid solid;border-color: #CCCCFF;border-width: 1px}
    #border_CCCCFF_url   {border-style: solid solid none solid;border-color: #CCCCFF;border-width: 1px}

    #border_99CCFF_all   {border-style: solid solid solid solid;border-color: #99CCFF;border-width: 1px}
    #border_99CCFF_url   {border-style: solid solid none solid;border-color: #99CCFF;border-width: 1px}

    #border_66CC00_all   {border-style: solid solid solid solid;border-color: #66CC00;border-width: 1px}
    #border_66CC00_url   {border-style: solid solid none solid;border-color: #66CC00;border-width: 1px}

    #border_660066_all   {border-style: solid solid solid solid;border-color: #660066;border-width: 1px}

    #border_996600_all   {border-style: solid solid solid solid;border-color: #996600;border-width: 1px}

    #border_993366_all   {border-style: solid solid solid solid;border-color: #993366;border-width: 1px}
    #border_CC99FF_all   {border-style: solid solid solid solid;border-color: #CC99FF;border-width: 1px}

    #glowtext
    {
        text-shadow: 3px 3px #000000; 
        width:100%;
    }
    #glowtextRed
    {
        text-shadow: 3px 3px #FF0000; 
        width:100%;
    }
    #glowtextWhite
    {
        text-shadow: 2px 2px #FFFFFF; 
        width:100%;
    }

    .tableshaded { border: #000000 solid; border-width: 0px 3px 3px 0px}

    #cache { position: absolute; left: 0;}

    /* ePortal folder list style */
    .k-virtual-scrollable-wrap .k-state-selected td
    {
	color: #fff;
    }
       
    .k-virtual-scrollable-wrap a
    {
              color: #428bca;
    }

    #folderGrid td a:hover, #folderGrid .k-state-selected a
    {
              color: #fff;
    }
       
@media only screen and (max-device-width: 40em) 
{
    TD {COLOR: #585858; 
        FONT-SIZE: 100%;
        }

    .SmallFont {COLOR: #585858; FONT: 100% Verdana}
    .SmallFont7{COLOR: #585858; FONT: 100% Verdana}
    .SmallFont9{COLOR: #585858; FONT: 100% Verdana}
    .SmallFont11{COLOR: #585858; FONT: 90% Verdana}
    .SmallFont6{COLOR: #000000; FONT: 50% Verdana}
    .SmallFontW{COLOR: #FFFFFF; FONT: 70% Verdana}
    .SmallFont7W{COLOR: #FFFFFF; FONT: 60% Verdana}
    .SmallFont7_Tahoma{COLOR: #585858; FONT: 100% Tahoma}
    .FormStyle {COLOR: #111111; FONT: 84% Verdana; TEXT-ALIGN: Center}
    .FormStyle2{COLOR: #111111; FONT: 70% Verdana; TEXT-ALIGN: Center}
    .ButtonStyle {COLOR: #FF0000; FONT: Bolder 70% Verdana; background-color: #FFFFFF;cursor:pointer; TEXT-ALIGN: Center}
    .WinHead   {COLOR: #FFFFFF; FONT: Bolder 84% Verdana}
    .WinText1  {COLOR: #111111; FONT: Bolder 70% Verdana}
    .WinText2  {COLOR: #640000; FONT: Bolder 70% Verdana}
    .WinText3  {COLOR: #640000; FONT: Bolder 70%  Verdana}
    .WinText4  {COLOR: #AAAAAA; FONT: Bolder 84% Tahoma}
    .WinText5  {COLOR: #FFFF00; FONT: Bolder 70%  Verdana}
    .WinText6  {COLOR: #0000FF; FONT: Bolder 84% Tahoma}
    .WinText7  {COLOR: #000000; FONT: 70%  Fixedsys}
    .WinText8  {COLOR: #000000; FONT: Bolder 90% Tahoma}
    .WinText9  {COLOR: #000000; FONT: 60% Verdana}
    .WinText10 {COLOR: #000000; FONT: 100% Verdana}
    .WinText11 {COLOR: #000000; FONT: Bolder 84% Tahoma}
    .WinText12 
    {
        COLOR: #FFFFFF; 
        FONT-WEIGHT: Bolder;
        FONT-SIZE: 120%;
        FONT-FAMILY: "Verdana";
    }
    .WinText13 {COLOR: #111111; FONT: 100% Arial}
    .WinText13R {COLOR: #FF0000; FONT: Bolder 100% Arial}
    .WinText14 {COLOR: #333366; FONT: Bolder 75% Tahoma}
    .WinText15 {COLOR: #999999; FONT: 70% Verdana}
    .WinText16 {COLOR: #FF8521; FONT: Bolder 70% Verdana}
    .WinText17 {COLOR: #FF8521; FONT: Bolder 120% Tahoma}
    .WinText18 {COLOR: #000000; FONT: Bolder 70% Verdana}
    .Chinese   {COLOR: #640000; FONT: Bolder 100% MS Song}
    .DialogChi {FONT: 100% Verdana}
    .ContentChi {FONT: 100% Verdana}
    .LoginChi {FONT: 60%  Verdana}
    .LogoText  {COLOR: #AAAAAA; FONT: Bolder 134% Tahoma; padding: 25%}
    .LogoText1 {COLOR: #FFFFFF; FONT: Bolder 134% Haettenshweiler; padding: 25%}
    .LogoText2 {COLOR: #000000; FONT: Bolder 134% Tahoma}
    .LogoText4 {COLOR: #000000; FONT-WEIGHT: Bolder; FONT-SIZE: 120%; FONT-FAMILY: Tahoma; padding: 0pt; }
    .LogoText5 {COLOR: #000000; FONT: Bolder 116% Tahoma; padding: 0pt; }

    .WinBlueText   {COLOR: #0000FF; FONT: Bolder 84% Verdana}
    .WinRedText    {COLOR: #FF0000; FONT: Bolder 84% Verdana}
    .WinBlackText    {COLOR: #000000; FONT: Bolder 84% Verdana}
    .WinBlueText_8 {COLOR: #0000FF; FONT: Bolder 100% Verdana}
    .WinRedText_8  {COLOR: #FF0000; FONT: Bolder 100% Verdana}
    .WinBlackText_8  {COLOR: #000000; FONT: Bolder 70% Verdana}
    .WinRedText_8i {COLOR: #FF0000; FONT: 70% Verdana}
    .WinBlueText_8i {COLOR: #0000FF; FONT: 100% Verdana}
    .WinBlackText_8i {COLOR: #000000; FONT: 70% Verdana}
    .WinRedText7 {COLOR: #FF0000; FONT: 150% Verdana}
    .WinRedText_7i {COLOR: #FF0000; FONT: 60% Verdana}
    .WinBlueText_7i {COLOR: #0000FF; FONT: 60% Verdana}
    .WinBlackText_7i {COLOR: #000000; FONT: 60% Verdana}
    .B_FF0000_8a {COLOR: #FF0000; FONT: Bolder 70% Arial}
    .B_FF0000_10a {COLOR: #FF0000; FONT: Bolder 84% Arial}
    .B_0000FF_10a {COLOR: #0000FF; FONT: Bolder 84% Arial}
    .B_FF0000_12a {COLOR: #FF0000; FONT: Bolder 100% Arial}
    .B_FF0000_14a {COLOR: #FF0000; FONT: Bolder 116% Arial}
    .B_0000FF_8a {COLOR: #0000FF; FONT: Bolder 70% Arial}
    .B_FF8521_7t {COLOR: #FF8521; FONT: Bolder 60% Tahoma}
    .B_666666_8t {COLOR: #666666; FONT: Bolder 70% Tahoma}
    .upperText {COLOR: #585858; FONT: 70% Verdana; text-transform: uppercase}

    .button1  {height: 20px; width: 50px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button2  {height: 2.4em; width: 8em; FONT: Bolder 150% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button3  {height: 2.4em; width: 120px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button4  {height: 2.4em; width: 12em; FONT: Bolder 150% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button5  {height: 20px; width: 80px; FONT: Bolder 60% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button6  {height: 20px; width: 30px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button7  {height: 30px; width: 150px; FONT: Bolder 60% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button8  {height: 30px; width: 150px; FONT: Bolder 75% Tahoma; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button9  {height: 20px; width: 180px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button10  {height: 20px; width: 20px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button11  {height: 20px; width: 80px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button12  {height: 20px; width: 60px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button13  {height: 20px; width: 210px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .buttonSbt  {height: 30px; width: 80px; FONT: Bolder 84% Verdana; cursor:pointer; background-color: #C9C9C9;COLOR: black}
    .buttonSbt2  {height: 30px; width: 80px; FONT: Bolder 84% Verdana; cursor:pointer; background-color: #C9C9C9;COLOR: red}
    .Combo1   {COLOR: #585858; FONT: Bolder 70% Verdana; background-color: #FFFFFF}


    #foldheader  {COLOR: #000000; cursor:pointer; font-weight: bold; FONT: 84% Verdana; 
                  margin-bottom: 5px; margin-left: 5px;}
    #foldheader_open  {COLOR: #FFFFFF; cursor:pointer; font-weight: bold; FONT: 84% Verdana; 
                       margin-bottom: 5px; margin-left: 5px;}
    #foldheader_nosub_open {COLOR: #FFFFFF; font-weight: bold; FONT: 84% Verdana; 
					        margin-bottom: 5px; margin-left: 5px;}
    #foldheader_nosub {COLOR: #000000; cursor:pointer; font-weight: bold; FONT: 84% Verdana; 
				       margin-bottom: 5px; margin-left: 5px;}
    #foldinglist      {font-weight: normal; FONT: 75% Arial; list-style-image:url('../images/spacer.gif'); text-align: Left; 
                       text-indent: 0; margin-left: 5px; margin-right: 2; margin-top: 3px; margin-bottom: 10px;}
    #foldinglist_icon {margin-left: 50px;margin-top: 10px;}
    #foldinglist_item {border-style: none none none none;border-color: black;border-width: 1px; margin-left: 10px;margin-bottom: 2px; font-weight: normal; FONT: 70% Verdana;}


    td.outlined	{border: 1px black solid; background: #DEDFDE; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedone	{border: 1px black solid; background: #DEDFDE; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedtwo	{border: 1px black solid; background: #BBBBBB; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedthree	{border: 1px black solid; background: #AAAAAA; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedfour	{border: 1px black solid; background: #999999; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedfive	{border: 1px black solid; background: #888888; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedsix	{border: 1px black solid; background: #777777; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedseven	{border: 1px black solid; background: #656565; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedeight	{border: 1px black solid; background: #555555; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedcore	{border: 1px black solid; background: #3F788D; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}

    .navbar_path
    {
	    FONT-WEIGHT: Bold ;
        FONT-SIZE: 100%;
	    
    }
    .navbar_path_peakre
    {
	    FONT-WEIGHT: Bold ;
        FONT-SIZE: 100%;
        FONT-FAMILY : Calibri;
    }
    .navbar_name
    {
        COLOR: #FF8521; 
        FONT-WEIGHT: Bold;
        FONT-SIZE: 100%;
        FONT-FAMILY: "Tahoma";
    }
    
    .navbar_link 
    {
        font-weight: bold;
        FONT-SIZE: 100%;
    }

    .MenuBar   
    { FONT-WEIGHT: Bolder;
      FONT-SIZE: 90%;
      FONT-FAMILY: "Verdana"; 
      background-color: Yellow;
    }

    #topmenu .k-menu-group .k-link {margin-right: 3px; height: auto;}
    #topmenu .k-i-arrow-s { height: 12px;  margin-top: -5px;}

    #subMenuHeader 
    {
        width: 100%; 
        height: 1.8em; 
        float:left; 
        vertical-align:middle; 
        background-color: #9AA1BE; 
        padding: 4px; 
        display: block;       
    }
    
    
    #subMenuItem 
    {
        vertical-align:middle; 
        margin: 1.8em 0px 1px 0px; 
    }
    
    #subMenuItem.WinText10 
    {COLOR: #000000; 
     FONT-SIZE: 100%;
     font-weight: bold;
     vertical-align:middle; 
     FONT-FAMILY: "Verdana";
    }

  
    #submenu .k-link 
    {
     FONT-SIZE: 100%;
     vertical-align:middle; 
     FONT-FAMILY: "Verdana";
      color:red;
    }

    .contentTable
    {
        border-width: 0;
        border-spacing: 0; 
        padding: 0;
        width : 100%;
    }

    .loginTable
    {
        border-width: 0;
        border-spacing: 0; 
        padding: 0;
        width : 90%;
    }

    input#inset_all 
    {
     FONT-SIZE: 120%;
     vertical-align:middle; 
     FONT-FAMILY: "Verdana";
        
    }

    #tblpagefooter td
    {
        height: auto;
        FONT-SIZE: 70%;   
        border-right: 0px solid grey;
        border-left: 0px solid grey;
        padding: 1px 4px 1px 4px ;
    }
    
}

@media only screen and (min-device-width: 41em) and (max-device-width: 64em) 
{
    TD {COLOR: #585858; 
        FONT-SIZE: 80%;
        }

    .SmallFont {COLOR: #585858; FONT: 70% Verdana}
    .SmallFont7{COLOR: #585858; FONT: 100% Verdana}
    .SmallFont9{COLOR: #585858; FONT: 75% Verdana}
    .SmallFont11{COLOR: #585858; FONT: 90% Verdana}
    .SmallFont6{COLOR: #000000; FONT: 50% Verdana}
    .SmallFontW{COLOR: #FFFFFF; FONT: 70% Verdana}
    .SmallFont7W{COLOR: #FFFFFF; FONT: 60% Verdana}
    .SmallFont7_Tahoma{COLOR: #585858; FONT: 60% Tahoma}
    .FormStyle {COLOR: #111111; FONT: 84% Verdana; TEXT-ALIGN: Center}
    .FormStyle2{COLOR: #111111; FONT: 70% Verdana; TEXT-ALIGN: Center}
    .ButtonStyle {COLOR: #FF0000; FONT: Bolder 70% Verdana; background-color: #FFFFFF;cursor:pointer; TEXT-ALIGN: Center}
    .WinHead   {COLOR: #FFFFFF; FONT: Bolder 84% Verdana}
    .WinText1  {COLOR: #111111; FONT: Bolder 70% Verdana}
    .WinText2  {COLOR: #640000; FONT: Bolder 70% Verdana}
    .WinText3  {COLOR: #640000; FONT: Bolder 70%  Verdana}
    .WinText4  {COLOR: #AAAAAA; FONT: Bolder 84% Tahoma}
    .WinText5  {COLOR: #FFFF00; FONT: Bolder 70%  Verdana}
    .WinText6  {COLOR: #0000FF; FONT: Bolder 84% Tahoma}
    .WinText7  {COLOR: #000000; FONT: 70%  Fixedsys}
    .WinText8  {COLOR: #000000; FONT: Bolder 90% Tahoma}
    .WinText9  {COLOR: #000000; FONT: 60% Verdana}
    .WinText10 {COLOR: #000000; FONT: 200% Verdana}
    .WinText11 {COLOR: #000000; FONT: Bolder 84% Tahoma}
    .WinText12 
    {
        COLOR: #FFFFFF; 
        FONT-WEIGHT: Bolder;
        FONT-SIZE: 120%;
        FONT-FAMILY: "Verdana";
    }
    .WinText13 {COLOR: #111111; FONT: 100% Arial}
    .WinText13R {COLOR: #FF0000; FONT: Bolder 70% Arial}
    .WinText14 {COLOR: #333366; FONT: Bolder 75% Tahoma}
    .WinText15 {COLOR: #999999; FONT: 70% Verdana}
    .WinText16 {COLOR: #FF8521; FONT: Bolder 70% Verdana}
    .WinText17 {COLOR: #FF8521; FONT: Bolder 120% Tahoma}
    .WinText18 {COLOR: #000000; FONT: Bolder 70% Verdana}
    .Chinese   {COLOR: #640000; FONT: Bolder 100% MS Song}
    .DialogChi {FONT: 75% Verdana}
    .ContentChi {FONT: 70% Verdana}
    .LoginChi {FONT: 60%  Verdana}
    .LogoText  {COLOR: #AAAAAA; FONT: Bolder 134% Tahoma; padding: 25%}
    .LogoText1 {COLOR: #FFFFFF; FONT: Bolder 134% Haettenshweiler; padding: 25%}
    .LogoText2 {COLOR: #000000; FONT: Bolder 134% Tahoma}
    .LogoText4 {COLOR: #000000; FONT-WEIGHT: Bolder; FONT-SIZE: 200%; FONT-FAMILY: Tahoma; padding: 0pt; }
    .LogoText5 {COLOR: #000000; FONT: Bolder 116% Tahoma; padding: 0pt; }

    .WinBlueText   {COLOR: #0000FF; FONT: Bolder 84% Verdana}
    .WinRedText    {COLOR: #FF0000; FONT: Bolder 84% Verdana}
    .WinBlackText    {COLOR: #000000; FONT: Bolder 84% Verdana}
    .WinBlueText_8 {COLOR: #0000FF; FONT: Bolder 100% Verdana}
    .WinRedText_8  {COLOR: #FF0000; FONT: Bolder 100% Verdana}
    .WinBlackText_8  {COLOR: #000000; FONT: Bolder 70% Verdana}
    .WinRedText_8i {COLOR: #FF0000; FONT: 70% Verdana}
    .WinBlueText_8i {COLOR: #0000FF; FONT: 90% Verdana}
    .WinBlackText_8i {COLOR: #000000; FONT: 70% Verdana}
    .WinRedText7 {COLOR: #FF0000; FONT: 120% Verdana}
    .WinRedText_7i {COLOR: #FF0000; FONT: 60% Verdana}
    .WinBlueText_7i {COLOR: #0000FF; FONT: 60% Verdana}
    .WinBlackText_7i {COLOR: #000000; FONT: 60% Verdana}
    .B_FF0000_8a {COLOR: #FF0000; FONT: Bolder 70% Arial}
    .B_FF0000_10a {COLOR: #FF0000; FONT: Bolder 84% Arial}
    .B_0000FF_10a {COLOR: #0000FF; FONT: Bolder 84% Arial}
    .B_FF0000_12a {COLOR: #FF0000; FONT: Bolder 100% Arial}
    .B_FF0000_14a {COLOR: #FF0000; FONT: Bolder 116% Arial}
    .B_0000FF_8a {COLOR: #0000FF; FONT: Bolder 70% Arial}
    .B_FF8521_7t {COLOR: #FF8521; FONT: Bolder 60% Tahoma}
    .B_666666_8t {COLOR: #666666; FONT: Bolder 70% Tahoma}
    .upperText {COLOR: #585858; FONT: 70% Verdana; text-transform: uppercase}

    .button1  {height: 20px; width: 50px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button2  {height: 2.4em; width: 8em; FONT: Bolder 120% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button3  {height: 2.4em; width: 120px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button4  {height: 2.4em; width: 12em; FONT: Bolder 120% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button5  {height: 20px; width: 80px; FONT: Bolder 60% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button6  {height: 20px; width: 30px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button7  {height: 30px; width: 150px; FONT: Bolder 60% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button8  {height: 30px; width: 150px; FONT: Bolder 75% Tahoma; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button9  {height: 20px; width: 180px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button10  {height: 20px; width: 20px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button11  {height: 20px; width: 80px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button12  {height: 20px; width: 60px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button13  {height: 20px; width: 210px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .buttonSbt  {height: 30px; width: 80px; FONT: Bolder 84% Verdana; cursor:pointer; background-color: #C9C9C9;COLOR: black}
    .buttonSbt2  {height: 30px; width: 80px; FONT: Bolder 84% Verdana; cursor:pointer; background-color: #C9C9C9;COLOR: red}
    .Combo1   {COLOR: #585858; FONT: Bolder 70% Verdana; background-color: #FFFFFF}


    #foldheader  {COLOR: #000000; cursor:pointer; font-weight: bold; FONT: 84% Verdana; 
                  margin-bottom: 5px; margin-left: 5px;}
    #foldheader_open  {COLOR: #FFFFFF; cursor:pointer; font-weight: bold; FONT: 84% Verdana; 
                       margin-bottom: 5px; margin-left: 5px;}
    #foldheader_nosub_open {COLOR: #FFFFFF; font-weight: bold; FONT: 84% Verdana; 
					        margin-bottom: 5px; margin-left: 5px;}
    #foldheader_nosub {COLOR: #000000; cursor:pointer; font-weight: bold; FONT: 84% Verdana; 
				       margin-bottom: 5px; margin-left: 5px;}
    #foldinglist      {font-weight: normal; FONT: 75% Arial; list-style-image:url('../images/spacer.gif'); text-align: Left; 
                       text-indent: 0; margin-left: 5px; margin-right: 2; margin-top: 3px; margin-bottom: 10px;}
    #foldinglist_icon {margin-left: 50px;margin-top: 10px;}
    #foldinglist_item {border-style: none none none none;border-color: black;border-width: 1px; margin-left: 10px;margin-bottom: 2px; font-weight: normal; FONT: 70% Verdana;}


    td.outlined	{border: 1px black solid; background: #DEDFDE; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedone	{border: 1px black solid; background: #DEDFDE; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedtwo	{border: 1px black solid; background: #BBBBBB; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedthree	{border: 1px black solid; background: #AAAAAA; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedfour	{border: 1px black solid; background: #999999; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedfive	{border: 1px black solid; background: #888888; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedsix	{border: 1px black solid; background: #777777; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedseven	{border: 1px black solid; background: #656565; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedeight	{border: 1px black solid; background: #555555; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedcore	{border: 1px black solid; background: #3F788D; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 200%; font-weight: bold; color: #FFFFFF; cursor: pointer}

    .navbar_path
    {
	    FONT-WEIGHT: Bold ;
        FONT-SIZE: 100%;
	    
    }
    .navbar_path_peakre
    {
	    FONT-WEIGHT: Bold ;
        FONT-SIZE: 100%;
        FONT-FAMILY : Calibri;
    }
    .navbar_name
    {
        COLOR: #FF8521; 
        FONT-WEIGHT: Bold;
        FONT-SIZE: 100%;
        FONT-FAMILY: "Tahoma";
    }
    
    .navbar_link 
    {
        font-weight: bold;
        FONT-SIZE: 100%;
    }

    .MenuBar   
    { FONT-WEIGHT: Bolder;
      FONT-SIZE: 100%;
      FONT-FAMILY: "Verdana"; 
      background-color: Lime;
    }

    #topmenu .k-menu-group .k-link {margin-right: 3px; height: auto;}
    #topmenu .k-i-arrow-s { height: 12px;  margin-top: -5px;}

    #subMenuHeader 
    {
        width: 100%; 
        height: 1.8em; 
        float:left; 
        vertical-align:middle; 
        background-color: #9AA1BE; 
        padding: 4px; 
        display: block;       
    }
    
    
    #subMenuItem 
    {
        vertical-align:middle; 
        margin: 1.8em 0px 1px 0px; 
    }
    
    #subMenuItem.WinText10 
    {COLOR: #000000; 
     FONT-SIZE: 120%;
     font-weight: bold;
     vertical-align:middle; 
     FONT-FAMILY: "Verdana";
    }

  
    #submenu .k-link 
    {
     FONT-SIZE: 100%;
     vertical-align:middle; 
     FONT-FAMILY: "Verdana";
      color:red;
    }

    .contentTable
    {
        border-width: 0;
        border-spacing: 0; 
        padding: 0;
        width : 100%;
    }

    .loginTable
    {
        border-width: 0;
        border-spacing: 0; 
        padding: 0;
        width : 85%;
    }

    input#inset_all 
    {
     FONT-SIZE: 120%;
     vertical-align:middle; 
     FONT-FAMILY: "Verdana";
        
    }

    #tblpagefooter td
    {
        height: auto;
        FONT-SIZE: 70%;   
        border-left: 0px solid grey;
        border-right: 0px solid grey;
        padding: 1px 4px 1px 4px ;
    }

}

@media only screen and (min-device-width: 65em)  
{
    TD {COLOR: #585858; 
        font-size: 90%;
        }

    .SmallFont {COLOR: #585858; FONT: 100% Verdana}
    .SmallFont7{COLOR: #585858; FONT: 90% Verdana}
    .SmallFont9{COLOR: #585858; FONT: 75% Verdana}
    .SmallFont11{COLOR: #585858; FONT: 90% Verdana}
    .SmallFont6{COLOR: #000000; FONT: 50% Verdana}
    .SmallFontW{COLOR: #FFFFFF; FONT: 70% Verdana}
    .SmallFont7W{COLOR: #FFFFFF; FONT: 60% Verdana}
    .SmallFont7_Tahoma{COLOR: #585858; FONT: 100% Tahoma}
    .FormStyle {COLOR: #111111; FONT: 84% Verdana; TEXT-ALIGN: Center}
    .FormStyle2{COLOR: #111111; FONT: 70% Verdana; TEXT-ALIGN: Center}
    .ButtonStyle {COLOR: #FF0000; FONT: Bolder 70% Verdana; background-color: #FFFFFF;cursor:pointer; TEXT-ALIGN: Center}
    .WinHead   {COLOR: #FFFFFF; FONT: Bolder 84% Verdana}
    .WinText1  {COLOR: #111111; FONT: Bolder 70% Verdana}
    .WinText2  {COLOR: #640000; FONT: Bolder 70% Verdana}
    .WinText3  {COLOR: #640000; FONT: Bolder 70%  Verdana}
    .WinText4  {COLOR: #AAAAAA; FONT: Bolder 84% Tahoma}
    .WinText5  {COLOR: #FFFF00; FONT: Bolder 70%  Verdana}
    .WinText6  {COLOR: #0000FF; FONT: Bolder 84% Tahoma}
    .WinText7  {COLOR: #000000; FONT: 70%  Fixedsys}
    .WinText8  {COLOR: #000000; FONT: Bolder 90% Tahoma}
    .WinText9  {COLOR: #000000; FONT: 60% Verdana}
    .WinText10 {COLOR: #000000; FONT: 100% Verdana}
    .WinText11 {COLOR: #000000; FONT: Bolder 84% Tahoma}
    .WinText12 
    {
        COLOR: #FFFFFF; 
        FONT-WEIGHT: Bolder;
        FONT-SIZE: 100%;
        FONT-FAMILY: "Verdana";
    }
/* 20170608 - Apply Daniel Style changes */
    .ess_WinText12 
    {
        COLOR: #575757; 
        FONT-WEIGHT: Bolder;
        FONT-SIZE: 100%;
        FONT-FAMILY: "Verdana";
    }
    .WinText13 {COLOR: #111111; FONT: 100% Arial}
/* 20170608 - Apply Daniel Style changes */
    .ess_WinText13 
    {
        COLOR: #575757; 
        FONT-SIZE: 90%;
        FONT-FAMILY: "Verdana";
    }
/*    .ESS_WinText13 {COLOR: #575757; FONT: 100% Arial} */
    .WinText13R {COLOR: #FF0000; FONT: Bolder 90% Arial}
    .WinText14 {COLOR: #333366; FONT: Bolder 90% Tahoma}
    .WinText15 {COLOR: #999999; FONT: 70% Verdana}
    .WinText16 {COLOR: #FF8521; FONT: Bolder 90% Verdana}
    .WinText17 {COLOR: #FF8521; FONT: Bolder 120% Tahoma}
    .WinText18 {COLOR: #000000; FONT: Bolder 90% Verdana}
    .Chinese   {COLOR: #640000; FONT: Bolder 90% MS Song}
    .DialogChi {FONT: 90% Verdana}
    .ContentChi {FONT: 90% Verdana}
    .LoginChi {FONT: 100%  Verdana}
    .LogoText  {COLOR: #AAAAAA; FONT: Bolder 150% Tahoma; padding: 25%}
    .LogoText1 {COLOR: #FFFFFF; FONT: Bolder 150% Haettenshweiler; padding: 25%}
    .LogoText2 {COLOR: #000000; FONT: Bolder 150% Tahoma}
    .LogoText4 {COLOR: #000000; FONT-WEIGHT: Bolder; FONT-SIZE: 150%; FONT-FAMILY: Tahoma; padding: 0pt; }
    .LogoText5 {COLOR: #000000; FONT: Bolder 150% Tahoma; padding: 0pt; }

    .WinBlueText   {COLOR: #0000FF; FONT: Bolder 84% Verdana}
    .WinRedText    {COLOR: #FF0000; FONT: Bolder 100% Verdana}
    .WinBlackText    {COLOR: #000000; FONT: Bolder 84% Verdana}
    .WinBlueText_8 {COLOR: #0000FF; FONT: Bolder 100% Verdana}
    .WinRedText_8  {COLOR: #FF0000; FONT: Bolder 100% Verdana}
    .WinBlackText_8  {COLOR: #000000; FONT: Bolder 70% Verdana}
/* 20170608 - Apply Daniel Style changes */
    .WinBlackText_9 {COLOR: #000000; FONT: Bolder 100% Verdana}
    .WinRedText_8i {COLOR: #FF0000; FONT: 100% Verdana}
    .WinBlueText_8i {COLOR: #0000FF; FONT: 100% Verdana}
    .WinBlackText_8i {COLOR: #000000; FONT: 70% Verdana}
    .WinRedText7 {COLOR: #FF0000; FONT: 100% Verdana}
    .WinRedText_7i {COLOR: #FF0000; FONT: 60% Verdana}
    .WinBlueText_7i {COLOR: #0000FF; FONT: 60% Verdana}
    .WinBlackText_7i {COLOR: #000000; FONT: 60% Verdana}
    .B_FF0000_8a {COLOR: #FF0000; FONT: Bolder 70% Arial}
    .B_FF0000_10a {COLOR: #FF0000; FONT: Bolder 84% Arial}
    .B_0000FF_10a {COLOR: #0000FF; FONT: Bolder 84% Arial}
    .B_FF0000_12a {COLOR: #FF0000; FONT: Bolder 100% Arial}
    .B_FF0000_14a {COLOR: #FF0000; FONT: Bolder 116% Arial}
    .B_0000FF_8a {COLOR: #0000FF; FONT: Bolder 70% Arial}
    .B_FF8521_7t {COLOR: #FF8521; FONT: Bolder 60% Tahoma}
    .B_666666_8t {COLOR: #666666; FONT: Bolder 70% Tahoma}
    .upperText {COLOR: #585858; FONT: 70% Verdana; text-transform: uppercase}

    .button1  {height: 20px; width: 50px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button2  {height: 2.5em; width: 8em; FONT: Bolder 100% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
/* 20170608 - Apply Daniel Style changes */
    .ess_button2  {height: 2.5em; width: 8em; FONT:  100% Verdana; cursor:pointer; background-color:#F0F0F0; text-shadow:none; border: 1px solid; border-color: #B6B6B6; box-shadow:none; COLOR: #333; border-radius: 8px} 
    .ess_button2:hover  {height: 2.5em; width: 8em; FONT:  100% Verdana; cursor:pointer; background-color: #E7E5E5; COLOR: #333; border-radius: 8px}

    .button3  {height: 2.5em; width: 120px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button4  {height: 2.5em; width: 12em; FONT: Bolder 100% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
/* 20170608 - Apply Daniel Style changes */
    .ess_button4  {height: 2.5em; width: 12em; FONT:  100% Verdana; cursor:pointer; background-color:#F0F0F0; text-shadow:none; border: 1px solid; border-color: #B6B6B6; box-shadow:none; COLOR: #333; border-radius: 8px} 
    .ess_button4:hover  {height: 2.5em; width: 12em; FONT:  100% Verdana; cursor:pointer; background-color: #E7E5E5; COLOR: #333; border-radius: 8px}

    .button5  {height: 20px; width: 80px; FONT: Bolder 60% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button6  {height: 20px; width: 30px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button7  {height: 30px; width: 150px; FONT: Bolder 60% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button8  {height: 30px; width: 150px; FONT: Bolder 75% Tahoma; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button9  {height: 20px; width: 180px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button10  {height: 20px; width: 20px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
/* 20170608 - Apply Daniel Style changes */
    .ess_button10  {height: 2em; width: 2em; FONT:  100% Verdana; cursor:pointer; background-color:#F0F0F0; text-shadow:none; border: 1px solid; border-color: #B6B6B6; box-shadow:none; COLOR: #333; border-radius: 8px} 
    .ess_button10:hover  {height: 2em; width: 2em; FONT:  100% Verdana; cursor:pointer; background-color: #E7E5E5; COLOR: #333; border-radius: 8px}

    .button11  {height: 20px; width: 80px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button12  {height: 20px; width: 60px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .button13  {height: 20px; width: 210px; FONT: Bolder 70% Verdana; cursor:pointer; background-color: #999999;COLOR: #FFFFFF}
    .buttonSbt  {height: 30px; width: 80px; FONT: Bolder 84% Verdana; cursor:pointer; background-color: #C9C9C9;COLOR: black}
    .buttonSbt2  {height: 30px; width: 80px; FONT: Bolder 84% Verdana; cursor:pointer; background-color: #C9C9C9;COLOR: red}
    .Combo1   {COLOR: #585858; FONT: Bolder 70% Verdana; background-color: #FFFFFF}


    #foldheader  {COLOR: #000000; cursor:pointer; font-weight: bold; FONT: 84% Verdana; 
                  margin-bottom: 5px; margin-left: 5px;}
    #foldheader_open  {COLOR: #FFFFFF; cursor:pointer; font-weight: bold; FONT: 84% Verdana; 
                       margin-bottom: 5px; margin-left: 5px;}
    #foldheader_nosub_open {COLOR: #FFFFFF; font-weight: bold; FONT: 84% Verdana; 
					        margin-bottom: 5px; margin-left: 5px;}
    #foldheader_nosub {COLOR: #000000; cursor:pointer; font-weight: bold; FONT: 84% Verdana; 
				       margin-bottom: 5px; margin-left: 5px;}
    #foldinglist      {font-weight: normal; FONT: 75% Arial; list-style-image:url('../images/spacer.gif'); text-align: Left; 
                       text-indent: 0; margin-left: 5px; margin-right: 2; margin-top: 3px; margin-bottom: 10px;}
    #foldinglist_icon {margin-left: 50px;margin-top: 10px;}
    #foldinglist_item {border-style: none none none none;border-color: black;border-width: 1px; margin-left: 10px;margin-bottom: 2px; font-weight: normal; FONT: 70% Verdana;}


    td.outlined	{border: 1px black solid; background: #DEDFDE; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedone	{border: 1px black solid; background: #DEDFDE; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedtwo	{border: 1px black solid; background: #BBBBBB; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedthree	{border: 1px black solid; background: #AAAAAA; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedfour	{border: 1px black solid; background: #999999; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedfive	{border: 1px black solid; background: #888888; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedsix	{border: 1px black solid; background: #777777; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedseven	{border: 1px black solid; background: #656565; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedeight	{border: 1px black solid; background: #555555; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; font-weight: bold; color: #FFFFFF; cursor: pointer}
    td.outlinedcore	{border: 1px black solid; background: #3F788D; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 120%; font-weight: bold; color: #FFFFFF; cursor: pointer}

    .navbar_path
    {
	    FONT-WEIGHT: Bold ;
        FONT-SIZE: 80%;
	    
    }
    .navbar_path_peakre
    {
	    FONT-WEIGHT: Bold ;
        FONT-SIZE: 80%;
        FONT-FAMILY : Calibri;
    }
    .navbar_name
    {
        COLOR: #FF8521; 
        FONT-WEIGHT: Bold;
        FONT-SIZE: 80%;
        FONT-FAMILY: "Tahoma";
    }
    
    .navbar_link 
    {
        font-weight: bold;
        FONT-SIZE: 90%;
    }

    .MenuBar   
    { FONT-WEIGHT: Bolder;
      FONT-SIZE: 80%;
      FONT-FAMILY: "Verdana"; 
    }

    #topmenu .k-menu-group .k-link {margin-right: 3px; height: auto;}
    #topmenu .k-i-arrow-s { height: 12px;  margin-top: -5px;}

    #subMenuHeader 
    {
        width: 100%; 
        height: 2.5em; 
        float:left; 
        vertical-align:middle; 
        background-color: #9AA1BE; 
        padding: 4px; 
        display: block;       
    }
    
    
    #subMenuItem 
    {
        vertical-align:middle; 
        margin: 2.4em 0px 1px 0px; 
    }
    
    #subMenuItem.WinText10 
    {COLOR: #000000; 
     FONT-SIZE: 100%;
     font-weight: bold;
     vertical-align:middle; 
     FONT-FAMILY: "Verdana";
    }

  
    #submenu .k-link 
    {
     FONT-SIZE: 100%;
     vertical-align:middle; 
     FONT-FAMILY: "Verdana";
      color:red;
    }

    .contentTable
    {
        border-width: 0;
        border-spacing: 0; 
        padding: 0;
        width : 58%;
    }

    .loginTable
    {
        border-width: 0;
        border-spacing: 0; 
        padding: 0;
        width : 58%;
    }
    
    input#inset_all 
    {
     FONT-SIZE: 120%;
     vertical-align:middle; 
     FONT-FAMILY: "Verdana";
        
    }
    
    #tblpagefooter td
    {
        height: auto;
        FONT-SIZE: 90%;   
        border-left: 0px solid grey;
        border-right: 0px solid grey;
        padding: 1px 4px 1px 4px ;
    }
   
}

/* Set Submenudialog Table Items alignment */
#tblpagecontent table
{
    margin:auto;
    text-align: center;
}

/* Set Pagefooter color */
#tblpagefooter a 
{
    color: #1b2754;
}
#tblpagefooter a:hover
{
    color: #09289d;
    text-decoration: none;
}

/* Top Menu */
#tblheader
{
    border-bottom: 2px solid #d6d5d5;
    height: 75px;
    max-width: 100vw;
}
#menu-container
{
    display: flex;
    text-align: center;
}
#menu-left-icon
{
    float: left;
    width: 225px;
}
#menu-right-icon
{
    float: right;
    width: 225px;
}
#menu-right-icon > .top-icon
{
	float: right;
}
.top-icon
{
    border-image: none;
    cursor: pointer;
    display: inline-block;
    margin-right: 25px;
    padding-top: 25px;
    vertical-align: middle;
    width: 20px;
    text-align: right;
}
.top-icon:hover:before
{
    color: #f87352;
}
.icon-menu
{
    float: left;
    padding-left: 15px;
    text-align: left;
}
.unify-logo
{
    display: inline-block;
    padding: 10px 0px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: auto;
}
.unify-logo img
{
    max-height: 46px;
}
.lnr-home:before 
{
    content: "\e800";
    color: #002157;
    font-weight: bold;
}
.icon-logout
{    
    margin-right: 15px;
    text-align: right;
}
#topMenu-top
{
    background-color: #2e353d;
    border-bottom: 1px solid #8e8585;
    display: block;
    color: #fff;
    height: 40px;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 3;
}
#topMenu-top span
{
    margin-left: 15px;
}
.mm-btn
{
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.icon-cross
{
    display: block;
    padding: 10px 0;
    right: 10px;
    text-align: right;
}
.mm-btn.icon-cross:hover
{
    color: blue!important;
}
.mm-btn.icon-cross:before
{
    color: #f87352!important;
    font-size: 12px;
}
#divTopMenu
{
    background-color: #2e353d;
    display: block;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 99;
}
#divTopMenu .k-header
{
    color: #ff9900!important;
    border: none;
}
#hrs-topmenu
{
    background-color: #2e353d;
    background-image: none;
    height: 100%!important;
    overflow-y: scroll;
    -ms-overflow-style: none; 
}
#hrs-topmenu::-webkit-scrollbar
{
    display: none; 
}
#hrs-topmenu .k-item, #hrs-topmenu .k-link
{
    background: #2e353d;
    color: #fff;
}    
#hrs-topmenu .k-item
{
    /*height: 50px;*/
}
#hrs-topmenu .k-item:hover, #hrs-topmenu .k-link:hover
{
    background: #2e353d;
    color: #ff9900!important;
}
#hrs-topmenu .k-item .k-link
{
    border-bottom: 1px solid #8e8585;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
}
#hrs-topmenu > li .k-last .k-link
{
    line-height: 40px;
}
#hrs-topmenu > ul:first-child
{
    border: none!important;
}
#hrs-topmenu ul.k-group > li > a
{
    background-color: #3a4654;
    line-height: 40px;
    margin-left: 15px;
}
#hrs-topmenu ul.k-group > li > a:first-child
{
    color: #8fa4bd;
}
#hrs-topmenu ul.k-group > li > a:first-child:hover
{
    /*color: #8fa4bd!important;*/
}
#hrs-topmenu ul.k-group > li > ul
{
    background-color: #2e353d!important;
    border-top: 1px solid #8e8585;
    margin-left: 15px;
    padding-bottom: 5px;
}
#hrs-topmenu ul.k-group > li > ul > ul.k-group.k-panel
{
    padding-bottom: 5px!important;
}
#hrs-topmenu ul.k-group > li > ul > li
{
    background-color: #2e353d!important;
    letter-spacing: 0!important;
}
#hrs-topmenu ul.k-group > li > ul > li > a
{
    background-color: #2e353d!important;
    border: none!important;
    color: #FFF!important;
    letter-spacing: 0!important;
    padding-left: 0px;
}
#hrs-topmenu img 
{
     display: none;
}
.menuBar
{
    /*font-family: "Open Sans" !important;*/
    font-size: 14px !important;
    margin-top: 40px;
}
.k-state-focused,.k-state-focused.k-state-selected
{
    box-shadow: none;
}

/*Icons*/

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?4q6wwe');
    src: url('fonts/icomoon.eot?4q6wwe#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?4q6wwe') format('truetype'), url('fonts/icomoon.woff?4q6wwe') format('woff'), url('fonts/icomoon.svg?4q6wwe#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Linearicons-Free';
    src:url('fonts/Linearicons-Free.eot?w118d');
    src:url('fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
    /*
    url('fonts/Linearicons-Free.woff2?w118d') format('woff2'),
    url('fonts/Linearicons-Free.woff?w118d') format('woff'),
    */
    url('fonts/Linearicons-Free.ttf?w118d') format('truetype'),
    url('fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
    font-weight: normal;
    font-style: normal;
}
.lnr {
    font-family: 'Linearicons-Free';
    speak: none;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration:none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.k-i-arrow-n:before
{
    content: "\e600";

}
.icon-active-employees:before {
    content: "\e900";
    /*color: #002157;*/
    font-size: 20px;
}

.icon-arrow-down:before {
    content: "\e901";
    color: #002157;
    font-size: 20px;
}

.icon-calendar:before {
    content: "\e902";
    color: #002157;
    font-size: 20px;
}

.icon-collapse:before {
    content: "\e903";
    color: #002157;
    font-size: 20px;
}

.icon-cross:before {
    content: "\e904";
    color: #002157;
    font-size: 20px;
}

.icon-dashboard:before {
    content: "\e905";
    color: #002157;
    font-size: 20px;
}

.icon-doc:before {
    content: "\e906";
    color: #002157;
    font-size: 20px;
}

.icon-email .path1:before {
    content: "\e907";
    color: rgb(255, 255, 255);
    color: #002157;
    font-size: 20px;
}

.icon-email .path2:before {
    content: "\e908";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    color: #002157;
    font-size: 20px;
}

.icon-email .path3:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    color: #002157;
    font-size: 20px;
}

.icon-email .path4:before {
    content: "\e90a";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    color: #002157;
    font-size: 20px;
}

.icon-email .path5:before {
    content: "\e90b";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    color: #002157;
    font-size: 20px;
}

.icon-employees:before {
    content: "\e90c";
    color: #002157;
    font-size: 20px;
}

.icon-expand:before {
    content: "\e90d";
    color: #002157;
    font-size: 20px;
}

.icon-favourite:before {
    content: "\e90e";
    color: #002157;
    font-size: 20px;
}

.icon-help:before {
    content: "\e90f";
    color: #002157;
    font-size: 20px;
}

.icon-language:before {
    content: "\e910";
    color: #002157;
    font-size: 20px;
}

.icon-logout:before {
    content: "\e911";
    color: #002157;
    font-size: 20px;
}

.icon-menu:before {
    content: "\e912";
    color: #002157;
    font-size: 20px;
}

.icon-notifications:before {
    content: "\e913";
    color: #002157;
    font-size: 20px;
}

.icon-next:before {
    content: "\e914";
    color: #002157;
    font-size: 20px;
}

.icon-payroll-month:before {
    content: "\e915";
    /*color: #002157;*/
    font-size: 20px;
}

.icon-pdf:before {
    content: "\e916";
    color: #002157;
    font-size: 20px;
}

.icon-ppt:before {
    content: "\e917";
    color: #002157;
    font-size: 20px;
}

.icon-profile:before {
    content: "\e918";
    color: #002157;
    font-size: 20px;
}

.icon-resigning-this-month:before {
    content: "\e919";
    color: #002157;
    font-size: 20px;
}

.icon-search:before {
    content: "\e91a";
    color: #002157;
    font-size: 20px;
}

.icon-security:before {
    content: "\e91b";
    color: #002157;
    font-size: 20px;
}

.icon-settings:before {
    content: "\e91c";
    color: #002157;
    font-size: 20px;
}

.icon-sick-leave:before {
    content: "\e91d";
    color: #002157;
    font-size: 20px;
}

.icon-tick:before {
    content: "\e91e";
    color: #002157;
    font-size: 20px;
}

.icon-tick-circle:before {
    content: "\e91f";
    color: #002157;
    font-size: 20px;
}

.icon-time:before {
    content: "\e920";
    color: #002157;
    font-size: 20px;
}

.icon-vacation:before {
    content: "\e921";
    color: #002157;
    font-size: 20px;
}

.icon-web-page:before {
    content: "\e922";
    color: #002157;
    font-size: 20px;
}

/*PanelBar*/
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link {
    line-height: 40px;
}
.k-panelbar .k-panel
{
    border: none;
}

/* Apply Submenu header Style of HRS*/
#hrs-subMenuDialog #subMenuHeader
{
    background-color: #1b2548;
    border-bottom: 2px solid #dcdcdc;
    color: #fff; 
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold; 
    padding-left: 15px;
}

.menu-header
{
    background-color: #1b2548;
    border-bottom: 2px solid #dcdcdc;
    color: #fff;
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
}

/* Apply Buttons Style of HRS*/
#hrs-subMenuDialog #submenu {
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
#hrs-subMenuDialog ul#submenu > li {
    background-color: #fff;
    border: solid 2px #e7e7e7;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin: 10px;
    min-height: 118px;
    padding: 5px;
    position: relative;
    width: 190px;
}
#hrs-subMenuDialog ul#submenu > li:hover {
    border: solid 2px #428bca;
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.35);
}
#hrs-subMenuDialog ul#submenu > li img { 
    display: block;
    height: auto;
    margin: 0 auto 10px auto;
    width: 60px;
    text-align: center; 
}
#hrs-subMenuDialog #submenu .k-link {
    text-align: center;
    color: #434e5a;
    font: 14px "OpenSans Helvetica Neue", Helvetica, Arial, sans-serif, Microsoft JhengHei, Microsoft YaHei;
    font-weight: 600;
}
#hrs-subMenuDialog #submenu .k-link:hover {
    background: none;
}
#subMenuItem {
    margin-top: 40px;
}

.buttons-wrap {
    float: none!important;
    text-align: right!important;
}
a:link {
    color: #ea8c00;
}

/* Style Adjust for Respnsive / Better Layout */
#contentDiv {
    padding: 20px 10px 10px 10px;
}
#leftForm .control-label {
    margin-right: 15px;
    margin-bottom: 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 0;
    padding-left: 0;
}
.btn-mobile, .btn-file {
    margin-right: 10px;
    margin-bottom: 15px;
    min-width: 80px;
}
#calendarDiv {
    margin: 0 3em 2em 3em!important;
}
.form-horizontal .form-control-static {
    display: inline-block;
}
#attachmentArea label,
.attachmentDiv > label {
    padding-top: 0!important;
}
#leaveForm #leftForm {
    min-width: 250px;
    padding-left: 50px;
}
.row {
    padding-right: 10px;
    padding-left: 10px;
}
.k-dropdown {
    max-width: 335px;
}
.k-multiselect-wrap {
    min-height: 2.4em;
}
.k-pager-wrap>.k-link {
    margin-right: 5px;
    margin-left: 5px;
}
#backBtn,
#removeDraft,
#newLeaveBtn,
#downloadBtn,
#saveBtn,
#submitBtn,
#cancelBtn,
#amendBtn,
#cancelLeaveBtn,
#printExcelBtn,
#printPdfBtn,
#printBtn,
#exportBtn {
    margin: 10px;
}
input.k-textbox {
    margin-bottom: 15px;
}


/* Apply Contact Us style*/
#hrs-topmenu > li:nth-last-child(3)
{
    aria-expanded: true;
    aria-hidden: false;
    /*font: "OpenSans Helvetica Neue", Helvetica, Arial, sans-serif, Microsoft JhengHei, Microsoft YaHei;
    position: absolute;
    bottom: 10px;
    width: 100%;*/
}/*
#hrs-topmenu > li:nth-last-child(3) .k-header {
    color: #ffffff!important;
}
#hrs-topmenu > li:last-child(3) li > a:first-child {
    border-width: 0px;
    color: #ffffff!important;
}*/

.lnr-envelope:before 
{
    content: "\e818";
    color: #002157;
    font-weight: bold;
}

/* Apply Transport Fare disable style*/
#transportFare[disabled="disabled"]
{
  background-color:#ebebe4;
}