.amber {#F0A30A;}
.brown {#825A2C;}
.crimson {#A20025;}
.lime {#A4C400;}
.green {#60A917;}
.emerald {#008A00;}
.cobalt {#0050EF;}
.cyan {#1BA1E2;}
.indigo {#6A00FF;}
.magenta {#D80073;}
.mauve {#76608A;}
.olive {#6D8764;}
.orange{ #FA6800;}
.pink{#F472D0;}
.red{#E51400;}
.steel{#647687;}
.taupe{#87794E;}
.teal{#00ABA9;}
.violet{ #AA00FF;}
.yellow{#E3C800;}



.pad10 {padding: 10px;}

body {background-color:#002046;margin: 0;padding: 0;color:white}
.time {font-size : 44px;font-family:"Segoe UI light", Segoe, Tahoma, Geneva, sans-serif;font-weight:100;color:#fff;padding-left:40px; }
.date {font-size : 24px; font-family:"Segoe UI light", Segoe, Tahoma, Geneva, sans-serif;font-weight:100; color:#fff; padding-left:40px; }
.loginImage {float:left; margin:0 0 15px 20px; /*padding-left:200px;  */ }
.login {margin:20px; padding-left:20px; padding-top:40px; }
.dateTimeArea {clear:both; float:left; padding-top:100px; }
.center {margin-left:auto; margin-right:auto; width:80%;  }
.signin {font-size : 20px; font-family:"Segoe UI", Segoe, Tahoma, Geneva, sans-serif; font-weight:600; color:#93A6D8; }
.loginTextbox {margin-top:15px; font-family:"Segoe UI", Segoe, Tahoma, Geneva, sans-serif; font-weight:600; }
.forgot {margin-top:15px; font-family:"Segoe UI", Segoe, Tahoma, Geneva, sans-serif; font-size : 14px; font-weight:400; color:#93A6D8;       padding-right:60px; }
html {height: 100%; }

.title {font-size : 24px;font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight:300;color:#fff; }
.subtitle {font-size : 16px; font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight:300; color:#fff; }

/* peek template appearance */
.peekTemplateClass
{
     width: 130px;
     height: 130px;
     padding: 10px;
     font-size: 13px;
     line-height: 20px;
}
 
/* group heading tile appearance */
.groupHeadingTitle
{
     height: 150px;
     width: 150px;
     position: relative;
}
 
.innerTitle
{
     width: 150px;
     height: 40px;
     top: 50%;
     margin-top: -20px;
     position: absolute;
     font-size: 17px;
     line-height: 20px;
     padding-left: 10px;
}
 
div.noHover.RadTile
{
     border-color: transparent;
}
 
/* change tile texts to better fit long names and show over the images */
.RadTile div.rtileTopContent
{
   display: block;
   width: 150px;
   height: 80px;
   margin-top: 20px;
   padding: 8px 0;
   text-align: center;
   vertical-align: middle;
       max-width: 80px;
      max-height: 80px;
      margin: 0 auto;
}

/* change tile texts to better fit long names and show over the images */
.RadTile div.rtileBottomContent
{
      bottom: 5px;
      font-size: 12px;
      left: 20px;
      position: absolute;
}