html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
}
a{
    color: #0fb8ed;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
.bold{
    font-weight: 700;
}
.wrapper {
    position: relative;
    min-height: 100%;
}

.deemHeader {
    display: table;
    width: 100%;
    min-width: 980px;
    height: 50px;
    margin: 0 0 25px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f8f8f8;
}

.deemtopHeader {
    display: table-row;
    width: 980px;
    height: 50px;
    margin: 0 auto;
}    

.deemTopHeaderLeft, .deemTopHeaderRight {
    display: table-cell;
    width: 50%;
    height: 50px;
    vertical-align: middle;
}

.deemTopHeaderLink{
    display: table-cell;

}
.deemTopHeaderLink:hover{
    background: #efefef;
}
.button{
    background: transparent;
    border: none;
    min-width: 140px;
    height: 50px;
    padding: 0 20px 0 20px;
    border-right: 1px solid #dfdfdf;
    outline-color: #dfdfdf;
    cursor: pointer;
}
button#deemShowLink{
    color: #222222;
    text-decoration: none;
}

.title {
    display: inline-block;
}
.title.panelTitle{
    padding: 20px 40px 20px 40px;
    font-size: 2em;
    border-bottom: 1px solid #dfdfdf;
    width: 220px;
}
.title.panelTitle.panelItem{
    font-size: 1.3em;
}
.title.panelTitle.panelItem:hover{
    background-color: #e8e8e8;
    cursor: pointer;
}
.title.panelTitle.panelItem .email{
    font-size: 0.7em;
    color: #aaa;
}

.title img{
    display: inline;
    width: 75px;
    height: auto;
}
.title>.appName{
    margin: 0 0 0 3px;
    float:right;
    font-family: "Roboto Light", sans-serif;
    font-weight: 100;
    font-size: 2.7em;
    line-height: 27px;
    color: #5e5e5e;
    letter-spacing: -1px;
}
.appDrawer{
    vertical-align: initial;
}
.deemTopHeaderRight {
    text-align: right;
}
.iconGroup{
    float: right;
    width: 200px;
}
.iconGroup span{
    padding: 20px;
    border-left: 1px solid #dfdfdf;
    height: 50px;
}
.iconGroup span:hover{
    background: #efefef;
    cursor: pointer;
}
.iconGroup span>i{
    color: #999;
}
.iconGroup span:hover>i, .iconGroup span.active, .iconGroup span.active>i{
    color: #000000;
    background-color: #ffffff;
}
.pageBody {
    padding: 0 20px 70px;
    background-color: #fff;
    width: 980px;
    margin: 0 auto;
}
.pageBody img{
    text-align: center;
    margin-bottom: 80px;
}
#deemTilesLayer {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #f8f8f8;
    z-index: 10;
}

#deemTilesLayerSlide {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #f8f8f8;
    z-index: 10;
}
#deemAlertsLayer, #deemProfileLayer, #deemAssistLayer{
    width: 300px;
    height: 95%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 51px;
    border-left: 1px solid #dfdfdf;
    z-index: 8;
}
.showDeemTiles, .showAlertsLayer, .showProfileLayer, .showAssistLayer {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s linear;
}
.hideDeemTiles, .hideDeemAlerts, .hideDeemProfile, .hideDeemAssist {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.2s, opacity 0.2s linear;
}

.showDeemTilesSlide {
  height: 100%;
  max-height: 100%;
  overflow-y: hidden;
	transition-property: all;
	transition-duration: .75s;
	transition-timing-function: linear(0, 1, 0.5, 1);
}

.hideDeemTilesSlide {
  max-height: 0;
  overflow-y: hidden;
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: linear(0, 1, 0.5, 1);
}

.deemTilesHeader {
    min-width: 769px;
    max-width: 980px;
    margin: 50px auto 0;
}

.deemTilesContent {
    min-width: 769px;
    max-width: 980px;
    margin: 0 auto;
}

.deemTilesHeading {
    display: inline-block;
    min-width: 980px;
    padding: 0 0 20px;
    margin: 40px 0;
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 35px;
    font-weight: 300;
}

.deemCloseTilesLink {
    color: #ccc;
    font-size: 40px;
    font-weight: 300;
    text-decoration: none;
}

.deemCloseTilesLinkSlide, .deemCloseTilesLink {
    position: absolute;
    top: 40px;
    right: 50px;
    color: #ccc;
    font-size: 30px;
    font-weight: 300;
    text-decoration: none;
}
.deemCloseTilesLink:hover {
    text-decoration: none;
}
.deemTileSet {
    min-width: 769px;
    max-width: 980px;
}

.deemTileSet ul {
    margin: 0 0 0 -83px;
    padding: 0;
    list-style-type: none;
}

.deemTileSet ul:after {
    display: table;
    clear: both;
    content: " ";
}
.deemTileSet li {
    display: block;
    float: left;
    height: 129px;
    padding: 0 0 70px 83px;
    text-align: center;
}

.deemTileDisabled {
    opacity: 0.5;
}

.deemTileDisabled .deemTile {
    background-color: #999;
}

.deemTileSet a {
    display: block;
    text-decoration: none;
}

.deemTile {
    display: block;
    height: 129px;
    width: 129px;
    background-color: #3693cd;
}

.deemTile:hover{
    background-color: #11536d;
}

.deemTileHome {
    background-image: url('img/IconHome.png');
}

.deemTileTravel {
    background-image: url('img/IconTravel.png');
}

.deemTileExpense {
    background-image: url('img/IconExpense.png');
}

.deemTileDining {
    background-image: url('img/IconDining.png');
}

.deemTileMeetings {
    background-image: url('img/IconMeeting.png');
}

.deemTileShopping {
    background-image: url('img/IconShopping.png');
}

.deemTileShipping {
    background-image: url('img/IconShipping.png');
}

.deemTileAnalytics {
    background-image: url('img/IconAnalytics.png');
}

.deemTileAdmin {
    background-image: url('img/IconAdmin.png');
}
.deemTileLabel {
    display: block;
    padding: 5px 0 0;
    color: #666;
    font-size: 14px;
    font-weight: 300;
}

.alertTitle{
    display: block;
    padding-bottom:5px
}

#deemPageLinks{
    width: 100%;
    position: relative;
    margin: 40px 0 3em 0;
}
#deemPageLinks div{
    display: inline;
    margin: 0 20px 0 15px;
    font-size: 1.5em;
}

#deemPageLinks a.current{
    font-size: 1.90em;
    font-weight: 300;
    color: #000000;
}
#deemPageLinks a.current:hover{
    text-decoration: underline;
}
.deemFooter {
    display: table;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    min-width: 980px;
    margin-top: -50px;
    border-top: 1px solid #dfdfdf;
    background-color: #f8f8f8;
    z-index: 9;

}
.deemFooterLeft, .deemFooterRight {
    display: table-cell;
    width: 50%;
    min-height: 30px;
    padding: 0 20px;
    vertical-align: middle;
}    
.deemFooterRight {
    padding: 0 20px 0 0;
    text-align: right;
}    

.notice {font-size: 12px; line-height: 18px;}