/* City Linux extensions */

body{
	counter-reset: h4counter;
}
	

.cl-btn i{margin-right: 5px;}
.cl-btn,button{
	border:2px solid #fff;
	padding: 15px 55px;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	margin: 0 0 30px;
	background: transparent; /* Old browsers */
	
}
.cl-btn:hover,button:hover{
	color: #fff;background: green;
}


div.cl-scroll{
  overflow-x:scroll;
  margin-bottom:12px;
}

div.cl-news{
  padding-bottom:24px;
}
div.cl-indent{
	margin: 0 5em 0 3em
}
div
.flow-cont {
	border: 1px solid black;
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
}


.txtbox {
    background-color:#0000ff;
    border: 1px solid black;
    box-shadow: 1px 2px 2px black;
    border-radius: 25px;
    color:#ffffff;
    height:auto;
    width: 30%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:10px;
    padding: 10px;
}

.txtbox-left {
    background-color:#0000ff;
    border: 1px solid black;
    box-shadow: 1px 2px 2px black;
    border-radius: 25px;
    color:#ffffff;
    float:left;
    height:auto;
    margin-right:auto;
    margin-left:10%;
    margin-bottom:auto;
    margin-top:auto;
    padding: 10px;
    width: 9em;
}

.txtbox-right {
    background-color:#0000ff;
    border: 1px solid black;
    box-shadow: 1px 2px 2px black;
    border-radius: 25px;
    color:#ffffff;
    float:right;
    height:auto;
    margin-right:10%;
    margin-left:auto;
    margin-bottom:10px;
    padding: 10px;
    width: 9em;
}

/* Bing uses h1 tag to identify key content */
h1.cl-pg-title{
  counter-reset: h4counter;
  font-size: 130%;
  line-height: 110%;
  margin-top:2ex;
  margin-bottom:.25ex;
}
h2.cl{
  counter-reset: h4counter;
  font-size:130%;
  margin-top:2ex;
  margin-bottom:.25ex;
}
h3.cl{
  counter-reset: h4counter;
  font-size:110%;
  margin-top:2ex;
  margin-bottom:.25ex;
}

h3.cl-news{
  counter-reset: h4counter;
  margin-top:2ex;
  margin-bottom:.25ex;
  background-color: green;
  color:white;
  padding-left:2px;
  padding-top:2px;
  padding-bottom:2px;
}

h4.cl {
  margin-top:2ex;
  margin-bottom:.25ex;
}
h4.cl-num {
  margin-top:2.5ex;
  margin-bottom:.2ex;
}
h4.cl-num:before {
	content: counter(h4counter) "\0000a0.\0000a0";
	counter-increment: h4counter;
}
h4.cl-indent{
  margin: 2ex 0 .25ex 1em;
}

img.cl-static {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-in-out 1s;
  -moz-transition: all 0.3s ease-in-out 1s;
  -o-transition: all 0.3s ease-in-out 1s;
  transition: all 0.3s ease-in-out 1s;
}
img.cl-static:hover {
  transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
}
p.cl-bold{
  font-weight:bold;
}
p.cl-bold-center{
  font-weight:bold;
  text-align:center;
}
table.cl{
  border:1px solid grey; 
  overflow-x:scroll;
  width:45em;
  margin-left:auto;
  margin-right:auto;
}
ul.menu {
	list-style-type:none;
}

ul ul {
	list-style: circle;
	line-height:20px;
}
dt {
	float: left;
	margin-left:1em;
}
dt::after {
	content:" ";
	white-space:pre;
}
dd {
	margin: 0 0 5px 1em;
}