*
    {
        margin: 0;
        padding: 0;
    }
    html
    {
        background: url(../images/body-bg2.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/body-bg1.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/body-bg1.jpg', sizingMethod='scale')";
    }
    body
    {
        width: 100%;
        font-size: 15px;
        font-family: Arial;
        color: #000;
    }
    a
    {
        color: #000;
        outline: none;
        text-decoration: underline;
    }
    a:hover
    {
        text-decoration: none;
    }
    p
    {
        margin: 0 0 10px;
        line-height: 20px;
        
    }
    img
    {
        border: none;
    }
    h1
    {
        color: #de2010;
        text-shadow: 0px 1px 1px #000;
    }
    h2
    {
        font-size: 24px;
        line-height: 48px;
        color: #990000;
        text-shadow: 0px 0px 0px #000;
    }
    input
    {
        vertical-align: middle;
    }
    #wrapper
    {
        width: 100%;
    }
    .ui-wrapper
    {
        width: 94%;
        margin: 0 80px;
    }
    /* Header
-----------------------------------------------------------------------------*/
   #header
    {
        height: 20px;
    }
    .ui-header-top
    {
        height: 93px;
        margin: 0 auto; 
    }
  
    .ui-logo
    {
        float: left;
    }
    .ui-punchline
    {
        float: right;
        padding-right: 10px;
    }
   
    #header-link-img
    {
        float: right;
        width: 50%;
        padding-right: 150px;
    }
    /* Middle
-----------------------------------------------------------------------------*/
    #middle
    {
        border-left: 200px solid #aa031b;
        height: 1%;
        position: relative;
    }
    #middle:after
    {
        content: '.';
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }
    #container
    {
        width: 100%;
        float: left;
        overflow: hidden;
        margin-right: -100%;
    }
    #content
    {
        padding: 0 3px 0px 15px;
        width: 700px;
    }
    .contents
    {
        padding: 5px;
        text-align:justify;
    }
    /* Sidebar Left
-----------------------------------------------------------------------------*/
    #sideLeft
    {
        float: left;
        width: 200px;
        position: relative;
        left: -200px;
    }
    .ui-left
    {
        margin-bottom: 10px;
        clear: both;
    }
    /* All Container CSS
*************************************************************************/
    .ui-container
    {
        width:700px;
        margin:0 auto;
       
    }
    .ui-box-l
    {
       
        float:left;
        border: 0px solid #ddd;
        width:340px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -webkit-box-shadow: 0px 0px 5px #000;
        -moz-box-shadow: 0px 0px 5px #000;
        box-shadow: 0px 0px 5px #000;
        background: #fff;
    }
  .ui-box-r
    {
       
         width:340px;
        border: 0px solid #ddd;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -webkit-box-shadow: 0px 0px 5px #000;
        -moz-box-shadow: 0px 0px 5px #000;
        box-shadow: 0px 0px 5px #000;
        background: #fff;
        float:right;
    }
   .ui-box-l:hover
    {
       
        float:left;
        border: 0px solid #ddd;
        width:340px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -webkit-box-shadow: 0px 0px 10px #000;
        -moz-box-shadow: 0px 0px 10px #000;
        box-shadow: 0px 0px 10px #000;
        background: #fff;
    }
  .ui-box-r:hover
    {
       
         width:340px;
        border: 0px solid #ddd;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -webkit-box-shadow: 0px 0px 10px #000;
        -moz-box-shadow: 0px 0px 10px #000;
        box-shadow: 0px 0px 10px #000;
        background: #fff;
        float:right;
    }
.ui-box-img
    {
        padding: 10px;
        
    }
  

    /*********** left menu *************/
    div.leftmenu
    {
        width: 100%;
    }
    div.leftmenu ul
    {
        list-style: none;
        text-indent: 0px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        font: 12px Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        border-bottom: 0px dashed;
        line-height: 20px;
        text-align: center;
    }
    div.leftmenu li
    {
        margin-bottom: 0px;
        font: 16px Arial, Verdana, Helvetica, sans-serif;
        color: #fff;
        padding-left: 0px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
        text-decoration: none;
        text-align: left;
        border-bottom: 0px dashed; /*background-image: url('../images/bullets.png');
	background-repeat:no-repeat;*/
    }
    div.leftmenu li img
    {
        padding-right: 5px;
    }
    div.leftmenu a
    {
        font: 16px Arial, Verdana, Helvetica, sans-serif;
        color: #fff;
        line-height: normal;
        font-weight: bold;
        padding: 0px;
        text-decoration: none;
    }
    div.leftmenu a:hover
    {
        background: url('images/highlight.gif') no-repeat right;
        padding: 0px;
        color: #ffc;
        text-decoration: underline;
    }
    div.news
    {
        width: 100%;
    }
    div.news ul
    {
        list-style-image: url('../images/bullets1.png');
        text-indent: 0px;
        margin: 0px 0px 0px 20px;
        padding: 0px;
        font: 12px Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        border-bottom: 0px dashed;
        line-height: 20px;
        text-align: center;
    }
    div.news li
    {
        margin-bottom: 0px;
        font: 16px Arial, Verdana, Helvetica, sans-serif;
        color: #333;
        padding-left: 0px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
        text-decoration: none;
        text-align: left;
        border-bottom: 0px dashed;
    }
    div.news li img
    {
        padding-right: 5px;
    }
    div.news a
    {
        font: 16px Arial, Verdana, Helvetica, sans-serif;
        color: #333;
        line-height: normal;
        font-weight: bold;
        padding: 0px;
        text-decoration: none;
    }
    div.news a:hover
    {
        background: url('images/highlight.gif') no-repeat right;
        padding: 0px;
        color: #ff0000;
        text-decoration: underline;
    }
    /* Footer
-----------------------------------------------------------------------------*/
    #footer
    {
        height: 107px; /*background-image:url(../images/footer-bg.jpg);
    background-repeat:repeat-x;*/
        border-top: 0px solid #fcaa41;
        clear: both;
        width: 100%;
        /*position: fixed;
        bottom: 0;*/
    }
    .ui-footer-container
    {
        height: 60px;
        background: #d95103;
        width: 100%;
        padding-top: 10px;
    }
    .ui-copyright
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: normal;
        color: #ddd;
        padding: 10px;
        background: #111;
    }
  .ui-box{
      width:100%;
      margin:0 auto;
      }
      .ui-box-img-l{
      width:170px;
      float:left;
      }
    .ui-box-content-r{
      float:left;
      }
 .ui-3col-content{
     float:left;
     width:214px; 
     background:#fff; 
     box-shadow: 0px 0px 1px #000; 
     padding:5px; 
     margin:3px;
     }
  .ui-book-container{
        
        padding:0;
       -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -webkit-box-shadow: 0px 0px 5px #000;
        -moz-box-shadow: 0px 0px 5px #000;
        box-shadow: 0px 0px 5px #000;
        background: #fff;
        }
   
  .ui-book-container:hover{       
         border: 0px solid #ddd;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -webkit-box-shadow: 0px 0px 10px #000;
        -moz-box-shadow: 0px 0px 10px #000;
        box-shadow: 0px 0px 10px #000;
        background: #fff;
        }
  .ui-img-container{
        padding:10px;
        margin-right:10px;
       -webkit-border-radius: 3px 3px 3px 3px;
        float:left;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -webkit-box-shadow: 0px 0px 5px #000;
        -moz-box-shadow: 0px 0px 5px #000;
        box-shadow: 0px 0px 5px #000;
        background: #fff;
        }
   
  .ui-img-container:hover{       
         border: 0px solid #ddd;
         padding:10px;
         margin-right:10px;
         float:left;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -webkit-box-shadow: 0px 0px 10px #000;
        -moz-box-shadow: 0px 0px 10px #000;
        box-shadow: 0px 0px 10px #000;
        background: #fff;
        }
 .contentbold{
     color:#990000;
     padding-top:10px;
     font-size:20px;
     text-align:center;
     }
     
/* Popup Window
**********************************************************************************/

#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	opacity: 0.8;
	z-index: 999;
	width: 100%; 
	height: 100%;
}
.img-popup{
	display:none;
	background: #333;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; 
	left: 50%;
	height: 500px;
    overflow-y:scroll;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close {
	float: right; 
	margin: -10px -12px 0 0;
}

.ui-popup-box{       
        float:left;
        border: 0px solid #ddd;
        width:200px;
       -webkit-border-radius: 3px 3px 3px 3px;
       -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
       -webkit-box-shadow: 0px 0px 5px #000;
       -moz-box-shadow: 0px 0px 5px #000;
        box-shadow: 0px 0px 5px #000;
        background: #fff;
        padding:10px;
        margin:5px;
        }
/*
******************************************************************************/

.page_navigation , .alt_page_navigation{
	padding-top: 10px;
}

.page_navigation a, .alt_page_navigation a{
	padding:7px 12px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#de5100;
	font-weight:bold;
	border-radius:2px;
	box-shadow:0px 0px 1px #000;
	}
.page_navigation a, .alt_page_navigation a:hover{
	     border-color: #aaa #aaa #999;
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #000;
        -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #000;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #000;
        box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #000;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff0f0f0,EndColorStr=#ffe6e6e6);
        background-image: -moz-linear-gradient(top,#f0f0f0 0,#e6e6e6 100%);
        background-image: -ms-linear-gradient(top,#f0f0f0 0,#e6e6e6 100%);
        background-image: -o-linear-gradient(top,#f0f0f0 0,#e6e6e6 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#e6e6e6));
        background-image: -webkit-linear-gradient(top,#f0f0f0 0,#e6e6e6 100%);
        background-image: linear-gradient(to bottom,#f0f0f0 0,#e6e6e6 100%);
        color:black !important;
	}
.active_page{
     	 border-color : #888 #aaa #ccc;
        -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
        -ms-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
        -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
        box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffc8c8c8,EndColorStr=#ffe6e6e6);
        background-image: -moz-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
        background-image: -ms-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
        background-image: -o-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#c8c8c8),color-stop(100%,#e6e6e6));
        background-image: -webkit-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
        background-image: linear-gradient(to bottom,#c8c8c8 0,#e6e6e6 100%);
       color:black !important;
}	

.content, .alt_content{
	color: black;
}

.content li, .alt_content li, .content > p{
	padding: 5px
}
    /*Button
-----------------------------------------------------------------------------*/
    .ui-button-layout
    {
        text-align: CENTER;
        color: #333;
        line-height: 32px;
        font-size: 16px;
        font-family: Tahoma;
        font-weight: bold;
    }
    .ui-button-layout a
    {
        padding: 0 25px 0 25px;
        margin: 5px;
        box-shadow: 0px 0px 1px #000;
    }
    .ui-button
    {
        position: relative;
        overflow: visible;
        display: inline-block;
        padding: .5em 1em;
        border: 0px solid #ef6921;
        margin: 0;
        text-decoration: none;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
        white-space: nowrap;
        cursor: pointer;
        outline: 0;
        color: #fff;
        background-color: #da4a03;
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#da4a03),to(#8e3103));
        background-image: -moz-linear-gradient(#da4a03,#8e3103);
        background-image: -o-linear-gradient(#da4a03,#8e3103);
        background-image: linear-gradient(#da4a03,#8e3103)-webkit-background-clip:padding;
        -moz-background-clip: padding;
        -o-background-clip: padding-box;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        zoom: 1; *display:inline}
    .ui-button:hover, .ui-button:focus, .ui-button:active
    {
        border-color: #e5a202;
        border-bottom-color: #d49602;
        text-decoration: none;
        text-shadow: 1px 1px 0 #fff;
        color: #333;
        background-color: #ffb505;
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fecc56),to(#ffb505));
        background-image: -moz-linear-gradient(#fecc56,#ffb505);
        background-image: -o-linear-gradient(#fecc56,#ffb505);
        background-image: linear-gradient(#fecc56,#ffb505);
    }
    .ui-button:active, .ui-button.active
    {
        border-color: #d49602;
        border-bottom-color: #e5a202;
        text-decoration: none;
        text-shadow: 1px 1px 0 #fff;
        color: #333;
        background-color: #ffb505;
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffb505),to(#fecc56));
        background-image: -moz-linear-gradient(#ffb505,#fecc56);
        background-image: -o-linear-gradient(#ffb505,#fecc56);
        background-image: linear-gradient(#ffb505,#fecc56);
    }
    .ui-button::-moz-focus-inner
    {
        padding: 0;
        border: 0;
    }
    .ui-button.icon:before
    {
        content: "";
        position: relative;
        top: 6px;
        float: left;
        width: 21px;
        height: 21px;
        margin: 0 .75em 0 -0.25em;
        background: url(gh-icons.png) 0 99px no-repeat;
    }
    .ui-button.arrowup.icon:before
    {
        background-position: 0 0;
    }
    .ui-button.arrowup.icon:hover:before, .ui-button.arrowup.icon:focus:before, .ui-button.arrowup.icon:active:before
    {
        background-position: -12px 0;
    }
    .ui-button.arrowdown.icon:before
    {
        background-position: 0 -12px;
    }
    .ui-button.arrowdown.icon:hover:before, .ui-button.arrowdown.icon:focus:before, .ui-button.arrowdown.icon:active:before
    {
        background-position: -12px -12px;
    }
    .ui-button.arrowleft.icon:before
    {
        background-position: -12px -24px;
    }
    .ui-button.arrowleft.icon:hover:before, .ui-button.arrowleft.icon:focus:before, .ui-button.arrowleft.icon:active:before
    {
        background-position: 0 -24px;
    }
    .ui-button.arrowright.icon:before
    {
        float: right;
        margin: 0 -0.25em 0 .5em;
        background-position: -21px 0px;
    }
    .ui-button.arrowright.icon:hover:before, .ui-button.arrowright.icon:focus:before, .ui-button.arrowright.icon:active:before
    {
        background-position: 0px 0px;
    }
    .ui-button.approve.icon:before
    {
        background-position: 0 -48px;
    }
    .ui-button.approve.icon:hover:before, .ui-button.approve.icon:focus:before, .ui-button.approve.icon:active:before
    {
        background-position: -12px -48px;
    }
    .ui-button.add.icon:before
    {
        background-position: 0 -288px;
    }
    .ui-button.add.icon:hover:before, .ui-button.add.icon:focus:before, .ui-button.add.icon:active:before
    {
        background-position: -12px -288px;
    }
    .ui-button.remove.icon:before
    {
        background-position: 0 -60px;
    }
    .ui-button.remove.icon:hover:before, .ui-button.remove.icon:focus:before, .ui-button.remove.icon:active:before
    {
        background-position: -12px -60px;
    }
    .ui-button.log.icon:before
    {
        background-position: 0 -72px;
    }
    .ui-button.log.icon:hover:before, .ui-button.log.icon:focus:before, .ui-button.log.icon:active:before
    {
        background-position: -12px -72px;
    }
    .ui-button.calendar.icon:before
    {
        background-position: 0 -84px;
    }
    .ui-button.calendar.icon:hover:before, .ui-button.calendar.icon:focus:before, .ui-button.calendar.icon:active:before
    {
        background-position: -12px -84px;
    }
    .ui-button.chat.icon:before
    {
        background-position: 0 -96px;
    }
    .ui-button.chat.icon:hover:before, .ui-button.chat.icon:focus:before, .ui-button.chat.icon:active:before
    {
        background-position: -12px -96px;
    }
    .ui-button.clock.icon:before
    {
        background-position: 0 -108px;
    }
    .ui-button.clock.icon:hover:before, .ui-button.clock.icon:focus:before, .ui-button.clock.icon:active:before
    {
        background-position: -12px -108px;
    }
    .ui-button.settings.icon:before
    {
        background-position: 0 -120px;
    }
    .ui-button.settings.icon:hover:before, .ui-button.settings.icon:focus:before, .ui-button.settings.icon:active:before
    {
        background-position: -12px -120px;
    }
    .ui-button.comment.icon:before
    {
        background-position: 0 -132px;
    }
    .ui-button.comment.icon:hover:before, .ui-button.comment.icon:focus:before, .ui-button.comment.icon:active:before
    {
        background-position: -12px -132px;
    }
    .ui-button.fork.icon:before
    {
        background-position: 0 -144px;
    }
    .ui-button.fork.icon:hover:before, .ui-button.fork.icon:focus:before, .ui-button.fork.icon:active:before
    {
        background-position: -12px -144px;
    }
    .ui-button.like.icon:before
    {
        background-position: 0 -156px;
    }
    .ui-button.like.icon:hover:before, .ui-button.like.icon:focus:before, .ui-button.like.icon:active:before
    {
        background-position: -12px -156px;
    }
    .ui-button.favorite.icon:before
    {
        background-position: 0 -348px;
    }
    .ui-button.favorite.icon:hover:before, .ui-button.favorite.icon:focus:before, .ui-button.favorite.icon:active:before
    {
        background-position: -12px -348px;
    }
    .ui-button.home.icon:before
    {
        background-position: 0 -168px;
    }
    .ui-button.home.icon:hover:before, .ui-button.home.icon:focus:before, .ui-button.home.icon:active:before
    {
        background-position: -12px -168px;
    }
    .ui-button.key.icon:before
    {
        background-position: 0 -180px;
    }
    .ui-button.key.icon:hover:before, .ui-button.key.icon:focus:before, .ui-button.key.icon:active:before
    {
        background-position: -12px -180px;
    }
    .ui-button.lock.icon:before
    {
        background-position: 0 -192px;
    }
    .ui-button.lock.icon:hover:before, .ui-button.lock.icon:focus:before, .ui-button.lock.icon:active:before
    {
        background-position: -12px -192px;
    }
    .ui-button.unlock.icon:before
    {
        background-position: 0 -204px;
    }
    .ui-button.unlock.icon:hover:before, .ui-button.unlock.icon:focus:before, .ui-button.unlock.icon:active:before
    {
        background-position: -12px -204px;
    }
    .ui-button.loop.icon:before
    {
        background-position: 0 -216px;
    }
    .ui-button.loop.icon:hover:before, .ui-button.loop.icon:focus:before, .ui-button.loop.icon:active:before
    {
        background-position: -12px -216px;
    }
    .ui-button.search.icon:before
    {
        background-position: 0 -228px;
    }
    .ui-button.search.icon:hover:before, .ui-button.search.icon:focus:before, .ui-button.search.icon:active:before
    {
        background-position: -12px -228px;
    }
    .ui-button.mail.icon:before
    {
        background-position: 0 -240px;
    }
    .ui-button.mail.icon:hover:before, .ui-button.mail.icon:focus:before, .ui-button.mail.icon:active:before
    {
        background-position: -12px -240px;
    }
    .ui-button.move.icon:before
    {
        background-position: 0 -252px;
    }
    .ui-button.move.icon:hover:before, .ui-button.move.icon:focus:before, .ui-button.move.icon:active:before
    {
        background-position: -12px -252px;
    }
    .ui-button.edit.icon:before
    {
        background-position: 0 -264px;
    }
    .ui-button.edit.icon:hover:before, .ui-button.edit.icon:focus:before, .ui-button.edit.icon:active:before
    {
        background-position: -12px -264px;
    }
    .ui-button.pin.icon:before
    {
        background-position: 0 -276px;
    }
    .ui-button.pin.icon:hover:before, .ui-button.pin.icon:focus:before, .ui-button.pin.icon:active:before
    {
        background-position: -12px -276px;
    }
    .ui-button.reload.icon:before
    {
        background-position: 0 -300px;
    }
    .ui-button.reload.icon:hover:before, .ui-button.reload.icon:focus:before, .ui-button.reload.icon:active:before
    {
        background-position: -12px -300px;
    }
    .ui-button.rss.icon:before
    {
        background-position: 0 -312px;
    }
    .ui-button.rss.icon:hover:before, .ui-button.rss.icon:focus:before, .ui-button.rss.icon:active:before
    {
        background-position: -12px -312px;
    }
    .ui-button.tag.icon:before
    {
        background-position: 0 -324px;
    }
    .ui-button.tag.icon:hover:before, .ui-button.tag.icon:focus:before, .ui-button.tag.icon:active:before
    {
        background-position: -12px -324px;
    }
    .ui-button.trash.icon:before
    {
        background-position: 0 -336px;
    }
    .ui-button.trash.icon:hover:before, .ui-button.trash.icon:focus:before, .ui-button.trash.icon:active:before
    {
        background-position: -12px -336px;
    }
    .ui-button.user.icon:before
    {
        background-position: 0 -360px;
    }
    .ui-button.user.icon:hover:before, .ui-button.user.icon:focus:before, .ui-button.user.icon:active:before
    {
        background-position: -12px -360px;
    }

 /*************** Right Scrollbar *******************/ 
  
 ::-webkit-scrollbar
        {
            height: 16px;
            overflow: visible;
            width: 16px;
        }
        ::-webkit-scrollbar-button
        {
            height: 0;
            width: 0;
        }
        ::-webkit-scrollbar-track
        {
            background-clip: padding-box;
            border: solid transparent;
            border-width: 0 0 0 4px;
        }
        ::-webkit-scrollbar-track:horizontal
        {
            border-width: 4px 0 0;
        }
        ::-webkit-scrollbar-track:hover
        {
            background-color: rgba(0,0,0,.05);
            box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
        }
        ::-webkit-scrollbar-track:horizontal:hover
        {
            box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
        }
        ::-webkit-scrollbar-track:active
        {
            background-color: rgba(0,0,0,.05);
            box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
        }
        ::-webkit-scrollbar-track:horizontal:active
        {
            box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
        }
        ::-webkit-scrollbar-thumb
        {
            background-color: #990000;
            background-clip: padding-box;
            border: solid transparent;
            border-width: 1px 1px 1px 6px;
            min-height: 28px;
            padding: 100px 0 0;
            box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
        }
        ::-webkit-scrollbar-thumb:horizontal
        {
            border-width: 6px 1px 1px;
            padding: 0 0 0 100px;
            box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07);
        }
        ::-webkit-scrollbar-thumb:hover
        {
            background-color: #fda805;
            box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
        }
        ::-webkit-scrollbar-thumb:active
        {
            background-color: #be4e03;
            box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
        }
        ::-webkit-scrollbar-corner
        {
            background: transparent;
        }
        body::-webkit-scrollbar-track-piece
        {
            background-clip: padding-box;
            background-color: #f5f5f5;
            border: solid #fff;
            border-width: 0 0 0 3px;
            box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
        }
        body::-webkit-scrollbar-track-piece:horizontal
        {
            border-width: 3px 0 0;
            box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
        }
        body::-webkit-scrollbar-thumb
        {
            border-width: 1px 1px 1px 5px;
        }
        body::-webkit-scrollbar-thumb:horizontal
        {
            border-width: 5px 1px 1px;
        }
        body::-webkit-scrollbar-corner
        {
            background-clip: padding-box;
            background-color: #f5f5f5;
            border: solid #fff;
            border-width: 3px 0 0 3px;
            box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
        }
        .RScroll::-webkit-scrollbar
        {
            height: 16px;
            overflow: visible;
            width: 12px;
        }
        .RScroll::-webkit-scrollbar-track
        {
            background-clip: padding-box;
            border: solid transparent;
            border-width: 0;
        }
        .RScroll::-webkit-scrollbar-track-piece, .RScroll::-webkit-scrollbar-thumb
        {
            border-width: 0;
        }