body    {background-color:white;color:#333;font-family:Calibri, Arial;font-size:14px;text-align:left;margin:20px;}
   .A4     {font-family:Arial;font-size:9pt;font-weight:bold;text-align:justify;color:white;background-color:black;}
   .ccl    {text-align:left;}
   .ccc    {text-align:center;}
   .ccr    {text-align:right;}
   .T1     {border-width:0;background-color:white;font-size:16px;color:#333;}
   .T2     {background-color:#f5f7f9;color:black;font-weight:bold;}
   .T5     {background-color:white;}
    .T6    {font-weight:bold;}

    table   {font-family:Calibri, Arial;font-size:14px;border-collapse:collapse;}
    td, th  {padding:4px 6px;vertical-align:top;}
    .T7     {background-color:white;color:#333;font-family: Arial;font-size: 14px;font-weight:normal;}
    h1      {font-size:28px;font-weight:normal;}
    h2      {font-size:22px;font-weight:normal;}
    h3      {font-size:18px;font-weight:bold;margin:0;}
    label   {display:inline-block;border-radius:5px;border:1px solid white;padding:2px 4px;}
    .B1     {font-size:14px;padding:3px 10px 3px 10px;margin:0;border-radius:10px;border:2px solid #1048af;color:white;background-color:#1048af;display:inline-block;background-repeat:no-repeat;background-position:6px 4px;}
    .B2     {border-radius:10px;padding:8px 30px;border:1px solid blue;color:blue;}
    .B7   {background-image:url(/images/back1.png);padding-left:36px;background-position:6px 1px;}
    .B8   {background-image:url(/images/save.png);padding-left:36px;background-position:6px 1px;}
    .B9   {background-image:url(/images/house.png);padding-left:36px;background-position:6px 1px;}
    a       {text-decoration:none;padding:4px;border-radius:5px;border:1px solid white;}
    a:hover, .B1:hover, .B2:hover, label:hover  {background-color:#aaa;cursor:hand;}
    input[type=text], .txt1, input[type=password], input[type=email], input[type=date], select  {border-radius:5px;border:1px solid #ccc;color:#333;padding:4px 4px;font-size:14px;}
    textarea  {border-radius:5px;}
    .h, .imgcal  {padding:2px 4px;border-radius:5px;}
    .h:hover, .imgcal:hover  {background-color:#ddd;}
    .tsb           {cursor:n-resize;background-image:url(/graphics/sort_white.png);background-position:right;background-repeat:no-repeat;padding-right:20px;}
    .tsd           {cursor:n-resize;background-image:url(/graphics/sort_white_down.png);background-position:right;background-repeat:no-repeat;padding-right:20px;}
    .tsu           {cursor:n-resize;background-image:url(/graphics/sort_white_up.png);background-position:right;background-repeat:no-repeat;padding-right:20px;}
    #errorspan     {color:red;font-size:18px;}


    body, html, #form1   {margin:0;padding:0}
    #container   {width:94%;max-width:8.5in;margin-left:auto;margin-right:auto;}
    #cframe     {height:500px;width:96%;max-width:8.5in;margin-left:auto;margin-right:auto;border:none;}
    #headerdiv  {text-align:center;}
    #logoimg    {text-align:center;margin-top:80px;}
    h1          {margin-top:60px;}
    a           {text-decoration:none;padding:4px;border-radius:5px;border:1px solid white;}
    #headerspan {margin-top:30px;margin-top:60px;}
    #logintbl   {width:98%;max-width:500px;margin-left:auto;margin-right:auto;}
    #logintbl td {padding:10px;}
    #c1, #c3, #c5, #c6, #c7, #c8  {text-align:center;}
    #errordiv   {min-height:40px;}
    #content    {margin-top:40px;}
    #login, #password  {width:90%;max-width:500px;font-size:16px;}
    #ConnectError  {display:block;color:red;font-size:16px;font-weight:bold;width:100%;text-align:center;padding-top:10px;}
    #loginbtn  {background-image:url(/images/sign-in.png);padding: 8px 16px 8px 36px;background-position:6px 6px;}
    #footer    {text-align:center;}

@media screen and (max-width: 620px) {
    #logoimg    {width:300px;margin-top:20px;}
    h1          {margin-top:20px;}
    #logintbl td {display:inline-block;}
    #c1, #c3, #c5    {text-align:left;}
    #c1, #c2, #c3, #c4  {width:96%;}
    #c5, #c6, #c7, #c8  {width:40%;}

    #c8  {margin-top:10px;}
}