/* Style the container */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}


h2 {
  font-size: 1.2em;
}

body {
  margin: 0;
  font-family: "Arial";
  font-size: 12px;
  line-height: 1.43;
  color: #333;
}

a{
	text-decoration: none;
	color: #2da5da;
	font-size:1em;
}


fieldset  {
    font-size: 12px;
    font-weight: normal;
    font-family: Arial;
	line-height:24px;
	color: #000000;
	background-color: #f5f5f5;
	border: solid 0px #d3d3d3;
	width: 98%;
	margin:auto;
	text-align: left;
}

.formmenu {
	background-color: #FFFFFF;
	text-align:right;
}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table caption {
  margin: .5em 0 .75em;
  text-align:left;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial;
}
table tr {
  background: #f3f4f5;
  border: 1px solid #ddd;
  padding: .25em;
}
table th {
  padding: .3em;
  text-align: left;
  font-size:18px;
}
table td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left:5px;
  padding-right:5px;
  text-align: left;
  font-size:12px;
  /*word-break: break-all; */
  word-wrap: break-word;
}
table th {
  letter-spacing: .1em;
  text-transform: uppercase;
}
@media screen and (max-width: 640px) {
  table {
    border: 0;
  }
  table caption {

  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 0px solid #ddd;
    display: block;
    text-align: right;
  }
  table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
  table td:last-child {
    border-bottom: 0;
  }
  

}

.msgcount {
	color: #ffffff;
    background-color: #febe2c;
    display: inline-block;
    padding: 1px;
    width: 40px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    -moz-border-radius: 50px;
    border-radius: 50px;	
}



.divbuttongrey {
	margin-left:5px;
	height:25px;
	padding:5px;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	vertical-align:baseline;
	background-color:#949494;
}
.divbuttongrey a:link {color:#ffffff;font-size:0.9em;}
.divbuttongrey a:visited {color:#ffffff;font-size:0.9em;}

.divbuttongreen {
	margin-left:5px;
	height:25px;
	padding:5px;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	vertical-align:baseline;
	background-color:#4ba158;
}
.divbuttongreen a:link {color:#ffffff;font-size:0.9em;}
.divbuttongreen a:visited {color:#ffffff;font-size:0.9em;}

.divbuttonred {
	margin-left:5px;
	height:25px;
	padding:5px;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	vertical-align:baseline;
	background-color:#d84b4b;
}
.divbuttonred a:link {color:#ffffff;font-size:0.9em;}
.divbuttonred a:visited {color:#ffffff;font-size:0.9em;}

.divbuttonblue {
	margin-left:5px;
	height:25px;
	padding:5px;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	vertical-align:baseline;
	background-color:#4587d2;
}
.divbuttonblue a:link {color:#ffffff;font-size:0.9em;}
.divbuttonblue a:visited {color:#ffffff;font-size:0.9em;}


.divtag {
	margin-left:5px;
	margin-top: 2px;
    margin-bottom: 2px;
	height:25px;
	padding:5px;
	display:inline-block;
	vertical-align:baseline;
	border-radius: 4px;
	background-color:#C1E0FF;
	font-size:0.9em
}

.divaddtag {
	margin-left:5px;
	height:25px;
	padding:5px;
	display:inline-block;
	vertical-align:baseline;
	border-radius: 4px;
	background-color:#99CCFF;
	font-size:12px;
}
.divaddtag a:link {color:#000000;}
.divaddtag a:visited {color:#000000;}

.divgrp {
	margin-left:5px;
	margin-top: 2px;
    margin-bottom: 2px;
	height:25px;
	padding:5px;
	display:inline-block;
	vertical-align:baseline;
	border-radius: 4px;
	background-color:#9febf7;
	font-size:0.9em
}

.divaddgrp {
	margin-left:5px;
	height:25px;
	padding:5px;
	display:inline-block;
	vertical-align:baseline;
	border-radius: 4px;
	background-color:#8bdae6;
	font-size:12px;
}
.divaddgrp a:link {color:#000000;}
.divaddgrp a:visited {color:#000000;}


.historyout {
	width:80%;
	left:20%;
	right:2px;
	padding:5px;
	margin-bottom:10px;
	border-radius: 4px;
	background-color:#f1fcfd;
	border:1px solid #AAAAAA;
	word-wrap: normal;
	position:relative;
	display:block;
}

.historyin {
	width:80%;
	right:20%;
	left:2px;
	padding:5px;
	margin-bottom:10px;
	border-radius: 4px;
	background-color:#fefefe;
	border:1px solid #AAAAAA;
	word-wrap: normal;
	position:relative;
	display:block;
}