body{background-color: #fff;color: #333;font-family: 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12pt;padding: 0;margin:0;}
a:link, a:visited{color: #369;text-decoration:none;}
.header {height:80px;border-bottom:solid 2px black;padding:10px 0 0 30px;}
.content{margin: 0 auto;position:relative;padding-top:30px;}
.p_message {margin: 0 auto;position:relative;width:400px;padding-bottom:20px;}


.login {float:right;padding:10px 30px 0 0;}

.table {border-collapse: collapse;}
.table th, td {border: 1px solid black;}
.table{margin: 0 auto;position:relative;}
.table td.item{width:400px;}
.table td.status{width:100px;text-align:center;}
.table td.time{width:200px;font-weight:bold;}
.table td.message{max-width:600px;text-align:center;}

.green {width: 20px;height: 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: #32CD32;margin: 0 auto;}
.yellow {width: 20px;height: 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: #FFFF00;margin: 0 auto;}
.red {width: 20px;height: 20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: red;margin: 0 auto;}

#footer{float:left;clear:both;border-top:2px solid #E0E0E0;width: 100%;margin-top:1em;}
#footer p.copy {text-align:center;padding: 15px;color:#afaca9; line-height: 10px;}
#footer p.copy a { font-size: 10px; color:#005aab;  line-height: 10px; text-decoration: underline; }
#footer p.copy a:hover { text-decoration: none; }
#footer p.copy span { padding:0 7px; }

/* mobile*/
@media only screen and ( max-width: 640px) { 
	body { width: auto; }
	.login {clear:both;float:left;}
	.table td.item{width:200px;font-weight:bold;}
	.table td.time{width:150px;}
	.table td.message{max-width:150px;text-align:center;}
}