.keywordDiv {
    /*    font-family: Verdana, sans-serif; */
        font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal;
        font-size: 11px;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 200px;
        height: 200px;
        background: #cccccc;
        overflow: auto;
        padding: 10px;
}
TD {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal;
       /*  font-family: Verdana, sans-serif; */
        font-size: 11px;
        /* line-height: 14px; */
        color: #000000;
}

a:visited { color: #000000; }
a { color: #000000 };


a.editLink:link    { color:#333333; text-decoration:none; }
a.editLink:visited { color:#333333; text-decoration:none; }
a.editLink:hover   { color:#333333; text-decoration:underline; }
a.editLink:active  { color:#333333; text-decoration:none; }
.header { 
	width: 800px; height:60px; background: #22b1f5; position: relative; color: #ffffff;
        /* font-family: Verdana, sans-serif; */
        font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal;
	padding-left: 10px;
	padding-top: 20px;
        font-size: 24px;
}
.logout {
	position: absolute; 
	left: 750px; 
	top: 20px;
        /* font-family: Verdana, sans-serif; */
        font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal;
        font-size: 12px;
}
a.logoutLink:link    { color:#ffffff; text-decoration:none; }
a.logoutLink:visited { color:#ffffff; text-decoration:none; }
a.logoutLink:hover   { color:#ffffff; text-decoration:underline; }
a.logoutLink:active  { color:#ffffff; text-decoration:none; }

body {
        /* font-family: Verdana, sans-serif; */
        font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal;
        font-size: 11px;
	color: #333333;
}
a.treudeLink:link    { color:#336699; text-decoration:none; }
a.treudeLink:visited { color:#336699; text-decoration:none; }
a.treudeLink:hover   { color:#336699; text-decoration:underline; }
a.treudeLink:active  { color:#336699; text-decoration:none; }

.footer {
	width: 800px;
	position: relative;
	text-align: right;
}


textarea,input {
	/* font-family: Verdana, sans-serif; */
	font-family: 'Gotham SSm A', 'Gotham SSm B', Arial; font-weight: 400; font-style: normal;
	font-size: 11px;
}

.menu-table {
        width: 500px;
}
.clients-table {
        width: 400px;
}
.client-table { 
        width: 700px;
}
.line-item-details {
        display: inline-block;
        white-space: nowrap;
}
.invoice-table {
        width: 400px;
}
.bread-crumb {
        font-size: 13px;
}

/* responsive stuff from here down */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
        .clients-table {
                width: 100%;
        }       
        .clients-table td {
                font-size: 40px;     
                padding-top: 60px;  
        }
        .menu-table {
                width: 100%;
        }       
        .menu-table td {
                font-size: 30px;     
                padding-top: 30px;  
        }
        .client-table {
                width: 100%;
        }       
        .client-table td {
                font-size: 40px;     
                padding-top: 10px;  
        }
        .invoice-table {
                width: 100%;
        }       
        .invoice-table td {
                font-size: 40px;     
                padding-top: 10px;  
        }
        .header {
                width: 100%;
        }
        body {
                font-size: 30px;
        }
        .footer {
                width: 100%;
        }
        .line-item-details {
                display: none;
        }
        .bread-crumb {
                font-size: 60px !important;
                font-weight: bold;
                padding-top: 30px !important;
                padding-bottom: 10px !important;
        }
}

.menu-table td {
	vertical-align: top;
}