tt {
	background-color: #eee;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 1em;
	padding: 2px;
}

pre.console {
	background-color: #222;
	color: #ddd;
	font-family: Courier, Consolas, Monaco, Lucida Console, monospace;
	font-size: 1em;
	padding: 10px;
	line-height: 100%;
}

table.coogeegrid {
	background: #fff;
	border: 1px solid #3E606F;
	border-radius: 4px;
	border-collapse: collapse;
	font: normal 14px/150% "Roboto", "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Tahoma, Verdana, Arial, sans-serif;
	overflow: hidden;
	text-align: left;
}

table.coogeegrid tr {
	vertical-align: top;
}

table.coogeegrid td, table.coogeegrid th {
	padding: 8px 10px;
}

table.coogeegrid thead th {
	background: -moz-linear-gradient(center top,#4A7385 5%,#3E606F 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#4A7385),color-stop(1,#3E606F));
	background-color: #4A7385;
	border-left: 1px solid #3D5F6E;
	color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A7385',endColorstr='#3E606F');
	font-size: 15px;
	font-weight: bold;
}

table.coogeegrid thead th:first-child {
	border: none;
}

table.coogeegrid tbody td {
	border-left: 1px solid #E1EEF4;
	color: #00496B;
	font-size: 14px;
	font-weight: normal;
}

table.coogeegrid tbody tr:nth-child(odd) {
	background-color: #fff;
	color: #00496B;
}

table.coogeegrid tbody tr:nth-child(even) {
	background: #E1EEF4;
	color: #00496B;
}

table.coogeegrid tbody td:first-child {
	border-left: none;
}

table.coogeegrid tbody tr:last-child td {
	border-bottom: none;
}

p.important, p.warning, div.important, div.warning {
  background-color:#C73737;
  color:white;
  padding: 10px;
  border-radius: 5px; 
}

p.important-lite, p.warning-lite, div.important-lite, div.warning-lite {
  padding: 10px;
  border-radius: 5px; 
  border: 2px solid;
  border-color: #C73737;
}

p.information, div.information {
  background-color:#2988f8;
  color:white;
  padding: 10px;
  border-radius: 5px; 
}

p.information-lite, div.information-lite {
  padding: 10px;
  border-radius: 5px; 
  border: 2px solid;
  border-color: #2988f8;
}

p.tip, div.tip {
  background-color:#398c3e;
  color:white;
  padding: 10px;
  border-radius: 5px; 
}

p.tip-lite, div.tip-lite {
  padding: 10px;
  border-radius: 5px; 
  border: 2px solid;
  border-color: #398c3e;
}

p.note, div.note {
  background-color:#7a7c7b;
  color:white;
  padding: 10px;
  border-radius: 5px; 
}

p.note-lite, div.note-lite {
  padding: 10px;
  border-radius: 5px; 
  border: 2px solid;
  border-color: #7a7c7b;
}

p.edit, div.edit {
  padding: 10px;
  background-color:#458f91;
  color:white;
  border-radius: 5px; 
}

p.edit-lite, div.edit-lite {
  padding: 10px;
  border-radius: 5px; 
  border: 2px solid;
  border-color: #458f91;
}

p.important-icon, p.warning-icon, div.important-icon, div.warning-icon {
  background: url(https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/caution-64.png) no-repeat 10px 10px;
  padding: 10px 10px 10px 80px;
  min-height: 64px;
  background-color:#C73737;
  color:white;
  border-radius: 5px; 
}

p.important-icon-lite, p.warning-icon-lite, div.important-icon-lite, div.warning-icon-lite {
  background: url(https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/caution-64.png) no-repeat 10px 10px;
  padding: 10px 10px 10px 80px;
  min-height: 64px;
  border-radius: 5px; 
  border: 2px solid;
  border-color: #C73737;
}

p.information-icon, div.information-icon {
  background: url(https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/booklet-64.png) no-repeat 10px 10px;
  padding: 10px 10px 10px 80px;
  min-height: 64px;
  background-color:#2988f8;
  color:white;
  border-radius: 5px; 
}

p.information-icon-lite, div.information-icon-lite {
  background: url(https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/booklet-64.png) no-repeat 10px 10px;
  padding: 10px 10px 10px 80px;
  min-height: 64px;
  border-radius: 5px; 
  border: 2px solid;
  border-color: #2988f8;
}

p.tip-icon, div.tip-icon {
  background: url(https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/check-64.png) no-repeat 10px 10px;
  padding: 10px 10px 10px 80px;
  min-height: 64px;
  background-color:#398c3e;
  color:white;
  border-radius: 5px; 
}

p.tip-icon-lite, div.tip-icon-lite {
  background: url(https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/check-64.png) no-repeat 10px 10px;
  padding: 10px 10px 10px 80px;
  min-height: 64px;
  border-radius: 5px; 
  border: 2px solid;
  border-color: #398c3e;
}

p.note-icon, div.note-icon {
  background: url(https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/quote-64.png) no-repeat 10px 10px;
  padding: 10px 10px 10px 80px;
  min-height: 64px;
  background-color:#7a7c7b;
  color:white;
  border-radius: 5px; 
}

p.note-icon-lite, div.note-icon-lite {
  background: url(https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/quote-64.png) no-repeat 10px 10px;
  padding: 10px 10px 10px 80px;
  min-height: 64px;
  border-radius: 5px; 
  border: 2px solid;
  border-color: #7a7c7b;
}

p.edit-icon, div.edit-icon {
  background: url(https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/compose-64.png) no-repeat 10px 10px;
  padding: 10px 10px 10px 80px;
  min-height: 64px;
  background-color:#458f91;
  color:white;
  border-radius: 5px; 
}

p.edit-icon-lite, div.edit-icon-lite {
  background: url(https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/compose-64.png) no-repeat 10px 10px;
  padding: 10px 10px 10px 80px;
  min-height: 64px;
  border-radius: 5px; 
  border: 2px solid;
  border-color: #458f91;
}

span.status {
  min-width: 100px;
  display: inline-block;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 1em;
	padding: 1px;
  text-align: center;
  border-radius: 3px;
}

span.red {
  background: red;
  color: white;
}

span.blue {
  background: blue;
  color: white;
}

span.green {
  background: green;
  color: white;
}

span.grey {
  background: grey;
  color: white;
}

span.yellow {
  background: yellow;
  color: black;
}