.badge[data-badge]:after {
       content:attr(data-badge);
       font-size:.7em;
       background:rgba(48, 174, 227, 1);
       color:white;
       width:auto;
       min-width: 18px;
    padding: 4px;
       height:18px;
       text-align:center;
       line-height:18px;
       border-radius:50%;
       box-shadow:0 0 1px #333;
       margin-top: 4px;
       float:right;
    font-size:0.7em;
    }

.textsize7  {
       font-size:.7em;
           }

.textsize8  {
       font-size:.8em;
           }

.textsize9  {
       font-size:.9em;
           }


	 .usernamelabel {
       font-size:.8em;
       color:#696969;
           }

	 .username {
       font-size:.8em;
       color:#151515;
           }

.ui-content {
    padding: 6px 6px 6px 6px!important; 
    }


.line-separator{
margin: 0px 0 10px 0;
border-bottom:1px solid #cccccc;
}

.hrclear {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
color:#FFFFFF;
border: 0 none;
margin-top: 0px;
margin-bottom: 0px;
}

.hrfancy {
width: 100%;
height: 1px;
margin-left: auto;
margin-right: auto;
background-color:#A9A9A9;
color:#A9A9A9;
border: 0 none;
margin-top: 0px;
margin-bottom:12px;
}

.hrgrey {
width: 100%;
height: 1px;
margin-left: auto;
margin-right: auto;
background-color:#A9A9A9;
color:#A9A9A9;
border: 0 none;
margin-top: 1px;
margin-bottom:1px;
}

blockquote {
  font-size: .9em !important;
  font-style: italic !important;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  text-indent: 23px;
  }
  blockquote span {
    	display: block;
  	}


/** 1st pagination **/
.paginate { /* first page styles */ }


.paginate {
  display: block;
  float: left;
  color: #717171;
  background: #e9e9e9;
  text-decoration: none;
  padding: 5px 7px;
  margin-right: 6px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .7), 0px 1px 3px rgba(0,0,0, .1);
  text-shadow: 1px 1px 0px rgba(255,255,255, 0.7);
}
.paginate a:hover {
  background: #eee;
  color: #555;
}
.paginate a:active {
  -webkit-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
  box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
}


.ui-controlgroup-controls
{
    width:100%;
}

img.smiley {
            padding: 10px 10px 10px 10px ;
			height: 26px;
            }

h3 {
font-size: 1.1em;
      color:green;
	   }

h2 {
      color:green;
	   }

h1 {
      color:green;
	   }

.heading3
{
    font-weight: bold;
color:green !important;
font-size: 1.1em;
	   }

.ui-panel {
    width: 90%;
    z-index: 1004;
}

/* Panel right closed */
.ui-panel-position-right {
    right: -90%;
}
/* Panel right closed animated */
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
    right: 0;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

/* Panel right open */
.ui-panel-page-content-position-right {
    left: -90%;
    right: 90%;
}
/* Panel right open animated */
.ui-panel-animate.ui-panel-page-content-position-right {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(-90%,0,0);
    -moz-transform: translate3d(-90%,0,0);
    transform: translate3d(-90%,0,0);
}

/* Dismiss model open */
.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
    right:90%;
}