<style type="text/css">



table{
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-spacing: 1px;
	border-collapse: collapse;
	
}

th{
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	color:  White;
	background-color: #0069b4;
	padding: 1px 3px 1px 3px;
}
td{
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding: 1px 5px 1px 5px;
}
table.List{	
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #5a5a5a;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	border-collapse: collapse;
	    width: 60%;
}


tr.List{
	border-width: 0px;
	border-style: None;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
tr.List_Color{
	border-width: 0px;
	border-style: None;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #E5FAFF;
}
th.List{
	border-width: 0px 0px 2px 1px;
	border-style: solid;
	border-color: black;
	color:  black;
	height:25px;
	text-align:center;
	background-color: #CFCFCF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
  line-height: 23px; 
  overflow: hidden;
  font-weight : normal;
}
td.List{
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: black;
	height:25px;
	text-align:left;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	line-height: 24px;
	overflow: hidden;
	empty-cells:show; 
	white-space: nowrap; 
}
td.List_Right{
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: black;
	height:25px;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	text-align:right;
	line-height: 24px;
	overflow: hidden;
	empty-cells:show; 
	white-space: nowrap; 
}
td.List_Left{
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: black;
	height:25px;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	line-height: 24px;
	overflow: hidden;
	empty-cells:show; 
	white-space: nowrap; 
}
td.List_Run{
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: black;
	height:25px;
	text-align:center;
	background-color: #95C1E1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	line-height: 24px;
	overflow: hidden;
	empty-cells:show; 
	white-space: nowrap; 
}
td.List_Err{
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: black;
	height:25px;
	text-align:center;
	background-color: #FF3D48;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	line-height: 24px;
	overflow: hidden;
	empty-cells:show; 
	white-space: nowrap; 
}
td.List_Stop{
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: black;
	height:25px;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	line-height: 24px;
	overflow: hidden;
	empty-cells:show; 
	white-space: nowrap; 
}
td.List_Check{
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: black;
	height:25px;
	text-align:center;
	
	background-color: yellow;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	line-height: 24px;
	overflow: hidden;
	empty-cells:show; 
	white-space: nowrap; 
}

.logo{
	margin:0 10px;
}
.logotext{
	color:#fff;
}

/*
#container{
	border-style:none;
	width:400px;
}
*/

#head{
	background-color:#4270D0;
	padding:5px 0;
}
#title{
	margin-top: 8px !important;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	width:400px;
	font-weight:bold;
	border-color:#4270D0;
	border-width:3px;
	border-style:solid;
	background-color:#eaf1ff;
	text-align: center;
}

.coi_copyright{
	border-top:3px solid #4270D0;
	padding-top:3px;
}


@media only screen and (max-width: 768px) {

table.List{	
	    width: 80%;
}

@media only screen and (max-width: 580px) {

table.List{	
	    width: 95%;
}



</STYLE>
