/**************************** GENERAL STYLES START ****************************/
html {
  display: table;
}
body {
  margin:0; 
  padding:0;
  font: normal 12px Arial, Tahoma, Verdana, sans-serif;
  color: #444;
  float: left;
  clear: both;
}
body * {
  margin: 0px;
  padding: 0px;
}
span {
  display: inline;
  border: 0px none #000000;
}
div, img {
  display: block;
  border: 0px none #000000;
}
a {
  color: #4c9adc;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/**************************** COMMON STYLES START ****************************/
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
  float: none;
  font-size: 1px;
  line-height: 1px;
}
.hidden {
  display: none;;
  overflow: hidden;
  text-indent: -9999px;
  position: relative;
  top: -9999px;
  font-size: 2px;
  visibility: hidden;
}
.unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.inline-block {
  vertical-align: middle;
  display: -moz-inline-stack;
  display: inline-block !important;
  zoom: 1;
  *display: inline;
}
.vcenter {
  display: table-cell;
  vertical-align: middle;
}
/************************ COMMON WIDGET STYLES START ***************************/
.widget {
  position: relative;
  overflow: hidden;
}
.widget-inner {  
  text-align: left;
}
#widget-header .inner,
#widget-footer .inner {
  padding: 6px;  
}