#expcontainer .tilewrapper { position: relative; float: left; width: 100%; margin: 1% 0px 0px 0px; background-color: white; }

    #expcontainer .tilewrapper.first { margin-top: 0px; }

a.largefont, a.largefont:hover { font-size: 22px !important; line-height: 26px !important; }

.tile { font-size: 12px; line-height: 20px; }

#expcontainer .tilesmall { margin-left: 1%; height: 99%; overflow: hidden; position: relative; float: left; }

    #expcontainer .tilesmall.firstonrow { left: 0px; margin-left: 0px; }

.tileContent .title { font-size: 30px; font-weight: lighter; padding-bottom: 10px; margin-top: 2px; height: 28px; }

    .tileContent .title .buttons { display: inline-block; float: right; line-height: 30px; padding-right: 10px; padding-top: 2px; }


#expdivcontent .tiletext { overflow: hidden; height: 95%; }

#expdivcontent .tileContent { overflow: hidden; margin-top: 3px; top: 0px; bottom: 0px; padding: 10px; }

.tileContent { overflow: hidden; margin-top: 3px; padding: 10px; }

#expdiv { position: absolute; background-color: #253D75; }

#expcontainer { position: absolute; display: block; top: 90px; bottom: 3%; left: 5%; right: 5%; }

.expandbutton { position: absolute; right: 2px; bottom: 2px; cursor: pointer; }

.shrinkbutton { position: absolute; right: 2px; bottom: 2px; cursor: pointer; }

.tileContent .title .titleicon { background-image: url('../Images/iconsTitle.png'); margin-right: 5px; height: 37px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; width: 37px; }
    .tileContent .title .titleicon.onleave { background-position: 0px 0px; }
    .tileContent .title .titleicon.reports { background-position: -37px 0px; }
    .tileContent .title .titleicon.exception { background-position: -74px 0px; }
    .tileContent .title .titleicon.overtime { background-position: -111px 0px; }
    .tileContent .title .titleicon.leave { background-position: -148px 0px; }
    .tileContent .title .titleicon.onsite { background-position: -185px 0px; }
    .tileContent .title .titleicon.settings { background-position: -222px 0px; }
    .tileContent .title .titleicon.userAdmin { background-position: -259px 0px; }
    .tileContent .title .titleicon.awards { background-position: -296px 0px; }
    .tileContent .title .titleicon.tools { background-position: -333px 0px; }


div.tile.cyan, div.tile.cyan a { background-color: #00adef; color: #333333; }
div.tile.blue, div.tile.blue a { background-color: #516AA5; color: White; }
div.tile.cobalt, div.tile.cobalt a { background-color: #0050EF; color: White; }
div.tile.royalblue, div.tile.royalblue a { background-color: #253D75; color: White; }
div.tile.grey, div.tile.grey a { background-color: #58585a; color: white; }
div.tile.magenta, div.tile.magenta a { background-color: #ed008c; color: White; }
div.tile.lime, div.tile.lime a { background-color: #a4c400; color: Black; }
div.tile.green, div.tile.green a { background-color: #60a917; color: White; }
div.tile.emerald, div.tile.emerald a { background-color: #008a00; color: White; }
div.tile.crimson, div.tile.crimson a { background-color: #a20025; color: White; }
div.tile.red, div.tile.red a { background-color: #e51400; color: White; }
div.tile.amber, div.tile.amber a { background-color: #f0a30a; color: White; }
div.tile.orange, div.tile.orange a { background-color: #fa6800; color: White; }
div.tile.steel, div.tile.steel a { background-color: #647687; color: White; }
div.tile.mauve, div.tile.mauve a { background-color: #76608a; color: White; }
div.tile.olive, div.tile.olive a { background-color: #6d8764; color: White; }
div.tile.yellow, div.tile.yellow a { background-color: #e3c800; color: black; }

.tilewrapper1 { height: 98%; }
.tilesmall1 { width: 99%; }
.tilewrapper2 { height: 48%; }
.tilesmall2 { width: 49%; }
.tilewrapper3 { height: 31%; }
.tilesmall3 { width: 32%; }
.tilewrapper4 { height: 22%; }
.tilesmall4 { width: 23%; }
.tilewrapper5 { height: 18%; }
.tilesmall5 { width: 19%; }
.tilewrapper6 { height: 14%; }
.tilesmall6 { width: 15%; }